/*
 * Theme Name: Astra Child
 * Theme URI: https://muhamedahmed.com/
 * Description: مؤسسة الغنيمي للتنمية الشاملة — Astra Compatibility Layer
 * Author: Muhamed Ahmed
 * Author URI: https://muhamedahmed.com/
 * Template: astra
 * Version: 2.0.0
 * Text Domain: astra-child
 */

/*
 * This child theme ONLY handles Astra-specific overrides.
 * All premium design is handled by the yCharityHub plugin's
 * design-tokens.css, skins/modern-glass.css, main.css, and
 * inc/dynamic-styles.php.
 */

/* ===== ASTRA CONTAINER RESET ===== */
/* yCharityHub sections need full-width; Astra constrains to 1200px */
.home .site-content > .ast-container,
.page-about .site-content > .ast-container,
.page-contact .site-content > .ast-container {
    max-width: 100% !important;
    padding: 0 !important;
}

.home #primary,
.page-about #primary,
.page-contact #primary {
    margin: 0 !important;
    padding: 0 !important;
}

.home .entry-content,
.page-about .entry-content,
.page-contact .entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide Astra page title on yCharityHub pages */
.home .entry-header,
.page-about .entry-header,
.page-contact .entry-header {
    display: none !important;
}

/* ===== ASTRA HEADER PREMIUM STYLE ===== */
/* Apply glassmorphism to Astra's built-in header when skin is active */
.yre-skin-modern-glass .ast-primary-header-bar,
.yre-skin-modern-glass .site-header {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(24px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
    border-bottom: 1px solid rgba(0, 119, 150, 0.06) !important;
    box-shadow: 0 1px 20px rgba(0, 119, 150, 0.05) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.yre-skin-modern-glass .custom-logo-link img {
    max-height: 60px;
    width: auto;
    transition: transform 0.3s ease;
}

.yre-skin-modern-glass .custom-logo-link:hover img {
    transform: scale(1.03);
}

/* Navigation links — premium Cairo typography + hover effects */
.yre-skin-modern-glass .main-header-menu .menu-link {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    color: #1E293B !important;
    position: relative !important;
    padding: 0.5rem 1rem !important;
    border-radius: 10px !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.yre-skin-modern-glass .main-header-menu .menu-link:hover {
    color: #007796 !important;
    background: rgba(0, 119, 150, 0.06) !important;
}

.yre-skin-modern-glass .main-header-menu .current-menu-item > .menu-link {
    color: #007796 !important;
    background: rgba(0, 119, 150, 0.06) !important;
}

/* Nav underline animation */
.yre-skin-modern-glass .main-header-menu .menu-link::after {
    content: '' !important;
    position: absolute !important;
    bottom: 2px !important;
    left: 1rem !important;
    right: 1rem !important;
    height: 2px !important;
    background: linear-gradient(135deg, #007796, #33A1AD) !important;
    border-radius: 9999px !important;
    transform: scaleX(0) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transform-origin: center !important;
}

.yre-skin-modern-glass .main-header-menu .menu-link:hover::after,
.yre-skin-modern-glass .main-header-menu .current-menu-item > .menu-link::after {
    transform: scaleX(1) !important;
}

/* ===== ASTRA FOOTER PREMIUM ===== */
.yre-skin-modern-glass .site-below-footer-wrap {
    background: linear-gradient(160deg, #0D1520 0%, #005A73 100%) !important;
    border: none !important;
}

.yre-skin-modern-glass .site-below-footer-wrap,
.yre-skin-modern-glass .ast-footer-copyright {
    color: rgba(255, 255, 255, 0.7) !important;
}

.yre-skin-modern-glass .site-below-footer-wrap a {
    color: #D1915B !important;
}

.yre-skin-modern-glass .site-below-footer-wrap a:hover {
    color: #E5B07D !important;
}

/* ===== GLOBAL FONT ===== */
body {
    font-family: 'Cairo', 'Tajawal', sans-serif !important;
    direction: rtl;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .yre-skin-modern-glass .custom-logo-link img {
        max-height: 48px;
    }
}