/* css/colors.css */
/* THÈME : LES BOCAUX À PAPA - GESTION DES COULEURS */

/* ==============================================================================
   1. VARIABLES (PALETTE)
   ============================================================================== */
:root {
  --bocaux-primary: #6EC1E4;       /* Bleu ciel */
  --bocaux-secondary: #54595F;     /* Gris foncé */
  --bocaux-text: #7A7A7A;          /* Gris texte */
  --bocaux-accent: #61CE70;        /* Vert vif */
  --bocaux-lime: #C2DE57;          /* Vert pomme */
  --bocaux-green: #596A1A;         /* Vert bol */
  --bocaux-black: #000000;
  --bocaux-white: #FFFFFF;
  --bocaux-orange: #E26917;        /* Orange action */
  --bocaux-sand: #CEC6AF;          /* Beige fond */
  --bocaux-bg: #E9F0F4;            /* Fond global */
  --bocaux-alert-allergene: #c05621; 
  --bocaux-bg-allergene: #fff5f2; /* Fond très pâle pour le contraste */
/* ==============================================================================
   15. COULEURS SPÉCIFIQUES PANIER
   ============================================================================== */
	--cart-item-bg: #FFFFFF;             /* Fond blanc pur pour les lignes produits */
	--cart-item-border: #E9ECEF;         /* Bordure très douce */
	--cart-total-bg: #F8F9FA;            /* Fond gris très clair pour le résumé */
	--cart-btn-checkout: var(--bocaux-green); /* Couleur principale commande */
	--cart-btn-checkout-hover: #465515;  /* Vert plus foncé au survol */
	--cart-btn-update: var(--bocaux-secondary); /* Couleur secondaire mise à jour */
	--cart-text-product: var(--bocaux-black);   /* Nom du produit bien noir */
	--cart-text-meta: var(--bocaux-text);       /* Poids et détails en gris */
	}

/* ==============================================================================
   2. APPLICATION GLOBALE DES COULEURS
   ============================================================================== */
body {
  color: var(--bocaux-text);
  background-color: var(--bocaux-bg);
}

/* Surcharge des couleurs Bootstrap standards */
.text-primary { color: var(--bocaux-primary) !important; }
.text-secondary { color: var(--bocaux-secondary) !important; }
.text-success { color: var(--bocaux-accent) !important; }
.text-warning { color: var(--bocaux-lime) !important; }
.text-danger { color: var(--bocaux-orange) !important; }
.text-green { color: var(--bocaux-green) !important; }

.bg-primary { background-color: var(--bocaux-primary) !important; }
.bg-secondary { background-color: var(--bocaux-secondary) !important; }
.bg-success { background-color: var(--bocaux-accent) !important; }

.bg-bocaux-sand {
  background-color: var(--bocaux-sand) !important;
  color: var(--bocaux-black);
}

.bg-bocaux-black {
  background-color: var(--bocaux-black) !important;
  color: var(--bocaux-white);
}

/* ==============================================================================
   3. NAVBAR (COULEURS UNIQUEMENT)
   ============================================================================== */
/* Correction texte navbar (contraste Litera) */
.navbar,
.navbar-light,
.nav-link {
  color: var(--bocaux-secondary) !important;
}

.navbar {
  background-color: var(--bocaux-white) !important;
  /* La bordure verte est ici car c'est une couleur */
  border-bottom: 3px solid var(--bocaux-green); 
}

/* États de survol et actifs */
.navbar .nav-item a:hover,
.navbar .nav-item a:focus,
.navbar a.active {
  color: var(--bocaux-orange) !important;
}

/* Couleur de l'icône mobile */
.navbar-toggler {
  border-color: var(--bocaux-green);
}

/* ==============================================================================
   4. BOUTONS & TITRES (COULEURS)
   ============================================================================== */
.btn-primary { 
  background-color: var(--bocaux-orange) !important; 
  border-color: var(--bocaux-orange);
}

.btn-primary:hover { 
  background-color: var(--bocaux-lime) !important; 
  color: var(--bocaux-black); 
  border-color: var(--bocaux-orange); 
}

/* Titres H1, H2 (Couleur uniquement, la police est dans style.css) */
h1, h2 {
  color: var(--bocaux-orange);
}

.navbar-brand {
  color: var(--bocaux-green) !important;
}

/* ==============================================================================
   5. FOOTER (COULEURS UNIQUEMENT)
   ============================================================================== */

/* Fond et bordures globales */
.site-footer {
  background-color: var(--bocaux-white);
  border-top: 4px solid var(--bocaux-green);
  color: var(--bocaux-black);
}

/* Titres (H2, H3) */
.site-footer h2,
.site-footer h3 {
  color: var(--bocaux-green) !important;
}

/* Liens standards */
.site-footer a {
  color: var(--bocaux-orange) !important;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Hover Liens */
.site-footer a:hover {
  color: var(--bocaux-black) !important;
  text-decoration: underline;
}

/* Séparateur décoratif */
.bocaux-separator {
  background-color: var(--bocaux-orange) !important;
}

/* Ligne de copyright */
.site-footer__bottom_e {
  border-top: 1px solid rgba(93, 64, 55, 0.2); /* var(--pev-terre-fonce) transparent */
  color: var(--bocaux-secondary) !important;
}

/* ==============================================================================
   6. CARTES PRODUCTEURS (COULEURS & BORDURES)
   ============================================================================== */
.view-maraichers-productreurs .col-12, 
.view-maraichers-productreurs .col-sm-6, 
.view-maraichers-productreurs .col-md-4, 
.view-maraichers-productreurs .col-md-3, 
.view-maraichers-productreurs .col-lg-3 {
  background-color: var(--bocaux-white);
  border: 1px solid rgba(89, 106, 26, 0.1);
  border-bottom: 2px solid var(--bocaux-green);
}

.view-maraichers-productreurs .col-md-4:hover, 
.view-maraichers-productreurs .col-md-3:hover, 
.view-maraichers-productreurs .col-lg-3:hover {
  border-color: var(--bocaux-lime);
}

.view-maraichers-productreurs .views-field-title a {
  color: var(--bocaux-green);
}

.view-maraichers-productreurs .views-field-title a:hover {
  color: var(--bocaux-orange);
}

.view-maraichers-productreurs .views-field-field-produits .field-content {
  color: var(--bocaux-secondary);
  background-color: var(--bocaux-bg);
  border: 1px solid var(--bocaux-primary);
}

.view-maraichers-productreurs .views-field-body p {
  color: var(--bocaux-text);
}

/* ==============================================================================
   7. SECTION CONTACT (COULEURS)
   ============================================================================== */
.bocaux-contact-title {
  color: var(--bocaux-green);
}

.bocaux-separator {
  background-color: var(--bocaux-green);
}

.bocaux-contact-subtitle {
  color: var(--bocaux-secondary);
}

.bocaux-icon-img {
  /* Si tu veux forcer la couleur des icônes PNG/SVG ici */
  /* fill: var(--bocaux-primary); */ 
}

.bocaux-contact-link {
  color: var(--bocaux-text);
}

.bocaux-contact-link:hover {
  color: var(--bocaux-orange);
}

/* Couleurs spécifiques réseaux sociaux (si besoin de surcharger) */
.bocaux-facebook {
  background-color: #3b5998;
}
.bocaux-facebook:hover {
  background-color: var(--bocaux-primary);
}

/* ==============================================================================
   9. BREADCRUMBS (FIL D'ARIANE) - COULEURS
   ============================================================================== */

/* Fond de la zone de breadcrumb (optionnel, blanc ou transparent) */
#block-bocaux-boot-breadcrumbs {
  background-color: transparent; 
}

/* Liens du fil d'ariane */
.breadcrumb-item a {
  color: var(--bocaux-secondary); /* Gris foncé par défaut */
}

.breadcrumb-item a:hover {
  color: var(--bocaux-orange); /* Orange au survol */
}

/* Élément actif (page actuelle) */
.breadcrumb-item.active {
  color: var(--bocaux-green); /* Vert bol pour la page actuelle */
}

/* Séparateur (la flèche ou le slash) */
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--bocaux-primary); /* Bleu ciel pour le séparateur */
}

/* ==============================================================================
   13. FICHE PRODUIT SINGLE (COULEURS)
   ============================================================================== */

/* Fond et Bordures du conteneur */
.product-single-container {
  background-color: var(--bocaux-white);
  border: 1px solid rgba(89, 106, 26, 0.1);
}

/* Badge Catégorie */
.product-single-category {
  background-color: var(--bocaux-sand);
  color: var(--bocaux-black);
}

/* Titre */
.product-single-title {
  color: var(--bocaux-green);
}

/* Prix */
.product-single-price {
  color: var(--bocaux-orange);
}

/* Poids */
.product-single-weight {
  color: var(--bocaux-secondary);
}

/* Description */
.product-single-description {
  color: var(--bocaux-text);
}

/* Titres ingrédients */
.product-single-ingredients h4 {
  color: var(--bocaux-secondary);
}

/* Liens ingrédients */
.product-single-ingredients a {
  color: var(--bocaux-text);
}

.product-single-ingredients a:hover {
  color: var(--bocaux-green);
}

/* Ligne de séparation (dashed) */
.product-single-cart {
  border-top-color: rgba(89, 106, 26, 0.2);
}

/* ==============================================================================
   14. EU COOKIE COMPLIANCE
   ============================================================================== */


/* Personnalisation du bandeau Cookies - Style Bocaux à Papa */
.eu-cookie-compliance-banner {
  background-color: var(--bocaux-white) !important;
  border-top: 4px solid var(--bocaux-green) !important; /* Vert bocal */
  font-family: var(--font-body) !important;
  box-shadow: 0 -5px 20px rgba(0,0,0,0.1);
  padding: 1.5rem;
}

.eu-cookie-compliance-banner-title {
  font-family: var(--font-heading) !important; /* Oswald */
  color: var(--bocaux-secondary) !important; /* Gris foncé */
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.eu-cookie-compliance-banner-text {
  font-size: 1rem;
  color: var(--bocaux-text) !important; /* Gris texte */
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.eu-cookie-compliance-banner-text a {
  color: var(--bocaux-green);
  text-decoration: underline;
}

/* Bouton principal */
.eu-cookie-compliance-default-button {
  background-color: var(--bocaux-green) !important;
  color: var(--bocaux-black) !important;
  font-family: var(--font-heading) !important;
  border-radius: 50px !important;
  border: 2px solid var(--bocaux-green) !important;
  padding: 0.6rem 2rem !important;
  text-transform: uppercase !important;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  cursor: pointer;
}

.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-default-button:focus {
  background-color: var(--bocaux-white) !important;
  color: var(--bocaux-green) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(89, 106, 26, 0.2);
}

/* Bouton secondaire (En savoir plus) si activé */
.eu-cookie-compliance-secondary-button {
  background-color: transparent !important;
  color: var(--bocaux-text) !important;
  border: 2px solid var(--bocaux-text) !important;
  border-radius: 50px !important;
  padding: 0.6rem 1.5rem !important;
  font-family: var(--font-heading) !important;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 10px;
  transition: all 0.3s ease;
}

.eu-cookie-compliance-secondary-button:hover {
  border-color: var(--bocaux-green) !important;
  color: var(--bocaux-green) !important;
}