/*
Theme Name:   GeneratePress APK Child
Theme URI:    https://yourwebsite.com
Description:  A GeneratePress child theme with Google Play Store-style APK download pages. Primary color: #6C46DA.
Author:       Your Name
Author URI:   https://yourwebsite.com
Template:     generatepress
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  gp-apk-child
Tags:         apk, download, generatepress, child-theme
*/

/* ============================================================
   Child theme base — parent styles are enqueued via functions.php.
   Add your global overrides below.
   ============================================================ */

:root {
	--apk-primary:        #6C46DA;
	--apk-primary-dark:   #5a38c0;
	--apk-primary-light:  #ede8fb;
	--apk-primary-alpha:  rgba(108, 70, 218, 0.12);
	--apk-text:           #1a1a2e;
	--apk-text-muted:     #64748b;
	--apk-bg:             #f8f7ff;
	--apk-white:          #ffffff;
	--apk-border:         #e8e3f8;
	--apk-radius-sm:      8px;
	--apk-radius-md:      14px;
	--apk-radius-lg:      20px;
	--apk-shadow-sm:      0 1px 4px rgba(108,70,218,.08);
	--apk-shadow-md:      0 4px 20px rgba(108,70,218,.15);
	--apk-shadow-lg:      0 8px 40px rgba(108,70,218,.22);
	--apk-font:           'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ============================================================
   Global site header + navigation
   (GeneratePress default markup — applies on every page,
   including the APK templates, since the header shows there too)
   ============================================================ */
.site-header {
	background: var(--apk-white);
	border-bottom: 1px solid var(--apk-border);
	box-shadow: 0 1px 12px rgba(108,70,218,.05);
}

.site-header .main-title,
.site-header .main-title a {
	font-family: var(--apk-font);
	font-weight: 800;
	color: var(--apk-text);
	letter-spacing: -.01em;
}

.site-header .site-description {
	color: var(--apk-text-muted);
	font-family: var(--apk-font);
}

.main-navigation,
.main-navigation .inside-navigation {
	background: transparent;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu > li > a {
	font-family: var(--apk-font);
	font-weight: 600;
	font-size: .9375rem;
	color: var(--apk-text);
	padding: 10px 16px;
	border-radius: var(--apk-radius-sm);
	transition: background .18s ease, color .18s ease;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .menu > li > a:hover {
	color: var(--apk-primary);
	background: var(--apk-primary-light);
}

.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .menu > li.current-menu-item > a,
.main-navigation .main-nav ul li.current_page_item > a {
	color: var(--apk-primary);
	background: var(--apk-primary-light);
	font-weight: 700;
}

/* Dropdown sub-menus */
.main-navigation ul ul {
	background: var(--apk-white);
	border: 1px solid var(--apk-border);
	border-radius: var(--apk-radius-md);
	box-shadow: var(--apk-shadow-md);
	padding: 6px;
	overflow: hidden;
}
.main-navigation ul ul li a { border-radius: var(--apk-radius-sm); }

/* Mobile hamburger toggle */
.main-navigation .menu-toggle,
button.menu-toggle {
	background: var(--apk-primary);
	color: var(--apk-white);
	border: none;
	border-radius: var(--apk-radius-sm);
	font-family: var(--apk-font);
	font-weight: 600;
}
.main-navigation .menu-toggle:hover,
button.menu-toggle:hover { background: var(--apk-primary-dark); }

/* ============================================================
   Global site footer
   ============================================================ */
.site-footer,
.site-info {
	background: linear-gradient(180deg, #f5f3ff 0%, #ede8fb 100%);
	border-top: 1px solid var(--apk-border);
}

.site-footer .inside-site-info,
.site-info .inside-site-info {
	font-family: var(--apk-font);
	color: var(--apk-text-muted);
	font-size: .875rem;
	text-align: center;
	padding: 28px 16px;
}

.site-footer a,
.site-info a {
	color: var(--apk-primary);
	font-weight: 600;
	text-decoration: none;
}
.site-footer a:hover,
.site-info a:hover { color: var(--apk-primary-dark); text-decoration: underline; }

.site-footer .footer-widgets,
.site-info .footer-widgets {
	background: transparent;
	border-bottom: 1px solid var(--apk-border);
	padding: 40px 16px;
}
.site-footer .footer-widgets .widget-title,
.site-info .footer-widgets .widget-title {
	font-family: var(--apk-font);
	font-weight: 800;
	color: var(--apk-text);
	font-size: 1rem;
	margin-bottom: 14px;
}