/*
Theme Name: AMUPreparation.com Official Theme
Theme URI: https://amupreparation.com/
Author: AMUPreparation.com Team
Author URI: https://amupreparation.com/
Description: Crash-proof, SEO-ready WordPress & WooCommerce educational platform theme for AMUPreparation.com. Features Free & Paid Previous-Year Question Papers Store with Automatic PDF Delivery, One-to-One Live Tuition Booking, Free Educational Consultancy, WhatsApp Community QR Integration, Elementor Compatibility, Normal Desktop Web Portal (>=768px), and Native Mobile App UI (<768px).
Version: 5.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amupreparation-v5
Tags: education, woocommerce, elementor, amu, jmi, question-papers, live-tuition, responsive
*/

:root {
    --amu-green-dark: #0b5d33;
    --amu-green-primary: #147a42;
    --amu-purple-dark: #3b0d71;
    --amu-purple-primary: #51158c;
    --amu-gold: #f5c518;
    --amu-whatsapp: #25D366;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #f8fafc;
    color: #0f172a;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    line-height: 1.6;
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.nav-dropdown:hover .nav-dropdown-menu { display: block; }

.app-only-ui { display: none; }
.desktop-only-ui { display: block; }

/* Native Mobile App UI Transformation on Smartphones (<768px) */
@media (max-width: 767px) {
    body {
        background-color: #f1f5f9;
        padding-bottom: 72px;
    }
    .app-only-ui { display: flex !important; }
    .desktop-only-ui { display: none !important; }
    .mob-stack-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .mob-col-full {
        grid-column: span 1 / span 1 !important;
        border-right: none !important;
        padding-right: 0 !important;
    }
    .mob-app-launcher-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .mob-app-launcher-item {
        padding: 10px 6px !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
    }
    .mob-app-launcher-item .launcher-label {
        font-size: 10.5px !important;
        line-height: 1.2 !important;
    }
    .mob-filter-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 12px !important;
    }
    .mob-filter-search {
        grid-column: span 2 / span 2 !important;
    }
    .mob-papers-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .mob-app-section {
        padding: 12px 12px !important;
    }
    .mob-hero-title { font-size: 34px !important; line-height: 1.05 !important; }
    .mob-hero-sub { font-size: 26px !important; line-height: 1.1 !important; }
    .mob-hero-kicker { font-size: 20px !important; }
    .mob-cta-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .mob-cta-row a,
    .mob-cta-row button {
        width: 100% !important;
        justify-content: center !important;
    }
    .mob-uni-card {
        background: rgba(255, 255, 255, 0.88) !important;
        border-radius: 18px !important;
        padding: 14px !important;
        border: 1px solid rgba(11, 93, 51, 0.15) !important;
    }
    .mob-footer-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
    .mob-footer-about {
        grid-column: span 2 / span 2 !important;
    }
    #floating-wa-btn { display: none !important; }
}