/** Shopify CDN: Minification failed

Line 102:0 Expected "}" to go with "{"

**/
:root {

  /* 
      @media (max-width: 768px) { 
      {{ 'carte-plante-overview.css' | asset_url | stylesheet_tag }}
  */

  /* STYLE DE BASE - 1rem = 10px */
  
  /* Couleurs */
  --primary-color: #515151; /* couleur du background du site par défaut */
  --secondary-color: #D6D6D6; /* couleur du background du site 2nd option plus claire */
  --third-color: #E3E3E0; /* couleur du background du site 3e option très clair */
  --bg-button:  linear-gradient(180deg,rgba(214, 214, 214, 1) 0%, rgba(227, 227, 224, 1) 100%); /* couleur du background des boutons, items, sommaire, ... clair*/
  --bg-button-alt: linear-gradient(180deg,rgba(81, 81, 81, 1) 0%, rgba(123, 123, 123, 1) 100%); /* couleur du background des boutons, items, sommaire,  ... foncé*/
  --bg-button-hover: linear-gradient(180deg,rgba(214, 168, 107, 1) 0%, rgba(233, 200, 146, 1) 100%); /* couleur du background en hover des boutons, items, sommaire, ... */

  /* Style du texte */
  --text-color: #F4F2ED; /* alt= #F4F2ED couleur du texte Clair */
  --secondary-text-color: black; /* alt= #1C1C1C couleur du texte Foncé */
  --text-shadow: 0.3px 0.3px 0.5px var(--secondary-text-color); /* ombre Foncé du texte clair */
  --secondary-text-shadow: 0.2px 0.2px 0.5px var(--text-color); /* ombre Clair du texte foncé  */
  --button-spacing: 1.5px; /* espacement des lettres pour les boutons, items, sommaire, ... pour bureau */
  --button-spacing-mobile: 0.4px; /* espacement des lettres pour les boutons, items, sommaire, ... pour mobile */
  --text-strong: #D6A86B; /* couleur du texte bold sur fond foncé */
  --text-strong-alt: #B87A40; /* couleur du texte bold sur fond clair */
  --text-color-hover: #D6A86B; /* couleur du texte lors d'un hover */
  --underline-style: 4px; /* text-underline-offset pour éléments soulignés */

   /* Tailles texte bureau*/
  --font-size-text: clamp(1.5rem, 1.30vw, 2.5rem);
  --font-size-h1: clamp(3rem, 3vw, 5.5rem);
  --font-size-h2: clamp(2.6rem, 2.2vw, 4.5rem);
  --font-size-h3: clamp(2rem, 1.8vw, 3.5rem);
  --font-size-h4: clamp(1.8rem, 1.5vw, 3rem);
  --font-size-li: clamp(1.5rem, 1.30vw, 2.5rem);
  --button-text-size: clamp(1.7rem, 1.4vw, 3.5rem);
  
    /* Tailles texte mobile*/
  --font-size-text-mobile: clamp(1.2rem, 4.3vw, 1.6rem);
  --font-size-h1-mobile: clamp(1.8rem, 8vw, 3.4rem);
  --font-size-h2-mobile: clamp(1.5rem, 7vw, 2.8rem);
  --font-size-h3-mobile: clamp(1.3rem, 5.5vw, 2.2rem);
  --font-size-h4-mobile: clamp(1.2rem, 4.7vw, 2rem);
  --font-size-li-mobile: clamp(1.2rem, 4.3vw, 1.6rem);
  --button-text-size-mobile: clamp(1.2rem, 4.7vw, 2rem);
  
  /* Bordures */
  --border-radius: 10px; /* border radius */
  --border-style: 1px solid var(--secondary-text-color); /* border */
  --border-style-bold: 2px solid var(--secondary-text-color); /* border pour les items sélectionnés pour marquer la différence */

  /* Bordures pages plantes*/
  --plant-border-style: 1px solid var(--plant-text-color); /* border pour les pages liées aux plantes */

  /* Marges et Espacements */
  --section-spacing-desktop: 5rem; /* espacement entre les section sur bureau (padding-top / padding bottom) */
  --section-spacing-mobile: 4rem; /* espacement entre les section sur mobile (padding-top / padding bottom) */
  --section-max-width: 800px; /* largeur width maximale de la section ou de n'importe quel élément*/
  --stack-spacing: 3.5rem; /* espacement entre les blocks ou les elements d'une meme section sur bureau (padding-top / padding bottom) */
  --stack-spacing-mobile: 3rem; /* espacement entre les blocks ou les elements d'une meme section sur mobile (padding-top / padding bottom) */


  
  /* PAGES PLANTES */

  /* Couleurs pages plantes */
  --plant-primary-color: #C1D6B7; /* couleur primaire des pages plantes */
  --plant-secondary-color: #D5D6B7; /* couleur secondaire des pages plantes */
  --plant-third-color: #FAFFED; /* couleur tertiaire des pages plantes */
  --plant-bg-button: linear-gradient(180deg,rgba(215, 231, 208, 1) 0%, rgba(250, 255, 237, 1) 100%); /* couleur background des boutons et autres elements */
  --plant-bg-hover: ; /* couleur hover des boutons et autres elements */

  /* Style du texte pages plantes*/
  --plant-text-color: #374D39; /* Foncé */
  --plant-secondary-text-color: #FAFFED; /* Clair */
  --plant-text-shadow: 0.3px 0.3px 0.5px var(--plant-color);
  --plant-text-strong: var(--plant-color);


  
  /* PAGES BLOGS */

  /* Couleurs pages Blog */
  --blog-primary-color: #E6E7D5;
  --blog-secondary-color: #D2C9AC;
  --blog-third-color: #C9BD98;
  --blog-bg-button: linear-gradient(180deg,rgba(81, 81, 81, 1) 0%, rgba(123, 123, 123, 1) 100%);
  --blog-bg-hover: ;

  /* Style du texte pages Blog*/
  --blog-text-color: #3A2E1E; /* Foncé */
  --blog-secondary-text-color: #FAF8F2; /* Clair */
  --blog-text-shadow: 0.3px 0.3px 0.5px #6B3E26;
  --blog-text-strong: #6B3E26;

