/* 1. Importer la police Roboto Light */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

/* Changement police écriture */
  h1 {
  font-family: 'roboto',sans-serif !important;
  font-weight:400 !important;
}

/* Changement police écriture menu sur le côté gauche */
.email-subscription__label, .h1, .h3, .h4, .h5, .col-block__title, 
.category-tree__child .category-tree__list[data-depth="0"]>
.category-tree__item>.category-tree__item__header 
.category-tree__item__link{
  font-family: 'Roboto', sans-serif !important;
  color : #616161;
  font-weight: 400 !important;
}

/* Logo repositionné en haut, centré */
.header-bottom__logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  max-width: 400px; /* ajuste si besoin */
}

/* Laisse de la place en haut selon la taille d'écran */
.header-top {
  padding-top: 5.8rem; /* valeur par défaut */
}

/* Tablette paysage */
@media (max-width: 1400px) {
  .header-top {
    padding-top: 80px;
  }

  .header-bottom__logo .logo {
    max-height: 100px;
    margin-top: -20px;
  }
}

/* Tablette */
@media (max-width: 991.98px) {
  .header-top {
    padding-top: 80px;
  }

  .header-bottom__logo .logo {
    max-height: 100px;
    margin-top: -20px;
  }
}


/* Smartphone */
@media (max-width: 575.98px) {
  .header-top {
    padding-top: 90px;
  }
  .header-bottom__logo {
  padding-block-end: 0px;
  padding-block-start: 0px;
  margin-top: -50px;
}
  .header-bottom__logo .logo  {
    max-height: 100px;
    margin-top: 35px;
    }
}

/* Supression "logiciel ecommerce par prestashop" */
.footer__main .copyright a {
  display: none !important
}

/* Couleur survol menu sur le côté gauche */
.col-block__title, .h4,
.category-tree__child .category-tree__list[data-depth="0"]>
.category-tree__item>.category-tree__item__header 
.category-tree__item__link:hover {
  color: #000;
}

/* Boutons "AJOUTER AU PANIER" au survol */
.btn-primary:hover,
.button-primary:hover,
input[type="submit"].btn:hover {
  background-color: #0d6efd !important;
    color: #fff !important;
}
/* Couleurs des boutons du header */
.btn-header,
.form-select {
  color:#757575
}

/* Couleurs au survol des boutons du header */
.btn-header:active, 
.btn-header:focus,
.btn-header:hover,
.form-select:hover {
  color: #000
}

/* Icônes de réseaux sociaux*/
.footer__before a,
.footer__before .social-icons a,
.footer__before .block-social a {
  color: #616161 !important;
  background-color: rgba(0,0,0,0) !important;
  border: none !important;
}

/* Survol Icônes de réseaux sociaux*/
g#Facebook:hover path {
  fill: #145DBF; /* couleur au hover */
}
g#Youtube:hover path {
  fill: #FF0000; /* couleur au hover */
}
g#Instagram:hover path {
  fill: #E1306C; /* couleur au hover */
}
g#Tiktok:hover path {
  fill: #000; /* couleur au hover */
}

/* Tailles Icônes de réseaux sociaux*/
.ps_socialfollow a svg {
  width: 100px;
  height: 55px;
}

/* Couleur des liens du footer */
.contact__email i, /*Couleur du logo enveloppe*/
.footer__block.block-contact .footer__block__content-contact .contact__infos,
.footer__block__content a:visited,
.footer__block__content a {
  color: #757575
}

.footer__block__content a:visited:hover,
.footer__block__content a:hover {
  color: #000
}

/* Retravaille les couleurs de l'image slider2_1506 */
.carousel-image[src*="Slider2_1506.jpg"] {
  filter: brightness(1.15) contrast(0.98) saturate(0.65) hue-rotate(4deg);
}

/* Retravaille les couleurs de l'image slider2_EN_0307 */
.carousel-image[src*="Slider2_EN_0307.jpg"] {
  filter: brightness(1.15) contrast(0.98) saturate(0.65) hue-rotate(4deg);
}

/* Adapte la dimension de l'image du carrousel selon la taille de l'écran*/
.carousel-image {
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* Taille du prix sur vignette */
.theme-trendy 
.product-miniature__prices 
.product-miniature__discount-price 
.product-miniature__regular-price, 
.theme-trendy 
.product-miniature__prices 
.product-miniature__price {
    font-size: var(--ty-size-4);
}

/* Taille du prix sur page produit*/
.page-product .product__current-price {
    font-size: var(--ty-size-6);
}

/* Taille du "TTC" */
.page-product .product__ecotax-price, .page-product .product__tax-label {
    color: var(--ty-text-secondary);
    font-size: var(--ty-size-3);
}

/* Forcer le wrap vertical en grand écran */
@media(min-width: 768px) {
  .delivery-options__selector {
    flex-wrap: wrap !important;
  }

  /* Garder la partie gauche à 100% de la largeur */
  .delivery-option__left {
    flex-basis: 100% !important;
  }
}
/* Décale le délai affiché sous le transporteur */
.delivery-option__center {
  margin-left: 40px; /* Ajuster la valeur selon le décalage souhaité */
}

/* Fait en sorte que l'adresse du relais ne déborde pas */
.bx-parcel-client {
  max-width: 50%;
  display: block;
  font-size: 1.1rem;
  line-height: 1.65; 
  color: #333;
  margin-left: 40px;
}

/* Formate le nom du relais et l'espace laissé dessous */
.bx-parcel-name {
  display: block;
  font-weight: 500;
  margin-bottom: -28px;
  margin-top: 5px;
}

/* Formate l'adresse du relais et l'espace laissé dessous */
.bx-parcel-address {
  display: block;
  overflow-wrap: break-word;
  color: #555;
  font-size: 0.95rem;
  margin-bottom: -25px;
}

/* Formate le lien "autre point de retrait" */
.bx-select-parcel {
  display: inline-block;
  color: var(--ty-color-primary, #007bff);
  cursor: pointer;
  text-decoration: underline;
  font-size: 1rem;
  margin-left: 40px;
}

.delivery-option__left .carrier__name {
  font-weight:500;
  margin-left:10px;
  text-align: center;
}