/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
:root,
[data-bs-theme="light"] {
	--bs-primary-rgb: 162,137,80 !important;
	--bs-primary: #a28950 !important;
    --bs-link-color: #000 !important;
    --bs-link-hover-color: #A1884F !important;
}

.product-miniature .product-flags li.badge {
	border: 1px solid #a28950 !important;
}

 /* header */

.elementor-element-87205ba .elementor-widget-wrap {
    z-index: 4 !important;
 }

 .elementor-element-87205ba .fa-caret-down::before {
    content: "\f078" !important;
    font-size: 12px;
    color: #A1884F !important;
 }

.menu-item-type-account ul {
    margin-top: 10px !important; 
  }

 .elementor-element-87205ba .elementor-sub-item:hover {
    background-color: #868686 !important;
    color: #fff !important;
 }


 .elementor-element-87205ba .elementor-sub-item {
    font-size: 15px;
    font-family: 'Sansation';
    padding: 3px 20px;
  }

 #header{ background: #fff !important; }

.elementor-nav--layout-horizontal .elementor-nav {
    display: flex;
    flex-wrap: inherit !important;
}

.menu-item-category-13 .fa-chevron-down::before,
.menu-item-category-13 .sub-menu,
.menu-item-category-14 .fa-chevron-down::before,
.menu-item-category-14 .sub-menu,
.menu-item-category-16 .fa-chevron-down::before,
.menu-item-category-16 .sub-menu {
    display: none !important;
}

.elementor-7170101 .elementor-element.elementor-element-b7831ce .elementor-nav--main a.elementor-item {
    color: #000000 !important;
}

.elementor-7170101 .elementor-element.elementor-element-b7831ce .elementor-nav--main a.elementor-item:hover,
.elementor-7170101 .elementor-element.elementor-element-b7831ce .elementor-nav--main a.elementor-item:focus {
    color: #A1884F !important;
}

 /**/

 .tags-faux span {
    text-transform: uppercase;
    background-color: #fff;
    padding: 3px;
    color: #A1884F;
    border: solid 1px #A1884F;
    margin-right: 5px;
    line-height: 40px;
}

.tags-faux-2 span {
    font-family: 'Manrope';
    font-size: 14px;
    background-color: black;
    padding: 5px;
    color: white;
    border: solid 1px #A1884F;
    margin-right: 5px;
    line-height: 40px;
}


/*** liste à puce avec flèches ***/

.liste-puce-fleche p::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/img/cms/flèche.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 20px;
    vertical-align: middle;
}
    
.liste-puce-fleche p {
    margin-bottom: 5px;
}

.liste-puce-fleche-blanche p::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/img/cms/flèche-puce-droite-blanche.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 20px;
    vertical-align: middle;
}
    
.liste-puce-fleche-blanche p {
    margin-bottom: 5px;
}

/* liste puce avec check gradient */

.liste-puce-check p::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/img/cms/check-gradient.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 10px;
    vertical-align: middle;
}

.liste-puce-check p {
    margin-bottom: 0px;
}

/* liste puce avec check noir */

.liste-puce-check-noir p::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/img/cms/check-noir.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 10px;
    vertical-align: middle;
}

.liste-puce-check-noir p {
    margin-bottom: 0px;
}

/*** pages catégories ***/

.category__header h1.page-title-section {
    display: none !important;
}

/* Masquer le panneau latéral sur les pages catégorie */
body#category .sidebar,
body#category .left-column,
body#category .right-column {
    display: none !important;
}

body#category  #center-column {
    width: 100%;
}

/*** BOUTON FLECHE a partir de 0 ***/

.btn-fleche {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.btn-fleche::after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background-image: url("/img/cms/flèche-droite-blanche.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.btn-fleche:hover::after {
    transform: translateX(8px);
}

/*** BOUTON FLECHE en noir ***/

.btn-fleche-noir {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}

.btn-fleche-noir::after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background-image: url("/img/cms/flèche-droite.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.btn-fleche-noir:hover::after {
    transform: translateX(8px);
}

/* texte entourné sur un span*/
.txt-entoure {
    color: #A1884F;
    border: solid 0.5px #A1884F;
    padding: 5px 10px;
    border-radius: 999px;
    background: #A1884F20;
}

/* texte couleur gradient sur un span*/

.txt-gradient {
    background: linear-gradient(90deg, #A1884F, #DAC584);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* titre de la page */

.page-title-section{
 display:none !important;
}

/* liste de produits */

.quantity-button__group button {
    background-color: #000 !important;
    border: 0 !important;
}

.quantity-button__group button:hover {
    background-color : #868686 !important;
    color: #fff;
}

/* cacher la liste de produits de la page personnalisation */

.elementor-page-19040101 #products,
.elementor-page-13040101 #products,
.elementor-page-13040101 .subcategory__list,
.elementor-page-14040101 #products,
.elementor-page-14040101 .subcategory__list {
    display: none !important;
}


/* Custom Panier */
.elementor-cart__container .elementor-cart__main {
    width : 550px;
}

@media (max-width: 767.98px) {
    .elementor-cart__container .elementor-cart__main {
    width : 450px !important;
}
}

.elementor-cart__empty-message{
    font-family: 'Sansation';
    font-size: 30px;
    font-weight: 500;
}

.elementor-cart__summary{
   font-family: 'Sansation';
}

@media (max-width:475.98px) {
  .elementor-cart__footer-buttons{
	display : inline;
}

  .elementor-cart__footer-buttons .elementor-align-justify{
	margin-bottom : 15px;
}
}


/* Bouton */

.btn-outline-primary,
.btn-square-icon,
.btn-primary{
    border: solid 1px #a28950;
    color: white;
    background : #a28950;
}


.btn-outline-primary:hover,
.btn-square-icon:hover,
.btn-primary:hover {
    background:white;
   color : #a28950;
}

.btn-outline-primary:hover::after {
    background: #a28950;
}

/* Page commander */
.nav-link{
color : black !important;
}

.nav-underline .nav-link.active,
.accordion--small .accordion-button {
color : #a28950 !important;
}

/* Page compte */
.menu-item-type-account a>span:not(:first-child){
color : black;
}

.elementor-nav .sub-arrow{
color : #a28950;
}

.account-menu--main .account-menu__link {
    background-color: white;
    border : solid 1px #a28950;
    border-radius: 0;
    transition: color 0.4s ease;
}

.account-menu--main .account-menu__link:hover,
.account-menu--main .lgcookieslaw-account-button:hover {
    background-color: #a28950;
    color : black;
    border-radius: 0;
}


/* cookie dans la grille */
.account-menu--main .lgcookieslaw-account-button {
    display: flex;
    align-items: center;
    width: 100% !important;
    padding: 15px !important;
    margin: 0;
    color: inherit;
    text-decoration: none;
    box-sizing: border-box;
    border : solid 1px #a28950;
    border-radius: 0;	
    transition: color 0.4s ease;
}

.account-menu--main .lgcookieslaw-account-button .link-item {
    display: flex;
    width: 100% !important;
    padding: 0 !important;
    flex-direction: column;
}

.account-menu--main .lgcookieslaw-account-button img {
    width: 2rem !important;
    margin-right: 10px;
    object-fit: contain;
    margin-bottom : 15px;
}

.account-menu--main .lgcookieslaw-account-button:hover {
    text-decoration: none;
}

.page-my-account a{
   color : black;
   transition: color 0.4s ease;
}

.page-my-account a:hover{
   color : #a28950;
}

/* cookie colonne à gauche */
.account-menu__nav .lgcookieslaw-account-button {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    min-height: 50px;
    padding: 15px !important;
    margin: 0 !important;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
}

/* form check */
.form-check-input:checked {
    background-color: #a28950;
    border-color: #a28950;
}

/* processus de la commande */
.checkout-steps__step--current:before, 
.checkout-steps__step--success .checkout-steps__number,
.checkout-steps__step--success:after, 
.checkout-steps__step--success:before {
    background: #a28950;
}


.checkout-steps__step--success .checkout-steps__btn {
color: #a28950;
}

.alert-success {
    --bs-alert-color: black;
    --bs-alert-bg: #a28950;
    --bs-alert-border-color: #a28950;
    --bs-alert-link-color: #a28950;
}