/*
Theme Name: PistacheRewardChild
Theme URI: https://crea-box.com
Description: Thème Enfant Divi officiel standardisé de l'agence Créa-BOX.com pour pistache-reward.
Author: Créa-BOX.com
Author URI: https://crea-box.com
Template: Divi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: divi, child-theme, creabox, responsive-layout
Text Domain: pistache-reward
*/

/* ==============================================================================
   🎨 CRÉA-BOX.COM - RÈGLES DE STYLE DU THÈME ENFANT
   ============================================================================== */

/* 1. Header & Navigation Split Créa-BOX */
#main-header {
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #f1f5f9;
}

#logo {
    transition: max-height 0.35s ease, transform 0.35s ease;
    max-height: 52px;
    width: auto;
}

.et-fixed-header #logo {
    max-height: 40px;
}

/* Espacement et centrage du logo dans le Split Header */
.et_header_style_split .centered-inline-logo-wrap {
    padding: 0 32px !important;
    vertical-align: middle;
}

.et_header_style_split #top-menu-nav {
    display: inline-block;
    vertical-align: middle;
}

/* Liens de navigation du header */
#top-menu li a {
    font-size: 15px;
    font-weight: 500;
    color: #334155 !important;
    padding: 0 16px;
    transition: color 0.2s ease, opacity 0.2s ease;
}

#top-menu li a:hover,
#top-menu li.current-menu-item > a {
    color: #0f172a !important;
    font-weight: 600;
    opacity: 1 !important;
}

/* Navigation Mobile */
@media all and (max-width: 980px) {
    .et_header_style_split #main-header .mobile_nav {
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 10px 14px;
    }

    .et_header_style_split .mobile_nav .select_page {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #475569;
    }

    .et_mobile_menu {
        border-top: 3px solid #3b82f6;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
        border-radius: 0 0 8px 8px;
    }

    .et_mobile_menu li a {
        font-family: 'Inter', sans-serif;
        font-size: 15px;
        color: #1e293b !important;
        padding: 12px 20px;
    }
}

/* 2. Harmonisation Typographique d'Agence Créa-BOX */
h1, h2, h3, h4, h5, h6,
.et_pb_header_font,
.et_pb_title,
.et_pb_slide_title {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 700;
    letter-spacing: -0.02em;
}

body,
p,
span,
li,
input,
textarea,
select,
button,
.et_pb_text,
.et_pb_blurb_description,
#top-menu li a,
.bottom-nav li a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 3. Déclencheur Réversible Bannière Cookies RGPD (Pied de page) */
.creabox-cookie-trigger {
    cursor: pointer;
    text-decoration: underline;
    transition: opacity 0.2s ease;
}

.creabox-cookie-trigger:hover {
    opacity: 0.8;
}