/* ==========================================================================
   DJINDJI BUSINESS PRO SARLU
   Identité Visuelle — Couleurs Drapeau Guinéen
   Auteur : Intégration Odoo 17
   ========================================================================== */

/* ==========================================================================
   1. VARIABLES CSS — PALETTE GUINÉENNE
   ========================================================================== */
:root {
  /* ── Couleurs du drapeau de la Guinée ── */
  --guinea-red:    #CE1126;
  --guinea-yellow: #FCD116;
  --guinea-green:  #009460;

  /* ── Couleurs du logo DJINDJI ── */
  --djindji-navy:        #1D3557;   /* Texte DJINDJI / bâtiments    */
  --djindji-blue:        #457B9D;   /* Vague / onde                  */
  --djindji-green-light: #90BE6D;   /* Aile droite claire            */
  --djindji-green-dark:  #2D6A4F;   /* Aile droite foncée / SARLU    */
  --djindji-red:         #E63946;   /* Aile gauche                   */
  --djindji-orange:      #F4A261;   /* Aile gauche dégradé           */
  --djindji-yellow:      #F9C74F;   /* Bec / camion                  */
  --djindji-brown:       #C77D63;   /* Business Pro                  */

  /* ── Remplacements des variables du template ── */
  --gifall-font:    'Outfit', sans-serif;
  --gifall-font-2:  'Amita', cursive;
  --gifall-reey-font: 'reeyregular';

  /* Couleur de BASE (vert Guinée — icônes, sections, barres, hover) */
  --gifall-base:     #009460;
  --gifall-base-rgb: 0, 148, 96;

  /* Couleur PRIMAIRE (jaune Guinée — accents, hover léger, puces) */
  --gifall-primary:     #FCD116;
  --gifall-primary-rgb: 252, 209, 22;

  /* Couleur NOIRE → bleu marine logo (titres, footer bg, textes forts) */
  --gifall-black:     #1D3557;
  --gifall-black-rgb: 29, 53, 87;

  /* Couleur GRISE → gris neutre légèrement teinté (corps de texte) */
  --gifall-gray:     #2C2C3A;
  --gifall-gray-rgb: 44, 44, 58;

  /* Couleur ROUGE Guinée (CTA forts, urgence, actions critiques) */
  --guinea-cta:     #CE1126;
  --guinea-cta-rgb: 206, 17, 38;
}


/* ==========================================================================
   2. COULEUR DE BASE — Vert Guinée #009460
   Remplace partout #3e8f75
   ========================================================================== */

/* Liens actifs, hover, icônes */
a:hover,
a:focus {
  color: var(--gifall-base);
}

/* Titre tagline sec-title h6 */
.sec-title__tagline h6 {
  color: var(--gifall-base);
}

/* Icônes couleur base */
.feature-one__single-icon span:before,
.about-one__content-bottom-left .single-box .inner .icon-box span:before,
.about-two__content-text2-single .icon-box span:before,
.feature-three__img .content-box .icon-box span:before,
.contact-two__content-single .icon-box span:before {
  color: var(--guinea-red);
}

/* Barres de progression */
.feature-three__progress-single .bar-inner,
.case-one__progress .bar-inner,
.donation-details__progress .bar-inner,
.feature-three__progress-single .bar-inner::before {
  background: var(--gifall-base);
}

.case-one__progress .bar-inner::before,
.donation-details__progress .bar-inner::before {
  border-color: var(--gifall-base);
}

/* Scroll to top */
.scroll-to-top {
  background-color: var(--gifall-base);
  border-color: var(--gifall-base);
}
.scroll-to-top:hover {
  background-color: var(--gifall-black);
  border-color: var(--gifall-black);
}

/* Rating étoiles */
.rating-box ul li span {
  color: var(--gifall-base);
}

/* Styled pagination active */
.styled-pagination li:hover a,
.styled-pagination li.active a {
  background: var(--gifall-base);
}

/* Thm-btn hover fond */
.thm-btn::after,
.thm-btn::before {
  background: var(--guinea-red);
}
.thm-btn:hover,
.thm-btn:focus {
  color: #ffffff;
}

/* Header contact hover icône */
.main-header__contact-info ul li .inner .icon-box::before {
  background: var(--gifall-base);
}

/* Header social hover */
.header-social-links li a::before {
  background: var(--gifall-base);
}

/* Menu hover */
.main-menu .main-menu__list > li > ul > li:hover > a,
.main-menu .main-menu__list > li > ul > li > ul > li:hover > a,
.stricky-header .main-menu__list > li > ul > li:hover > a,
.stricky-header .main-menu__list > li > ul > li > ul > li:hover > a {
  background-color: var(--gifall-base);
  color: #ffffff;
}

/* Slider btn fond Vert */
.main-slider-one__content .btn-box .thm-btn {
  background: var(--gifall-base);
}
.main-slider-one.style2 .main-slider-one__content .btn-box .thm-btn::before,
.main-slider-one.style2 .main-slider-one__content .btn-box .thm-btn::after,
.main-slider-one.style3 .main-slider-one__content .btn-box .thm-btn::before,
.main-slider-one.style3 .main-slider-one__content .btn-box .thm-btn::after {
  background: var(--guinea-red);
}

/* About one liste puces */
.about-one__content-bottom-left-list li p::before {
  border-color: var(--gifall-base);
}

/* Feature three barre gauche liste */
.feature-three__content-bottom .content-box ul::before {
  background: var(--gifall-base);
}

/* Counter text */
.case-one__progress .bottom-text .left-text p {
  color: var(--gifall-base);
}

/* Gallery bg overlay */
.gallery-one__single-img {
  background: var(--gifall-base);
}

/* Testimonial icon box */
.testimonial-one__single .icon-box,
.testimonial-two__single .icon-box {
  background: var(--gifall-primary);
}

.testimonial-three__single-bottom .rating-box ul li span {
    color: var(--guinea-yellow);
}

.testimonial-two__single-top-right .rating-box ul li span {
    color: var(--guinea-yellow);
}

/* Blog hover */
.blog-one__single-content h2 a:hover,
.blog-list__single-content-top .meta-box li .text p a:hover,
.blog-list__single-content-bottom .btn-box a {
  color: var(--gifall-base);
}

/* Footer about btn fond */
.footer-widget__single-about-btn a.thm-btn {
  background: var(--guinea-yellow);
}

/* Footer liens hover */
.footer-one__single-explore-list li a:hover,
.footer-one__single-post-box li .content-box p a:hover,
.footer-one__bottom .bottom-inner .copyright p a:hover {
  color: var(--gifall-primary);
}

/* Footer social icônes hover */
.footer-one__bottom-left .social-links ul li a::before {
  background: var(--gifall-base);
}

/* Sidebar hover liens */
.sidebar__catageries-list li:hover a .left,
.sidebar__catageries-list li.active a .left,
.sidebar__latest-post-list li .content-box h3 a:hover,
.sidebar__popular-tags-list li a:hover,
.comment-one__content .top-box .text-box h3 a:hover,
.blog-details__content-tag .tag-list a:hover {
  color: var(--gifall-base);
}
.sidebar__popular-tags-list li a:hover {
  border-color: var(--gifall-base);
}

/* Contact page */
.contact-one__single-icon {
  background: var(--gifall-primary);
}
.contact-two__from .input-box input:focus,
.contact-two__from .input-box textarea:focus, .contact-two__from .input-box .nice-select:focus {
  border-color: var(--gifall-base);
}

/* Donation details bordure box4 */
.donation-details__content-text-box4-single {
  border-color: var(--gifall-base);
}
.donation-details__content-text-box3-content ul li p span:before {
  color: var(--gifall-base);
}
.donation-details__content-text-box3-content .text-box::before {
  background: var(--gifall-base);
}

/* Shop hover lien */
.shop-page__single-content .bottom-text .text-text h4 a:hover {
  color: var(--gifall-base);
}

/* Shop tab active */
.shop-details__tab-button .tab-buttons li:hover,
.shop-details__tab-button .tab-buttons li.active-btn {
  background: var(--gifall-base);
}

/* Events hover */
.events-one__single-content h2 a:hover,
.events-one__single-content .btn-box a {
  color: var(--gifall-base);
}

/* Stricky header hover */
.stricky-header--one .main-menu__list > li.current > a,
.stricky-header--one .main-menu__list > li:hover > a {
  color: var(--gifall-base);
}
.stricky-header--one .header-search-box a {
  background: var(--gifall-base);
}

/* Mobile nav toggle bg */
.mobile-nav__content .main-menu__list > li > a > button {
  background-color: var(--gifall-base);
}

/* Faq bloc actif */
.accordion-box .block .acc-btn.active .icon-outer {
  background: var(--gifall-base);
}

/* Error page */
.error-page__inner h2 .clr1 {
  color: var(--gifall-base);
  text-shadow: -8px 3px 0px rgba(0, 148, 96, 0.4);
}

/* Portfolio btn hover */
.portfolio-one__single-img .content-box .btn-box a::before {
  background: var(--gifall-base);
}

/* Sidebar tag hover border */
.blog-details__content-tag .tag-list a:hover {
  border-color: var(--gifall-base);
}

/* Page header breadcrumb hover */
.page-header__inner .thm-breadcrumb li a:hover {
  color: var(--gifall-base);
}

/* Input focus border */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--gifall-base);
}


/* ==========================================================================
   3. COULEUR PRIMAIRE — Jaune Guinée #FCD116
   Remplace partout #ffe132
   ========================================================================== */

/* Bouton principal fond */
.thm-btn {
  background: var(--gifall-primary);
}
.thm-btn:hover {
  color: #ffffff;
}

/* Breadcrumb couleur */
.page-header__inner .thm-breadcrumb li,
.page-header__inner .thm-breadcrumb li a {
  color: var(--gifall-primary);
}

/* Puce progression ronde */
.case-one__progress .bar-inner::before,
.feature-three__progress-single .bar-inner::before,
.donation-details__progress .bar-inner::before {
  background: var(--gifall-primary);
}
.about-one__content-bottom-left-list li p::before {
  background: var(--gifall-primary);
}

/* Feature one icône shape */
.feature-one__single-icon .shape1 {
  background: var(--gifall-primary);
}

/* Nav menu active */
/*.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a {
  color: var(--gifall-primary);
}*/

/* Blog overlay tag */
.blog-one__single-img .overlay-text li p,
.blog-list__single-img .overlay-text li p {
  background: var(--gifall-primary);
}

/* Header bottom btn devis */
.main-header-two__bottom-left-text .btn-box a,
.main-header-one__top-right-inner .btn-box a,
.main-header-one__bottom-right .btn-box2 a {
  background: var(--gifall-primary);
}

.main-header-one__bottom-right .btn-box2 a:hover {
  color: var(--gifall-black);
}

.main-header-two__bottom-left-text .btn-box a:hover,
.main-header-one__top-right-inner .btn-box a:hover {
  color: #ffffff;
  background: var(--gifall-base);
}
.stricky-header--one .main-header-one__bottom-right .btn-box2 a {
    color: #ffffff;
}

/* Case single badge */
.case-one__single-img .text-box {
  background: var(--gifall-primary);
}

/* Footer subscribe btn */
.footer-one__top-form button {
  background: var(--gifall-primary);
}
.footer-one__top-form button:hover {
  background: var(--gifall-base);
}

/* Footer top text after */
.footer-one__top-text::after {
  background: var(--gifall-primary);
}

/* Sidebar donation bouton */
.sidebar__donation-box .btn-box a {
  background: var(--gifall-primary);
}
.sidebar__donation-box .btn-box a:hover {
  background: var(--gifall-black);
  color: #ffffff;
}

/* About content text shape */
.about-two__content .shape5,
.about-one__helped-fund .shape3 {
  background: var(--gifall-primary);
}

/* Testimonial icon bg */
.testimonial-one__single .icon-box {
  background: var(--gifall-primary);
}

/* Feature three barre puce */
.feature-three__content-bottom .content-box ul::after {
  background: var(--gifall-primary);
}

/* Section barre titre sidebar */
.sidebar__single .title-box::after {
  background: var(--gifall-primary);
}

/* Gallery top btn hover */
.gallery-one__top-inner .btn-box .thm-btn::before,
.gallery-one__top-inner .btn-box .thm-btn::after {
  background: #ffffff;
}

/* Shop page badge */
.shop-page__single-img .text {
  background: var(--gifall-primary);
}

/* Checked box 2 */
.checked-box2 label span:before {
  color: var(--gifall-base);
}

/* Error page jaune */
.error-page__inner h2 .clr2 {
  color: var(--gifall-primary) !important;
  text-shadow: -8px 3px 0px rgba(252, 209, 22, 0.4) !important;
}

/* Slider btn jaune */
.main-slider-one__content .btn-box .thm-btn::before,
.main-slider-one__content .btn-box .thm-btn::after {
  background: var(--gifall-primary);
}
.main-slider-one.style2 .main-slider-one__content .btn-box .thm-btn {
  background: var(--gifall-primary);
}
.main-slider-one.style3 .main-slider-one__content .btn-box .thm-btn {
  background: var(--gifall-primary);
}

/* Stricky header btn */
.stricky-header--one .main-header-one__bottom-right .btn-box2 a {
  background: var(--guinea-red);
}


/* ==========================================================================
   4. COULEUR NOIRE → Bleu marine #1D3557
   Remplace partout #141212 / #0b0b0c / #131216
   ========================================================================== */

/* Titres h1-h6 */
h1, h2, h3, h4, h5, h6 {
  color: var(--gifall-black);
}

/* Liens couleur par défaut */
a {
  color: var(--gifall-black);
}

/* Bouton thm fond hover → devient bleu marine */
.sidebar__donation-box .btn-box a:hover,
.main-header-two__bottom-left-text .btn-box a,
.main-header-one__top-right-inner .btn-box a {
  color: var(--gifall-black);
}

/* Nav links texte blanc sur fond vert (barre nav) déjà blanc, le black ne s'applique pas */

/* Footer bg fond principal */
.footer-one {
  background: var(--gifall-black);
}

/* Footer copyright liens */
.footer-one__bottom .bottom-inner .copyright p a {
  color: rgba(255, 255, 255, 0.8);
}

/* Titres footer */
.footer-one__single .title h3,
.footer-one__single-address-box li .title-box h3,
.footer-one__top-text h2 {
  color: #ffffff;
}

/* Texte body */
body {
  color: rgba(29, 53, 87, 0.85);
}

/* Sec title titre */
.sec-title__title {
  color: var(--gifall-black);
}

/* Scroll to top hover */
.scroll-to-top:hover {
  background-color: var(--gifall-black);
  border-color: var(--gifall-black);
}

/* Mobile nav fond */
.mobile-nav__content {
  background-color: var(--gifall-black);
}

/* Stricky header fond */
.stricky-header .main-menu__wrapper {
  background-color: #ffffff;
}
.stricky-header--one .main-menu__list > li > a {
  color: var(--gifall-black);
}

/* Blog liste contenu */
.blog-one__single-content .left-bg {
  background: var(--gifall-green-dark, #2D6A4F);
}
.blog-list__single-content .left-bg {
  background: var(--gifall-green-dark, #2D6A4F);
}

/* Events contenu */
.events-one__single-content .left-bg {
  background: var(--gifall-green-dark, #2D6A4F);
}

/* Contact icon */
.contact-two__content-single .icon-box span:before {
  color: var(--gifall-black);
}

/* Thm btn texte couleur */
.thm-btn {
  color: var(--gifall-black);
}
.main-slider-one__content .btn-box .thm-btn .txt {
  color: #ffffff;
}
.main-slider-one.style2 .main-slider-one__content .btn-box .thm-btn .txt,
.main-slider-one.style3 .main-slider-one__content .btn-box .thm-btn .txt {
  color: var(--gifall-black);
}
.main-slider-one.style2 .main-slider-one__content .btn-box .thm-btn:hover .txt,
.main-slider-one.style3 .main-slider-one__content .btn-box .thm-btn:hover .txt {
  color: #ffffff;
}


/* ==========================================================================
   5. ROUGE GUINÉE #CE1126 — Boutons CTA forts, urgence
   ========================================================================== */

/* CTA principal sidebar donation → rouge */
.sidebar__donation-box .btn-box a {
  background: var(--guinea-red);
  color: #ffffff;
}
.sidebar__donation-box .btn-box a:hover {
  background: var(--gifall-black);
  color: #ffffff;
}

/* Bouton "Demander un Devis" dans le header bottom → rouge */
.main-header-two__bottom-left-text .btn-box a {
  background: var(--guinea-red);
  color: #ffffff;
}
.main-header-two__bottom-left-text .btn-box a:hover {
  background: var(--gifall-base);
  color: #ffffff;
}

/* Bouton "Devis Gratuit" header right → rouge */
.main-header-one__bottom-right .btn-box2 a {
  background: var(--guinea-red);
  color: #ffffff;
}

/* Donation sidebar CTA footer → rouge */
.sidebar__donation-two-box .btn-box a {
  border-color: #ffffff;
  color: #ffffff;
}
.sidebar__donation-two-box .btn-box a:hover {
  background: var(--guinea-red);
  color: #ffffff;
  border-color: var(--guinea-red);
}

/* Filtres réalisations hover/actif → vert (déjà géré via gifall-base) */
/* CTA réalisations → rouge */
.realisations-cta .thm-btn {
  background: var(--guinea-yellow);
  color: #ffffff;
}
/*.realisations-cta .thm-btn:hover {
  background: var(--gifall-black);
}*/

/* Proceed checkout → rouge */
.proceed-checkout {
  background-color: var(--guinea-red);
  color: #ffffff;
}
.proceed-checkout:hover {
  background-color: var(--gifall-black);
  color: #ffffff;
}


/* ==========================================================================
   6. SECTIONS — Fond vert / jaune / rouge sur zones spécifiques
   ========================================================================== */

/* Barre navigation principale → fond vert Guinée */
/*.main-header-one__bottom .main-menu__wrapper-inner {
  background: var(--gifall-base);
}*/

/* Brand one section → fond jaune Guinée */
.brand-one__bg {
  background: var(--gifall-primary);
}

/* Gallery top bg → vert Guinée foncé */
.gallery-one__top__bg {
  background: var(--djindji-green-dark);
}
.gallery-one.style3 .gallery-one__top__bg {
  background: var(--djindji-green-dark);
}

/* Footer subscribe form bg btn → vert */
.footer-one__top-form input[type="email"]:focus + button,
.footer-one__top-form button:hover {
  background: var(--gifall-base);
}

/* Sidebar donation two bg overlay → vert */
/*.sidebar__donation-two-bg {
  background: rgba(0, 148, 96, 0.88);
}*/

/* Video one overlay */
.video-one__icon a {
  background: rgba(0, 148, 96, 0.3);
  color: var(--gifall-base);
}
.video-one__icon a:hover {
  background: var(--gifall-base);
  color: #ffffff;
}

/* Events sidebar couleur fond */
.events-one__single-img .bottom-content ul {
  background: var(--djindji-green-dark);
}
.events-details__sidebar-single .contact-info-box .top-text {
  background: var(--djindji-green-dark);
}
.events-details__sidebar-single .contact-info-box .top-text::before {
  background: #1e7a5a;
}
.events-details__sidebar-single .contact-info-box .top-text::after {
  background: var(--gifall-primary);
}
.events-details__sidebar-single .contact-info-box .left-bg {
  background: var(--djindji-green-dark);
}
.events-details__sidebar-single .contact-info-box .right-bg {
  background: var(--gifall-primary);
}
.events-details__sidebar-single .contact-info-box-list li .inner .icon-box span:before {
  color: var(--djindji-green-dark);
}

/* Blog single content left/right bg */
.blog-one__single-content .right-bg,
.blog-list__single-content .right-bg,
.events-one__single-content .right-bg {
  background: var(--gifall-primary);
}

/* Testimonial three fond couleur bg */
.testimonial-three__single {
  background: #f5fff9;
  border-color: var(--gifall-base);
}

/* Feature one fond section */
.feature-one__single {
  background: #f5fff9;
}
.feature-one__single:hover {
  background: #e6f9ef;
}

/* Section counter bandes */
.counter-one__single-bottom p {
  color: var(--gifall-black);
}


/* ==========================================================================
   7. HEADER — Ajustements spécifiques identité Guinéenne
   ========================================================================== */

/* Header top fond blanc propre */
.main-header-one__top {
  background: #ffffff;
  /*border-bottom: 3px solid var(--gifall-primary);*/
}

/* Ligne tricolore en bas du header (décorative) */
.main-header-one::after {
  display: none; /* Géré via border-bottom du nav vert */
}

/* Tagline "Excellence & Innovation" couleur verte */
/*.main-header-two__bottom-left-text .text-box h4 {
  color: #ffffff;
}*/

/* Logo nav icônes social ronds */
.header-social-links li a {
  background: #f7f7f7;
  color: var(--gifall-black);
}
.header-social-links li a:hover {
  color: #ffffff;
}

/* Search box */
.header-search-box a {
  background: var(--gifall-primary);
  color: var(--gifall-black);
}
.header-search-box a:hover {
  background: var(--gifall-black);
  color: #ffffff;
}


/* ==========================================================================
   8. FILTRES RÉALISATIONS — Identité Guinéenne
   ========================================================================== */

.realisations-filter__list li:hover,
.realisations-filter__list li.active {
  background: var(--gifall-base);
  border-color: var(--gifall-base);
  color: #ffffff;
}

/* CTA réalisations fond vert */
/*.realisations-cta {
  background: linear-gradient(135deg, #e6f9ef 0%, #f5fff9 100%);
  border: 2px solid var(--gifall-base);
  border-radius: 12px;
}*/
.realisations-cta p {
  color: var(--gifall-black);
}


/* ==========================================================================
   9. ACCESSIBILITY — Contraste garanti
   ========================================================================== */

/* Jaune sur fond blanc : texte foncé obligatoire */
.thm-btn,
.thm-btn .txt {
  color: var(--gifall-black); /* Évite le blanc illisible sur jaune */
}

.thm-btn:hover, .thm-btn:hover .txt {
    color: #ffffff;
}

/* Rouge sur fond blanc : texte blanc */
.sidebar__donation-box .btn-box a,
.main-header-two__bottom-left-text .btn-box a,
.main-header-one__bottom-right .btn-box2 a,
.proceed-checkout {
  color: #ffffff;
}

/* Vert foncé (base) : texte blanc */
.main-header-one__bottom .main-menu__wrapper-inner *:not(a):not(h4) {
  /* hérite, les liens du menu sont déjà gérés */
}
/*.main-menu .main-menu__list > li > a {
  color: #ffffff; *//* texte blanc sur fond vert nav *//*
}*/


/* ==========================================================================
   10. EFFETS DÉGRADÉS — Touches Guinéennes
   ========================================================================== */

/* Dégradé tricolore subtil pour sections hero / bandeau */
/*.main-header-one__bottom .main-menu__wrapper-inner {
  background: linear-gradient(90deg,
    var(--guinea-red)    0%,
    var(--guinea-red)    2%,
    var(--gifall-base)   2%,
    var(--gifall-base)  98%,
    var(--gifall-primary) 98%,
    var(--gifall-primary) 100%
  );
}*/

/* Barre de progression footer subscribe */
.footer-one__top-text::before {
  background: var(--gifall-base);
}
.footer-one__top-text::after {
  background: var(--gifall-primary);
}

/* Sidebar title barre verticale */
.sidebar__single .title-box::before {
  background: var(--gifall-base);
}
.sidebar__single .title-box::after {
  background: var(--gifall-primary);
}

/* Feature three contenu liste barre */
.feature-three__content-bottom .content-box ul::before {
  background: var(--gifall-base);
}
.feature-three__content-bottom .content-box ul::after {
  background: var(--gifall-primary);
}


/* ==========================================================================
   11. PAGES SERVICES — Cards donation-details identité
   ========================================================================== */

/* Badge statut livraison dans img */
.statut-livre    { background: var(--gifall-base)   !important; color: #ffffff !important; }
.statut-en-cours { background: var(--guinea-red)    !important; color: #ffffff !important; }
.statut-actif    { background: var(--gifall-primary) !important; color: var(--gifall-black) !important; }

/* Badges secteur réalisations */
.btp-badge         { background: #fff3e0; color: #b34700; }
.agriculture-badge { background: #e6f9ef; color: var(--djindji-green-dark); }
.transport-badge   { background: #e3f2fd; color: #1a5276; }
.commerce-badge    { background: #fdf3e7; color: #7d4e00; }

/* Donation details text-box4 single hover */
.donation-details__content-text-box4-single:hover {
  border-color: var(--gifall-primary);
  background: #fffbea;
  transition: all 0.3s ease;
}

/* Sidebar donation two bg green override */
/*.sidebar__donation-two-bg {
  background: rgba(0, 148, 96, 0.85) !important;
}*/


/* ==========================================================================
   12. TOUCHES FINALES — Détails & micro-interactions
   ========================================================================== */

/* Hover carte shop/réalisation */
.realisation-card:hover {
  box-shadow: 0 8px 30px rgba(0, 148, 96, 0.18);
}

/* Checked box couleur base */
.checked-box1 label span:before {
  color: var(--gifall-base);
}

/* Comment btn */
.comment-one__btn {
  background: var(--gifall-base);
}
.comment-one__btn:hover {
  background: var(--gifall-black);
}

/* Input focus ring */
.become-volunteer-one__form form input:focus,
.become-volunteer-one__form form textarea:focus {
  border-color: var(--gifall-base);
  background: #ffffff;
}

/* Faq icon outer active */
.accordion-box .block .acc-btn.active .icon-outer {
  background: var(--gifall-base);
}

/* Page header bg overlay teinté vert */
.page-header__bg {
  /* conservé tel quel, juste ajout overlay */
  filter: brightness(0.85) saturate(1.1);
}

/* ==========================================================================
   FIN — DJINDJI BUSINESS PRO — COULEURS GUINÉENNES
   ========================================================================== */