/* Generated by OrchestKit Claude Plugin - 2026-07-27 */

/*
 * AMDAGRI — Charte graphique
 * Vert  #287e2c  (feuille verte + texte logo)
 * Orange #f0920d (feuille orange logo)
 * Fond   #ffffff (blanc principal)
 *
 * Ce fichier est importé EN DERNIER dans app.js
 * pour surcharger Bootstrap + le CSS existant.
 */

/* ── 1. TOKENS ───────────────────────────────────────────── */
:root {
    --brand-green:        #287e2c;
    --brand-green-dark:   #1e5c22;
    --brand-green-light:  #dff5df;
    --brand-orange:       #f0920d;
    --brand-orange-dark:  #c97600;
    --brand-orange-light: #fff4e0;
    --brand-white:        #ffffff;

    /* Aligne les tokens du framework existant */
    --primary:   #287e2c;
    --orange:    #f0920d;
    --yellow:    #f0920d; /* homepage-v2 utilise --yellow comme accent chaud */
    --green:     #287e2c;
}

/* ── 2. ACCENTS GLOBAUX ──────────────────────────────────── */

/* Liens */
a { color: var(--brand-green); }
a:hover { color: var(--brand-orange); }

/* Bordures accent (headings underline, hr, separateurs) */
.header-part { border-bottom-color: var(--brand-orange) !important; }
.intro-part  { border-top-color: var(--brand-orange) !important; }

/* Highlight texte */
.highlight, .text-primary { color: var(--brand-orange) !important; }

/* Barre de progression, dots slider */
.slick-dots li.slick-active button { background: var(--brand-orange) !important; border-color: var(--brand-orange) !important; }

/* ── 3. BOUTONS — VERT fond blanc au survol ──────────────── */

/* Base commune à tous les boutons de marque */
.btn-inline,
.btn-primary,
.btn-success,
.btn-add-to-cart,
.cart-checkout-btn,
.btn-primary-cta {
    background-color: var(--brand-green) !important;
    border-color:     var(--brand-green) !important;
    color:            #fff !important;
    transition: background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

.btn-inline:hover,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-add-to-cart:hover,
.cart-checkout-btn:hover,
.btn-primary-cta:hover {
    background-color: #fff !important;
    border-color:     var(--brand-green) !important;
    color:            var(--brand-green) !important;
}

/* Outline → vert texte/bord, fond vert au survol */
.btn-outline,
.btn-outline-primary,
.btn-outline-success {
    color:            var(--brand-green) !important;
    border-color:     var(--brand-green) !important;
    background-color: transparent !important;
    transition: background-color 0.22s ease, color 0.22s ease;
}
.btn-outline:hover,
.btn-outline-primary:hover, .btn-outline-primary:focus,
.btn-outline-success:hover, .btn-outline-success:focus {
    background-color: var(--brand-green) !important;
    border-color:     var(--brand-green) !important;
    color:            #fff !important;
}

/* Bouton WhatsApp : conserve le vert whatsapp sauf si redéfini */
.btn-whatsapp {
    background-color: #25D366 !important;
    border-color:     #25D366 !important;
    color:            #fff !important;
}
.btn-whatsapp:hover {
    background-color: #fff !important;
    border-color:     #25D366 !important;
    color:            #25D366 !important;
}

/* Bouton "Ajouter au panier" override spécifique panier */
.product-action button i,
.cart-checkout-btn {
    background: var(--brand-green) !important;
    color: #fff !important;
}

/* ── 4. HEADER / NAVBAR ──────────────────────────────────── */

/* Bandeau top (email + adresse) : fond orange uni, texte blanc */
.header-top {
    background: var(--brand-orange) !important;
    border-bottom-color: var(--brand-orange-dark) !important;
}
.header-top *,
.header-top-welcome ul li,
.header-top-list li a {
    color: #fff !important;
}
.header-top-list li a {
    background: rgba(255, 255, 255, 0.15) !important;
}
.header-top-list li a:hover {
    background: rgba(255, 255, 255, 0.35) !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* Promo bar : fond orange uni, texte blanc */
.promo-bar {
    background: var(--brand-orange) !important;
    color: #fff !important;
}
.promo-bar * { color: #fff !important; }
.promo-bar a { color: #fff !important; text-decoration: underline; }

/* Soulignement orange sur les liens de navigation actifs */
.navbar-list .navbar-item .navbar-link::after { background: var(--brand-orange) !important; }

/* Badge panier */
.cart-amount, .header-cart .navbar-badge { background: var(--brand-orange) !important; }

/* ── 5. ICÔNES INTRO / TRUST BADGES ─────────────────────── */
.intro-icon i {
    background: var(--brand-green-light) !important;
    border-color: var(--brand-green) !important;
    color: var(--brand-green) !important;
}
.intro-wrap:hover .intro-icon i {
    background: var(--brand-orange) !important;
    border-color: var(--brand-orange-dark) !important;
    color: #fff !important;
}

/* ── 6. SECTION HEADINGS ─────────────────────────────────── */
.section-heading h2 span,
.section-heading .title-mark {
    color: var(--brand-orange) !important;
}

/* Underline sur les titres de section */
.section-heading::after,
.title-underline {
    background: var(--brand-orange) !important;
}

/* ── 7. BADGES / LABELS PRODUIT ──────────────────────────── */
.product-badge,
.discount-badge,
.new-badge {
    background: var(--brand-orange) !important;
    color: #fff !important;
}

/* ── 8. FORMULAIRES ─────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
    border-color: var(--brand-green) !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 126, 44, 0.2) !important;
}

/* ── 9. FOOTER ──────────────────────────────────────────── */
.footer-part .footer-heading,
.news-form--premium button {
    border-color: var(--brand-orange) !important;
}
.footer-social-btn:hover {
    background: var(--brand-green) !important;
    border-color: var(--brand-green) !important;
}

/* ── 10. OVERRIDES SPÉCIFIQUES HOMEPAGE-V2 ───────────────── */
/* Les règles qui utilisaient #ffab10 comme accent chaud */
.hero-title .highlight { color: var(--brand-orange) !important; }
.hero-title .highlight::after { background: linear-gradient(90deg, var(--brand-orange), var(--brand-orange-dark)) !important; }
.header-top { border-bottom-color: var(--brand-orange) !important; }
.header-top-list li a:hover { background: var(--brand-orange) !important; color: var(--brand-green-dark) !important; }
.promo-bar { background: var(--brand-orange) !important; }
.news-form--premium button { background: var(--brand-green) !important; }
.news-form--premium button:hover { background: #fff !important; color: var(--brand-green) !important; border-color: var(--brand-green) !important; }
.news-cta-btn { border-color: var(--brand-orange) !important; }
.news-cta-btn:hover { background: var(--brand-green) !important; }

/* ── 11. CHECKOUT / PANIER ───────────────────────────────── */
.checkout-step-active,
.step-indicator.active {
    background: var(--brand-green) !important;
    border-color: var(--brand-green) !important;
}