/*
 Theme Name:   ADAM Energy Child
 Template:     astra
 Version:      1.1.0
 Text Domain:  astra-child-adam-energy
*/

/* --- VARIABLES DE COULEURS PRO --- */
:root {
    --adam-orange: #ea580c;      /* Orange plus profond, plus "industriel" */
    --adam-orange-hover: #c2410c;
    --adam-slate: #0f172a;       /* Slate 900 - Bleu nuit pro */
    --adam-slate-light: #1e293b; /* Slate 800 */
    --adam-gold: #fbbf24;        /* Pour les étoiles d'avis */
}



/* --- 2. HEADER DYNAMIQUE (FLUIDITÉ) --- */
#main-header {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#main-header.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.1);
}

/* --- 3. REVEAL & MICRO-INTERACTIONS --- */
.reveal {
    will-change: transform, opacity;
}

.reveal.opacity-100 {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Effet de lueur pro sur les cartes au survol */
.group:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
    box-shadow: 0 25px 50px -12px rgba(234, 88, 12, 0.15); /* Lueur orange subtile */
    border-color: var(--adam-orange) !important;
}

/* --- 4. OPTIMISATION MOBILE (TOUCH-FRIENDLY) --- */
@media (max-width: 768px) {
    /* Augmente la taille des boutons pour les doigts */
    a, button {
        min-height: 44px;
        min-width: 44px;
    }

    /* Hero Section Mobile */
    section.h-\[90vh\] {
        height: 85vh !important;
    }

    h1 {
        font-size: 2.75rem !important; /* Plus lisible sur smartphone */
        line-height: 1.1 !important;
    }

    /* Barre de contact mobile ultra-pro */
    .mobile-sticky-cta {
        padding: 12px 16px 24px 16px !important; /* Plus d'espace pour l'iPhone (notch) */
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        border-top: 1px solid rgba(0,0,0,0.05);
    }

    .mobile-sticky-cta a {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        font-size: 1rem !important;
        letter-spacing: 0.025em;
    }

    /* Désactive les délais d'animation sur mobile pour éviter la sensation de lenteur */
    .reveal {
        transition-delay: 0s !important;
    }
}

/* --- 5. FINITION "PREMIUM ARTISAN" --- */

/* Titres balancés et élégants */
h1, h2, h3 {
    text-wrap: balance;
    letter-spacing: -0.02em;
    color: var(--adam-slate);
}

/* Style des badges */
.badge-pro {
    background: linear-gradient(135deg, var(--adam-orange), #f97316);
    color: white;
    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.3);
}

/* Étoiles Google Avis */
.star-rating {
    color: var(--adam-gold);
    text-shadow: 0 0 10px rgba(251, 191, 36, 0.3);
}

/* Custom Scrollbar (Propre sur Chrome/Safari) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: var(--adam-slate-light);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--adam-orange);
}

/* 1. Supprimer les marges de structure d'Astra */
.page-template-page-home-adam-energy-tailwind-full .site-content {
    padding: 0 !important;
}

.page-template-page-home-adam-energy-tailwind-full #primary {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.page-template-page-home-adam-energy-tailwind-full .ast-article-single {
    margin: 0 !important;
}

/* 2. Gérer la superposition du Header */
/* Comme ton header fait environ 80px de haut, on s'assure que le contenu 
   commence juste en dessous, ou passe derrière si tu veux un effet transparent */

.page-template-page-home-adam-energy-tailwind-full #main-header + div.antialiased {
    margin-top: 0; /* Force le retrait de tout écart */
}

/* Suppression radicale des écarts Astra */
#content {
    padding: 0 !important;
}

.ast-container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* On force le Hero à coller au Header fixed */
.page-template-page-home-adam-energy-tailwind-full .site-content {
    margin-top: 0 !important;
}

/* Amélioration visuelle du texte Hero */
.font-outline-2 {
  -webkit-text-stroke: 1px rgba(255,255,255,0.3);
}

/* Animations au scroll */
.reveal {
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 768px) {
    .header-inner {
        flex-direction: column;
        align-items: center;
    }
    
    .site-nav .menu {
        flex-direction: column;
        gap: 15px;
    }

    .bg-gray-50 {
        padding: 16px;
    }
}