/* 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 */
}

/* ==============================================================================
   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)
   ============================================================================== */
.site-footer {
  background: var(--bocaux-white);
  border-top: 3px solid var(--bocaux-green);
}

.site-footer__top .block-views h2 {
  border-bottom: 4px solid var(--bocaux-green);
}

.site-footer h2 {
  color: var(--bocaux-green);
}

.site-footer .content a, 
.site-footer .content a.is-active {
  color: var(--bocaux-secondary);
}

.site-footer .content a:hover {
  color: var(--bocaux-orange);
}

.site-footer .content {
  color: var(--bocaux-black);
}

/* ==============================================================================
   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);
}