/* =============
****CUSTOM CSS****
----------------
=== COULEURS ===
=== SITE / MAINBG ===
=== CONTAINER ===
=== FONTS === 
> Font trans ===formation

=== BANNER MESSAGE + HEADER ===> voir header.less
=== MENU TOP ===> voir cmpnt_menu.less

=== CAROUSEL ===

=== NAVIGATION ===
> Buttons, 
> Icons, 
> Links, 
> Forms (recherche, e-mail, ...)

=== PAGES ===
> Magasins
> Not found
> A propos
> Faq
> Galerie photo

=== PRODUITS ===
=== PRODUCT MODAL ===
=== DESCRIPTION TABS ===

=== VIDEO ===
=== SECTION IMAGE RESPONSIVE ===
=== RESEAUX ===
=== FOOTER ===> voir footer.less

=== TEXTES ===
> Custom text block

=== GENERAL ===
> Classes
> No Shadow

=== CATEGORIES PRINCIPALES ===
================*/

/* =============
=== COULEURS ===
================*/
:root {
  --color-light: #f4e9d3;
  --color-dark: #DFBDAC;
  --color-gold: #918063;
  --color-gold-darker: #918063;
  --color-main: #656462;/* --color-dark */
  --color-tonic: #ffbcc2;
  --color-tonic-darker: #d19b9f;
  --color-contrast: #ebc592;
  --color-contrast-darker: #aa8a79;
}

/* =============
=== SITE / MAINBG ===
===============*/
#header,
#header .header-nav,
#header .header-top, 
#wrapper, 
#footer {
  background: #F8F5F0!important;
}

/*=============
=== CONTAINER ===
===============*/
#wrapper .container {
  background: #fff repeat url(https://tempsdesfees.com/themes/classic/assets/img/moutarde2.png);
}
#wrapper .container {
  padding-top: 15px;
  margin-top: 25px;
}

/*==========
=== FONTS === 
==========*/ 
/* NOUVELLES POLICES
  font-family: 'Abhaya Libre', serif;
  font-family: 'Lobster Two', cursive;
  font-family: 'Roboto', sans-serif;
  font-family: 'Passions Conflict', cursive;
*/

body {
  font-family: 'Roboto', sans-serif!important;
  overflow-x: hidden;/*avec nouveau tchat*/
}

h1.h1 {
  font-family: 'Lobster Two', cursive;
  font-size: 1.8em;
  padding-left: 0;
}

.h1, .h2, .h3 {
  text-transform: inherit;
}

h1 {
  font-size: 16px;
  color: var(--color-gold-darker);
  padding-left: 6px;
  font-weight: bold;
  display: flex;
  padding-top: 6px;
}

/* =============
=== NAVIGATION ===
(Buttons, icons, links, form de recherche ...)
===============*/
/*====Buttons====*/
.btn-primary {
  background-color: var(--color-main);
  border-color: var(--color-main)!important;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
  background-color: var(--color-gold-darker); 
}

/*====Icons====*/
#header .header-nav .cart-preview .shopping-cart,
#header .header-nav .user-info .logged {
  color: var(--color-dark);
}

/*====Links=====*/
a {
  color: var(--color-gold-darker);
}
a:focus, a:hover {
  color: var(--color-main);
}
#contact-link {
  display: none;
}

/* =============
==== GENERAL ======
=============== */
/*====Classes======*/ 
.nodisp {
  display: none!important;
}

.alterFont {
  font-family: 'Roboto', sans-serif!important;
}
.cursiveFont {
  font-family: 'Lobster Two', cursive!important;
}

.margTx4 {
  margin-top: 24px;
}

.p-15-l {
  padding-left: 15px!important;
}

.p-15-r {
  padding-right: 15px!important;
}

.block {
  display: block;
}
  
/* ====NO SHADOW====== */
/*groupe des sans ombres*/
.product-images>li.thumb-container>.thumb,
.product-cover img,
#products .thumbnail-container, 
.featured-products .thumbnail-container, 
.product-accessories .thumbnail-container, 
.product-miniature .thumbnail-container {
  box-shadow: 0 0 0 0 rgb(0 0 0 / 15%);
}
/*Suppression des ombres des titres de produits*/
#products .thumbnail-container .product-description, 
.featured-products .thumbnail-container .product-description, 
.product-accessories .thumbnail-container .product-description {
  box-shadow: 0 0 0 0 rgb(0 0 0 / 15%);
  /* border-top: 2px solid grey; */
}
/*...et de bandeau apercu au survol */
#products .highlighted-informations, 
.featured-products .highlighted-informations, 
.product-accessories .highlighted-informations, 
.product-miniature .highlighted-informations {
  box-shadow: 0 0 0 0 rgb(0 0 0 / 15%);
  display: none;
}

/*...et ...image de caroussel / footer */
#wrapper .banner img,
.footer-container {
  box-shadow: 0 0 0 0 rgb(0 0 0 / 15%);
}
#wrapper {
  box-shadow: 0 0 0 0
}


/*SCROLL*/
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--color-light);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-main);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-dark);
}


/*SCROLL*/
.search-widget form input[type=text]:focus {
  outline-color: var(--color-main); 
}
.search-widget form input[type=text]:focus+button .search {
  color: var(--color-main);
}

/*SELECTION*/
::selection {
  background-color: #f39d72;
  color: #fff;
}


/* a ranger */
#titleShop span.soutitre {
  font-size: .6em;
}

span.price::before {
  content: "à partir de ";
}

/*=================
 CUSTOM TEXT BLOCK
 ================== */
 /* Image photo Profil et texte en vis a vis (et sur tablette en colonne) */
#custom-text {
  display: flex;
  flex-direction: row; /* par défaut : côte à côte */
  gap: 20px; /* optionnel pour l’espace */
}
#custom-text img {
  max-width: 100%;
  height: auto;
  min-height: 180px !important;
  min-width: 180px !important;
}
#custom-text p + p {
  font-size: 1.2em !important;
}
/* Pour les écrans < 500px */
@media (max-width: 700px) {
  #custom-text {
    flex-direction: column; /* empilé */
  }
}