/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.17.1769693960
Updated: 2026-01-29 14:39:20

*/

/*
Theme Name: Astra Child - Julien Almagro Coaching
Template: astra
Version: 1.0.0
*/

/* ============================================
   VARIABLES CSS - CHARTE GRAPHIQUE
   ============================================ */
:root {
    --primary-green: #5a6b5e;      /* Vert sauge foncé */
    --primary-gold: #d4a843;       /* Doré/Moutarde */
    --light-beige: #f5f0e8;        /* Beige clair */
    --dark-text: #2d3436;          /* Texte foncé */
    --white: #ffffff;
}

/* HEADER COMPACT - VERSION ULTRA-FORCÉE */
body .site-header,
body #masthead,
body .main-header-bar,
body .main-header-bar-wrap {
    background-color: #f5f0e8 !important;
    border-bottom: 2px solid #d4a843 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 60px !important;
    max-height: 80px !important;
}

/* Container avec espacement */
body .main-header-container {
    padding: 10px 50px !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* LOGO */
body .site-logo-img img,
body .custom-logo {
    max-width: 110px !important;
    width: 110px !important;
    height: auto !important;
}

body .site-branding {
    margin: 0 !important;
    padding: 0 !important;
}

/* MENU */
body .main-navigation a {
    color: #5a6b5e !important;
    font-weight: 500 !important;
}

body .main-navigation a:hover {
    color: #d4a843 !important;
}

/* ============================================
   TYPOGRAPHIE GÉNÉRALE
   ============================================ */
body {
    font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
    color: var(--dark-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', Georgia, serif;
    color: var(--primary-green);
}

/* ============================================
   HEADER - STRUCTURE ET STYLE
   ============================================ */

/* RESET complet du header Astra */
.site-header {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: auto !important;
}

/* Fond du header */
.main-header-bar {
    background-color: var(--light-beige) !important;
    border-bottom: 2px solid var(--primary-gold);
    padding: 0 !important;
    margin: 0 !important;
}

.main-header-bar-wrap {
    padding: 0 !important;
    margin: 0 !important;
}

/* Container du header - TOUTE LA HAUTEUR EST ICI */
.main-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px 30px !important; /* Contrôle la hauteur du header */
    min-height: auto !important;
}


/* ============================================
   LOGO
   ============================================ */

/* Zone du logo */
.site-branding {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
}

/* Conteneur du logo */
.site-logo-img,
.custom-logo-link {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Logo AGRANDI - passe de 86px à 100px */
.site-logo-img img,
.custom-logo {
    max-width: 100px !important;
    width: 100px !important;
    height: auto !important;
    transition: transform 0.3s ease;
    display: block !important;
    margin: 0 !important;
}

.site-logo-img img:hover,
.custom-logo:hover {
    transform: scale(1.05);
}

/* Titre du site (si pas de logo image) */
.site-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--primary-green);
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.site-title a {
    color: var(--primary-green);
    text-decoration: none;
}

/* ============================================
   MENU NAVIGATION
   ============================================ */

/* Container du menu */
.main-header-bar-navigation {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
}

/* Liste du menu */
.main-navigation ul {
    display: flex;
    align-items: center;
    gap: 35px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Liens du menu */
.main-navigation a {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-green) !important;
    text-decoration: none;
    padding: 8px 0;
    position: relative;
    transition: color 0.3s ease;
}

/* Effet hover sur les liens */
.main-navigation a:hover {
    color: var(--primary-gold) !important;
}

/* Soulignement animé au hover */
.main-navigation a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--primary-gold);
    transition: width 0.3s ease;
}

.main-navigation a:hover::after {
    width: 100%;
}

/* Lien actif/current */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
    color: var(--primary-gold) !important;
    font-weight: 600;
}

/* ============================================
   MENU MOBILE (RESPONSIVE)
   ============================================ */

/* Bouton menu burger */
.ast-button-wrap .menu-toggle,
.main-header-menu-toggle {
    background-color: var(--primary-green) !important;
    border: none !important;
    padding: 10px 15px;
    border-radius: 5px;
}

.ast-button-wrap .menu-toggle:hover {
    background-color: var(--primary-gold) !important;
}

/* Icône burger */
.ast-mobile-menu-buttons .menu-toggle .ast-icon {
    fill: var(--white);
}

/* Menu mobile ouvert */
@media (max-width: 921px) {
    .main-header-bar-navigation {
        background-color: var(--light-beige);
        border-top: 2px solid var(--primary-gold);
    }
    
    .main-navigation ul {
        flex-direction: column;
        gap: 0;
        padding: 20px 0;
    }
    
    .main-navigation li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid rgba(90, 107, 94, 0.1);
    }
    
    .main-navigation a {
        display: block;
        padding: 15px 20px;
    }
}

/* ============================================
   AJUSTEMENTS RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .main-header-container {
        padding: 0 20px;
    }
    
    .site-logo-img,
    .custom-logo {
        max-width: 80px !important;
    }
    
    .site-branding {
        margin-right: 20px;
    }
}

@media (max-width: 544px) {
    .site-logo-img,
    .custom-logo {
        max-width: 60px !important;
    }
}