/*
* Custom code goes here.
* A template should always ship with an empty custom.css
*/

/* @import url('https://fonts.cdnfonts.com/css/the-amsterdam'); */
/* @import url('https://fonts.cdnfonts.com/css/dm-serif-display');
                
body{
  font-family: 'DM Serif Display';
} */
/* Surcharge des variables de couleur des boutons */
/* custom.css */

/* Surcharge des variables de couleur des boutons */
/* custom.css */

/* Surcharge des variables de couleur des boutons */
:root {
  /* Couleur normale */
  --bs-btn-color: #e4dcd1; /* Couleur du texte */
  --bs-btn-bg: #e4dcd1; /* Couleur de fond */
  --bs-btn-border-color: #e4dcd1; /* Couleur de bordure */

  /* Couleur au survol (hover) */
  --bs-btn-hover-color: #ffffff; /* Couleur du texte au hover */
  --bs-btn-hover-bg: #c9b69a; /* Couleur de fond plus foncée au hover */
  --bs-btn-hover-border-color: #c9b69a; /* Couleur de bordure plus foncée au hover */

  /* Couleur lorsqu'un bouton est actif (cliqué) */
  --bs-btn-active-color: #ffffff; /* Couleur du texte actif */
  --bs-btn-active-bg: #e4dcd1; /* Couleur de fond plus foncée actif */
  --bs-btn-active-border-color: #e4dcd1; /* Couleur de bordure plus foncée actif */

  /* Couleur au focus (lorsque le bouton est sélectionné) */
  --bs-btn-focus-color: #ffffff; /* Couleur du texte au focus */
  --bs-btn-focus-bg: #e4dcd1; /* Couleur de fond plus foncée au focus */
  --bs-btn-focus-border-color: #e4dcd1; /* Couleur de bordure plus foncée au focus */

  /* Couleur du bouton désactivé */
  --bs-btn-disabled-bg: #f5f5f5; /* Fond du bouton désactivé */
  --bs-btn-disabled-border-color: #e0e0e0; /* Bordure du bouton désactivé */
  --bs-btn-disabled-color: #b0b0b0; /* Couleur du texte du bouton désactivé */
}

/* Surface principale et secondaire */
:root {
  /* Surface principale */
  --rd-surface-bg: #e4dcd1; /* Couleur de fond de la surface */
  --rd-surface-border-color: #e4dcd1; /* Couleur de bordure de la surface */
  --rd-surface-color: #4a4a4a; /* Couleur du texte sur la surface */
  
  /* Surface secondaire */
  --rd-surface-secondary-bg: #f8f4e1; /* Fond secondaire */
  --rd-surface-secondary-border-color: #d6c9a9; /* Bordure secondaire */
  --rd-surface-secondary-color: #7d7d7d; /* Texte secondaire */

  /* Surface survolée (hover) */
  --rd-surface-hover-bg: #c9b69a; /* Fond de surface au survol */
  --rd-surface-hover-border-color: #c9b69a; /* Bordure de surface au survol */
  --rd-surface-hover-color: #ffffff; /* Couleur du texte sur la surface au survol */

  /* Surface active (cliquée) */
  --rd-surface-active-bg: #e4dcd1; /* Fond de surface active */
  --rd-surface-active-border-color: #e4dcd1; /* Bordure de surface active */
  --rd-surface-active-color: #ffffff; /* Couleur du texte sur la surface active */

  /* Surface focus (lorsque la surface est sélectionnée) */
  --rd-surface-focus-bg: #e4dcd1; /* Fond de surface au focus */
  --rd-surface-focus-border-color: #e4dcd1; /* Bordure de surface au focus */
  --rd-surface-focus-color: #ffffff; /* Couleur du texte sur la surface au focus */

  /* Dot active surface (exemple de point actif) */
  --rd-surface-dot-active-bg: #ffcc00; /* Fond d'un point actif */
  --rd-surface-dot-active-border-color: #e2b700; /* Bordure du point actif */
}

/* Couleur principale - pour l'élément primaire */
:root {
  --rd-primary-50: #f1ede7; 
  --rd-primary-100: #e4dcd1;
  --rd-primary-200: #e4dcd1;
  --rd-primary-300: #e4dcd1;
  --rd-primary-400: #e4dcd1;
  --rd-primary-500: #e4dcd1;
  --rd-primary-600: #e4dcd1;
  --rd-primary-700: #e4dcd1;
  --rd-primary-800: #e4dcd1;
  --rd-primary-900: #e4dcd1;
}

:root {
  --bs-dropdown-link-active-color: #e4dcd1;
}

.dropdown-menu {
  --bs-dropdown-link-active-color: #e4dcd1;
  --bs-dropdown-bg: #e4dcd1;
}

.form-check-input:checked, .product-comment-modal .psgdpr .form-check .form-check-input:checked {
  background-color: #e4dcd1;
  border-color: #e4dcd1;
}
.form-check-input:focus {
  box-shadow: 0 0 0 .25rem rgba(228, 220, 209, .25);
  background-color: #e4dcd1;
}

.btn-outline-primary {
  --bs-btn-color: #e4dcd1;
  --bs-btn-border-color: #e4dcd1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e4dcd1;
  --bs-btn-hover-border-color: #e4dcd1;
  --bs-btn-focus-shadow-rgb: 228, 220, 209;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e4dcd1;
  --bs-btn-active-border-color: #e4dcd1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e4dcd1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e4dcd1;
  --bs-gradient: none;
}
/* Utilisation des variables dans les éléments comme les boutons */
.button {
  background-color: var(--rd-surface-bg);
  border-color: var(--rd-surface-border-color);
  color: var(--rd-surface-color);
}

.button:hover {
  background-color: var(--rd-surface-hover-bg);
  border-color: var(--rd-surface-hover-border-color);
  color: var(--rd-surface-hover-color);
}

.button:active {
  background-color: var(--rd-surface-active-bg);
  border-color: var(--rd-surface-active-border-color);
  color: var(--rd-surface-active-color);
}

.button:focus {
  background-color: var(--rd-surface-focus-bg);
  border-color: var(--rd-surface-focus-border-color);
  color: var(--rd-surface-focus-color);
}

.button.disabled {
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  color: var(--bs-btn-disabled-color);
}

/* Boutons principaux, secondaires et autres variantes */
.button-primary {
  background-color: var(--rd-primary-100);
  border-color: var(--rd-primary-100);
  color: #ffffff;
}

.button-secondary {
  background-color: var(--rd-surface-secondary-bg);
  border-color: var(--rd-surface-secondary-border-color);
  color: var(--rd-surface-secondary-color);
}

/* Styles pour les boutons désactivés */
.button-primary.disabled,
.button-secondary.disabled {
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  color: var(--bs-btn-disabled-color);
}

.theme-radiant .header-bottom__row{
grid-template-columns: 1fr 2fr 1fr;
}

@media (min-width: 768px) {
.theme-radiant .header-bottom__row{
    grid-template-columns: 1fr 2fr 1fr;
  }
}

.header-bottom, #wrapper{
background-color: #f1ede7;
}
.header-bottom__h1{
min-width: 100%;
}
.header-bottom, #header{
min-height: 150px;
max-height: 150px;
}
.logo{
width: 100%;
}
#header{
  background-color: transparent;
}
.header{
position : inherit
}
.header-bottom__logo{
  min-width: 100%;
  padding: 0;
  height: 145px
}
.header-nav-full-width{
  border: none;
}
#content-wrapper{
margin-top:50px;
}
body, .main-menu__offcanvas, .submenu, .header-nav-full-width, .main-menu__toggle-child, .main-menu__toggle-child:hover, .product-miniature__add-to-cart{
background-color: #f1ede7;
}
.product-miniature__infos {
background-color: #fff;
}
.text-bg-primary{
color:#000
}
a, a:hover{
color:#e4dcd1;
}
.email-subscription{
display:none;
}

#footer{
background-color:#f7f5ee;
}
.btn-outline-primary{
background-color: #e4dcd1;
border-color: #e4dcd1;
color:#FFF;
}

.product-flags .badge:not(.discount) {
border: 1px solid #e4dcd1;
background-color: #e4dcd1;
color:#FFF !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.footer__main .copyright {
display: none;
}
.footer__main{
background-color:#e4dcd1;
}
.js-sub-menu, .submenu{
top:206px;
background: #f1ede7;
}
.submenu__right-items, .menu-item:visited{
color: #000;
}
.submenu__right-items, .menu-item:visited{
color: #e4dcd1;
}
.submenu__left-item:active, .submenu__left{
color:#e4dcd1;
}
.theme-radiant .product-miniature__add-to-cart {
background-color: #fff;
}
.breadcrumb__wrapper {
background: transparent;
}
.breadcrumb .breadcrumb-item .breadcrumb-link {
color: #000;
}
.product-flags .badge:not(.discount), .text-bg-primary {
background-color: #e4dcd1;
}
.btn-outline-primary:hover {
color: #e4dcd1;
border-color: #fff;
background-color: #fff;
}
.product-miniature__inner {
background-color: #fff;
}
.breadcrumb{
margin-top: 60px 
}
@media (min-width: 992px){
.theme-radiant.page-product .product .product__images {
    position: inherit;
}
}
.text-bg-primary, .product-flags .badge:not(.discount) {
color: #000 !important;
background-color: var(--bs-primary)!important;
}
.btn-primary {
background-color: #e4dcd1;
border-color: #e4dcd1;
}
.btn-primary:hover {
background-color: #e4dcd1;
border-color: #e4dcd1;
}
.badge, .btn-primary:hover {
border-color: #e4dcd1;
background: #e4dcd1;
color: #fff;
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
transform: translateY(-1px);
}
.product__tax-label {
  display:none;
}

@media (min-width: 768px) {
.spacer--medium {
  margin-bottom: 0 !important;
}
}
.spacer--medium {
margin-bottom: 0 !important;
}
.page-product .product__prices-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.page-product .product__prices-flex--start {
  display: none;
}
small .text-muted{
  font-style: italic;
  font-size: x-small;
}
.card-footer {
  padding-top: 0;
  padding-bottom: 0;
}
.card--primary {
  background-color: transparent;
}

.product-comments-wrapper{
  display: none;
}

#product-details{
  display: none;
}

@media (min-width: 1200px) {
  .d-xl-none {
      display: flex !important;
  }
}

.ps_customtext {
  text-align: center;
}
.ps_customtext__content h3{
  font-size: 24px;
}
.ps_customtext__content p {
  line-height: 10px;
}

.form-control:focus, .product-comment-modal .form-control:focus, .product-comment-modal textarea:focus {
  border-color: transparent;
  box-shadow: none;
}

.form-select:focus {
  border-color: transparent;
  box-shadow: none;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e4dcd1;
  --bs-btn-border-color: #e4dcd1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #f1ede7;
  --bs-btn-hover-border-color: #f1ede7;
  --bs-btn-focus-shadow-rgb: 241, 237, 231;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f1ede7;
  --bs-btn-active-border-color: #f1ede7;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e4dcd1;
  --bs-btn-disabled-border-color: #e4dcd1;
}
/* 
couleur bordure : #f7f5ee

*/