/**
* Theme Name:     SWP MicroAPK
* Theme URI:      https://www.salmanwp.com/microapk-kadence-child-theme
* Template:       kadence
* Author:         Salman Sarwar
* Author URI:     https://salmanwp.com/
* Description:    SWP MicroAPK is a lightweight and responsive child theme built on the KadenceWP framework, designed specifically for micro APK download sites. Perfect for MOD APK websites, this theme includes dedicated pages for APK downloads, PC and iOS/Mac versions, old APK archives, and a blog for updates.

With its user-friendly layout and fast-loading design, SWP MicroAPK ensures a smooth experience for visitors on both desktop and mobile devices. It also comes with essential legal pages like Privacy Policy, Terms and Conditions, DMCA, and more, making it ideal for small APK-focused websites.

Easily customizable, it’s a perfect fit for anyone looking to build a simple yet professional MOD APK site with SEO in mind.
* Requires at least: 6.1
* Tested up to: 6.6
* Requires PHP: 7.4
* Version:        1.0.0
* License:        GNU General Public License v3.0 (or later)
* License URI:    https://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: swp-microapk
 * Tags: surecart, theme, license
*/
/* Custom Header from SalmanWP */

.site-header-upper-inner-wrap .item-is-fixed {
	margin-top: 0.5rem;
}

#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.item-hidden-above):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.item-hidden-above) > .site-header-row-container-inner {
	background: rgba(255, 255, 255, 0.2); /* Semi-transparent background */
    backdrop-filter: blur(10px); /* Blur effect */
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Subtle border for glass effect */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), /* Drop shadow */
                0 2px 4px rgba(255, 255, 255, 0.15); /* Light glowing effect */
    transition: all 0.3s ease; /* Smooth transition for effects */
	border-radius: 20px;
	padding: 0.5rem 0.2rem;
	width: 70%; /* 70% width when the header becomes sticky */
  margin: 0 auto; /* Center the sticky header */
  transition: all 0.5s ease; /* Smooth transition for width change */
}

/* Custom button styles for #main-header .header-button */
#main-header .header-button {
  padding: 10px 20px;
  text-transform: uppercase;
  border-radius: 12px; /* Rounder corners */
  font-size: 17px;
  font-weight: 500;
  color: var(--global-palette2, #ffffff80); /* Text color using your brand palette */
  text-shadow: none;
  background: transparent;
  cursor: pointer;
  box-shadow: transparent;
  border: 1px solid var(--global-palette2, #ffffff80); /* Border using global palette */
  transition: 0.5s ease;
  user-select: none;
}

/* Hover and focus effect */
#main-header .header-button:hover,
#main-header .header-button:focus {
  color: var(--global-palette9, #ffffff); /* Text turns fully white on hover */
  background: var(--global-palette1, #008cff); /* Background with primary color */
  border: 1px solid var(--global-palette1, #008cff); /* Border with primary color */
  text-shadow: 0 0 2px var(--global-palette9, #ffffff), 
               0 0 3px var(--global-palette9, #ffffff), 
               0 0 6px var(--global-palette9, #ffffff); /* Glowing text effect */
  box-shadow: 0 0 5px var(--global-palette1, #008cff), 
              0 0 10px var(--global-palette1, #008cff), 
              0 0 20px var(--global-palette1, #008cff), 
              0 0 30px var(--global-palette1, #008cff); /* Glowing button effect */
}

/* Active state (when button is clicked) */
#main-header .header-button:active {
  transform: scale(0.98); /* Slightly shrink button on click */
}