/* ==========================================================
   InZeBox - CSS de la boutique principale (inzebox/toutpourtoi.ch)
   Chargé uniquement quand {$shop.name} !== 'proconfort' (boutique principale = toutpourtoi)
   (voir templates/_partials/head.tpl)

   Ce fichier ne fait QUE redéfinir les variables et règles qui
   doivent différer entre les boutiques. Le reste (layout, structure)
   reste dans app.scss / custom.css, partagé par les deux boutiques.
   ========================================================== */

:root {
  --primary: #f59e0b;      /* orange - identité boutique principale (toutpourtoi) */
  --secondary: #2563eb;
  --dark: #1f2937;
  --light: #f8fafc;
 
  --footer-text: #f59e0b;  /* Texte des liens du footer */  
  --footer-text-header: #facc15;  /* Texte des liens du footer */  
  --footer-text-link: #f59e0b;  /* Texte des liens du footer */  
}

/**************************************/
/* FOOTER                             */
/**************************************/


/* Tagline footer (cf. footer.tpl, bloc shop-aware) */
.footer__tagline-brand {
  color: var(--primary);
}
.footer__tagline-highlight {
  color: yellow;
  font-style: italic;
  font-size: 1.75rem;
}
.footer__tagline-subtitle {
  font-family: 'Caveat Brush', cursive;
  color: #facc15;
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0;
}

/**************************************/
/* FOOTER                             */
/**************************************/


/* 
Couleur des entetes de menus du footer 
*/
.footer-block p, .footer-block p a {
  color: var(--footer-text-header);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16pt;  
}
.footer__block-link:hover,
.footer__block-link:focus {
  color: var(--footer-text-header);
  text-decoration: underline;
}

/*
 Couleur des éléments de menus du footer 
 */
 
.footer-block a  {
  padding: 0px;
  margin: 4px;
  font-size: 14pt;  
  color: var(--footer-text-link);
  
}


/**************************************/
/* FICHE PRODUIT                      */
/* Valeurs par défaut et liste complète des variables :
   inzebox-product.css (section 1). Ne redéfinir ici que ce qui diffère. */
/**************************************/
:root {
  /* ATTENTION contraste : #f59e0b sur blanc ≈ 2,15:1 (< 3:1 WCAG 1.4.11).
     Compensé par l'épaisseur (3 px) et le texte en gras de l'onglet actif.
     Variante conforme si souhaitée : #b45309 (orange foncé). */
  --ibx-tab-active-color: var(--primary);
  --ibx-thumb-active-color: var(--primary);
  /* --ibx-tab-line-color: #d9d9d9; */
  /* --ibx-img-border-color: #d9d9d9; */
  /* --ibx-thumb-placeholder-bg: #f5f5f5; */
  /* --ibx-variant-active-border-color: var(--primary);  bouton de taille sélectionné */
  /* --ibx-table-label-bg: color-mix(in srgb, var(--primary) 10%, #fff);  colonne libellés des tableaux */
  /* --ibx-thumb-placeholder-icon: #d4d4d4;  icône des cases vides */
  /* --- Contraste (0.17.0) : la couleur boutique pure est trop claire pour du texte ---
     Texte blanc sur orange : 2,2:1 ; texte orange sur blanc : 2,2:1 (seuil WCAG : 4,5:1).
     Pour corriger, retirer les marques de commentaire (barre-étoile) autour des lignes voulues.
     Recommandé : garder l'orange en fond du bouton panier avec un texte foncé. */
  /* --ibx-btn-text: #1f2937; */                                                /* texte du bouton panier : 6,8:1 */
  /* --ibx-btn-outline-color: color-mix(in srgb, var(--primary) 60%, #000); */  /* boutons avis, - / + : 5,4:1 */
  /* --ibx-reassurance-title-color: color-mix(in srgb, var(--primary) 60%, #000); */ /* titres réassurance : 5,4:1 */
  /* Variante : fond du bouton panier assombri avec texte blanc (5,4:1) au lieu du texte foncé : */
  /* --ibx-btn-bg: color-mix(in srgb, var(--primary) 60%, #000); */
  /* --ibx-separator-color: color-mix(in srgb, var(--primary) 25%, #fff);  liserés de la colonne droite */
  /* --ibx-thumb-scroll-step: 3;  vignettes défilées par clic sur < > (défaut 1) */
  /* --ibx-summary-lines: 4;  lignes du récapitulatif avant « Lire la suite » */
}


/**************************************/
/* HEADER – icônes (0.21.0)           */
/* Valeurs par défaut : inzebox-header.css */
/**************************************/
:root {
  /* Orange pur sur blanc = 2,15:1 (< 3:1 exigé pour une icône, WCAG 1.4.11).
     Orange assombri de 25 % ≈ #b87708 : 3,7:1, reste dans la teinte boutique. */
  --ibx-header-icon-color: color-mix(in srgb, var(--primary) 75%, #000);
}


/**************************************/
/* LIENS (0.37.0)                     */
/* Couleur des liens Bootstrap / Hummingbird (bleu #0b69f6 par défaut)
   remplacée par la couleur boutique assombrie : orange −40 % : 5,4:1 ; survol −55 % : 8,1:1 sur blanc.
   Les variables « -rgb » sont obligatoires : Bootstrap écrit
   a { color: rgba(var(--bs-link-color-rgb), …) }.  */
/**************************************/
:root {
  --bs-link-color: #935f07;
  --bs-link-color-rgb: 147, 95, 7;
  --bs-link-hover-color: #6e4705;
  --bs-link-hover-color-rgb: 110, 71, 5;
}