/** Shopify CDN: Minification failed

Line 115:10 Expected identifier but found whitespace
Line 115:11 Unexpected "8px"

**/
/* ------------------------------------------------------------------------------------------------------*/

/* Couleur du panier  seul (retiré car j'ai mis une couleur sur toutes les icônes 
.header__icon--cart .icon,
.header__icon--cart svg {
  color: #3a90d3 !important;
  fill: #3a90d3!important;
} */

/*  Couleur des icones */
/* Changer la couleur des icônes du header en bleu #3a90d3 */
.header__icon, 
.header__icon span.svg-wrapper svg,
.header__icon .icon {
  color: #3a90d3 !important;
  fill: #3a90d3 !important;
  stroke: #3a90d3 !important; /* Ajouté pour les icônes qui utilisent des contours */
}

/* Optionnel : Couleur au survol (un bleu un peu plus foncé) */
.header__icon:hover svg {
  color: #2b6da1 !important;
  fill: #2b6da1 !important;
}

/* ------------------------------------------------------------------------------------------------------*/

/* Personnalisation de la pastille du panier (bulle de notification) */
.cart-count-bubble {
  background-color: #f5b041 !important; /* Couleur de fond orange */
  color: #ffffff !important;           /* Couleur du chiffre (blanc pour la lisibilité) */
  border: none !important;             /* Supprime d'éventuelles bordures */
}

/* Optionnel : Si vous voulez que le chiffre soit un peu plus gras */
.cart-count-bubble span {
  font-weight: bold;
}



/* ------------------------------------------------------------------------------------------------------*/

/* La loupe dans le zone de recherche */
.field__button, 
.field__button .icon-close,
.field__button .icon-search {
  color: #3a90d3 !important;
  fill: #3a90d3 !important;
  stroke: #3a90d3 !important;
}

/* La croix de fermeture  à droite de la zone de recherche */
/* Cibler spécifiquement la croix de fermeture de la recherche */
.search-modal__close-button,
.search-modal__close-button .icon-close,
.search-modal__close-button svg {
  color: #3a90d3 !important;
  fill: #3a90d3 !important;
  stroke: #3a90d3 !important;
  opacity: 1 !important;
}



/* ------------------------------------------------------------------------------------------------------*/

/* On cible le contour (box-shadow) généré par le thème Dawn */
.search-modal__form .field::after {
  box-shadow: 0 0 0 0.1rem #3a90d3 !important;
  border-radius: var(--inputs-radius); /* Garde l'arrondi du thème */
}

/* On change aussi la bordure de base au cas où */
.search-modal__form .field__input {
  border: 1px solid #3a90d3 !important;
  box-shadow: none !important;

}

/* On s'assure que ça reste bleu quand on clique dedans */
.search-modal__form .field__input:focus ~ .field::after {
  box-shadow: 0 0 0 0.2rem #3a90d3 !important;

}

/*   ------------ la croix orange dans la zone de recherche                             */

/* On cible précisément la balise SVG pour changer le remplissage */
.field__button[type="reset"] svg {
  fill: #ffffff !important; /* Le fond devient blanc */
  stroke: #f5b041 !important; /* Les contours restent orange */
  color: #f5b041 !important;
}

/* Colorer la petite flèche de suggestion en orange */
.predictive-search__item .icon-arrow,
.predictive-search__item svg {
  color: #f5b041 !important;
  fill: #f5b041 !important;
  stroke: #f5b041 !important;
}

/*Changement de la couleur du texte suur la baniiere  (Titre) */
/*
.banner__heading.inline-richtext {
  color: rgb(58, 144, 211) !important;
  background-color: rgba(255, 255, 255, 0.8) !important;  /* Transparence 0.8 */
  padding: 8px 16px;
  border-radius: 4px;
}

/*  -----------------------------------------------------------------------------------------------------  */

 /* je transets le bouton acheter en bleu ****************************************************/ 

/* Couleur du bouton via la variable du thème */
.color-scheme-1 {
  --color-button: 58, 144, 211 !important; /* bleu par défaut */
  --color-button-text: 255, 255, 255 !important; /* texte blanc */
}

/* Styles directs du bouton */
.shopify-payment-button .shopify-payment-button__button--unbranded {
  background-color: rgb(58, 144, 211) !important; /* bleu par défaut */
  color: #ffffff !important;
}

.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
  background-color: rgb(40, 120, 185) !important; /* bleu foncé au survol */
}

.shopify-payment-button .shopify-payment-button__button--unbranded:active {
  background-color: rgb(245, 176, 65) !important; /* orange au clic */
}

/*---------------------------------------------------------------------------------------------  */

/*Taille du texte de l'annonce "barre tout en haut en orange" */
.announcement-bar__message {
  font-size: 16px !important; /* ajustez la valeur selon vos besoins */

}


/* ------------------------test--------------------------------------------------------------------------- */


/* ------------------------fin de test--------------------------------------------------------------------------- */



/*----------------------- Police du pied de page de la page d 'accueil La taille marche pas ----------------------------------------------------------------------  */


small.copyright__content,
.copyright__content {
  font-size: 1.2rem !important; /* augmentez cette valeur selon vos besoins, ex: 1.1rem, 1.2rem */
  color: #000000 !important;
}
/*------------------------------------------------------------------ -------------------------------------------------  */


/*  ------------------------Fond gris nous contacter ----------------*/
#shopify-section-template--27607329603911__rich_text_XWPWkC {
  background-color: #e0e0e0;
}

/*----------------------Besoin d'aide ou de conseils-------------------------------------------------*/

#shopify-section-template--27607329603911__rich_text_XWPWkC .rich-text__heading {
 /*  border: 2px solid #1a73e8;  bordure en bleu*/ 
  border-radius: 8px;
  padding: 8px 16px;
  color: black;
  border: 2px solid #f5b041;
}

/* ----------------------------Bouton "Tout Afficher"-----------------------------------------------------------------------------*/
#shopify-section-template--27607329603911__featured_collection .collection__view-all a.button,
#shopify-section-template--27607329603911__featured_collection .collection__view-all a.button span,
#shopify-section-template--27607329603911__featured_collection .collection__view-all a.button * {
  background-color: #f5b041 !important;
  color: #000000 !important; /* #FFFFFF pour avoir un police en blanc */ 
  -webkit-text-fill-color: #ffffff !important;
  --color-button-text: 255, 255, 255 !important;
  --color-foreground: 255, 255, 255 !important;
}



/* ------------Page acueil les 4 cellules avec les dessins - Titre en gras ---------------------------------------------------------------------------------------------*/
.multicolumn-list h3.inline-richtext {
  font-weight: 700 !important;
}

/* ------------------Texte pleine largeur sous le titre des collections-------------------Neutralisé--------------------------------------------------------------------*/
/* Description bannière collection - pleine largeur */
/*.collection-hero__description,
.collection-hero .rte,
.collection-hero p {
  max-width: 100% !important;
  width: 100% !important;
}*/
/* -----------------------------------------couleur bouton transparent sur l image de la page d accueil ----------------------------------------------------------------*/
/* Bouton bannière - bleu site avec transparence */
.banner__buttons .button--primary {
  background-color: rgba(58, 144, 211, 0.5) !important;
  border-color: rgba(58, 144, 211, 0.5) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight:bold !important; /* police en gras */
}

.banner__buttons .button--primary * {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* ---------------------------------------------------------------------------------------------------------*/

/* ------------------------"Texte VOUS POURRIEZ AUSSI AIMER  pour l'UpSeel---------------------------------------------------------------------------------*/

.related-products .related-products__heading {
  color: #1a73e8;
  /*text-decoration: underline;*/
  font-style: italic;
}



/* -------------------Modification les H1 sur toutes les pages d'ecran d'ordinateurs -"page personnalisée"-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 750px) {
  .h0 {
    font-size: 3rem;
  }
}

/* -------------------Modification les H1 sur toutes les pages d'ecran de SMARTPHONE -"page personnalisée"-----------------------------------------------------------------------------------*/

@media only screen and (max-width: 749px) {
  .product__title h1 {
    font-size: 2rem;
  }
}
/* ------------------------Taille H1 "page produits" sur ecran ordinateur -------------------------------------------------------------------*/


@media only screen and (min-width: 750px) {
  h1, .h1 {
    font-size: calc(var(--font-heading-scale) * 3rem);
  }
}
/* -------------------------------------------Bouton envoyé page contact couleur --------------------------------------------------------------*/

.contact__button .button {
  background-color: #3a90d3 !important;
  border-color: #3a90d3 !important;
}


/* ---------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/