/*
 Theme Name:   Jamel Astra Child
 Description:  Master Professional Child Theme for Multi-Site Deployment
 Template:     astra
 Author:       Professional Developer
 Version:      1.0.0
*/

/* ==========================================================================
   1. GLOBAL STYLES & RESET
   ========================================================================== */
:root {
    --brand-color: #2563eb; /* Primary Blue */
    --brand-hover: #1d4ed8;
    --text-main: #1e293b;
    --text-light: #64748b;
    --border-color: #e2e8f0;
}

body {
    color: var(--text-main);
    -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   2. HEADER & NAVIGATION (MST Look)
   ========================================================================== */
.ast-primary-header-bar {
    border-bottom: 1px solid var(--border-color) !important;
    padding: 5px 0;
}

/* Menu items ka look clean karne ke liye */
.main-header-menu .menu-item > a {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--text-main) !important;
    transition: all 0.3s ease;
}

.main-header-menu .menu-item:hover > a {
    color: var(--brand-color) !important;
}

/* Header Button Style - Professional & Rounded */
.ast-header-button-1 .ast-custom-button-link {
    background-color: var(--brand-color) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 10px 22px !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease-in-out !important;
    border: none !important;
}

.ast-header-button-1 .ast-custom-button-link:hover {
    background-color: var(--brand-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* ==========================================================================
   3. MOBILE OPTIMIZATION (Responsive UI)
   ========================================================================== */
@media (max-width: 921px) {
    .ast-mobile-menu-trigger {
        border: none !important;
        background: transparent !important;
        color: var(--brand-color) !important;
    }
    
    .ast-header-break-point .main-header-bar {
        border-bottom: 1px solid var(--border-color) !important;
    }
}

/* ==========================================================================
   4. FOOTER DESIGN (Clean & Pro)
   ========================================================================== */
.site-footer {
    border-top: 1px solid var(--border-color) !important;
    background-color: #f8fafc !important; /* Very light gray/blue tint */
    padding-top: 40px;
    padding-bottom: 20px;
}

.footer-widget-area h2, 
.footer-widget-area h3, 
.widget-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--text-main) !important;
    margin-bottom: 15px !important;
}

.site-footer a {
    color: var(--text-light) !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

.site-footer a:hover {
    color: var(--brand-color) !important;
}