/* CSS PERSO */

/* COLORS */
:root { 
  --alightorange: #F6A03A;
  --aorange: #D26014;
  --alightbrown: #73180b;
  --abrown: #5D160C;
  --adarkbrown: #280C0C;
  --agreen: #388F63;
}


/* GENERAL */

img {
	border-radius: 5px; 
}

/* HEADER - GENERAL */

.header-nav {
	background-color: #4F130A;
	border-color: #4F130A;
}

@media (max-width: 768px) {
  #_mobile_logo img {
    content: url('/img/logo-mobile.jpg') !important;
  }
}

.contact_header {
  display: none;
}

.menu_header::before, .ets_mm_megamenu.scroll_heading:before {
    border-top: 1px dashed var(--abrown);
}

.menu_header::after, .ets_mm_megamenu.scroll_heading:after {
    border-top: 1px dashed var(--abrown);
}


/* HEADER - LANGUAGE */

#_desktop_language_selector > div > div > span.title_currency,
#_desktop_language_selector > div > div > span.expand-more,
#_desktop_language_selector > div > div > a > i {
    color: #FFFFFF;
}

#_desktop_language_selector > div > div:hover > span.title_currency,
#_desktop_language_selector > div > div:hover > span.expand-more,
#_desktop_language_selector > div > div:hover > a > i {
    color: var(--alightorange);
}

/* HEADER - LOGIN */

.header-nav .user-info .login, 
.header-nav .user-info .logout {
	border-color: var(--abrown);
	color: #FFFFFF;
}

#_desktop_user_info > div > a.login > span > i,
#_desktop_user_info > div > a.login > span {
    color: #FFFFFF;
}

#_desktop_user_info > div > a.login:hover > span > i,
#_desktop_user_info > div > a.login:hover > span {
    color: var(--alightorange);
}

#_desktop_user_info > div > div > a.logout > i {
    color: #FFFFFF !important;
}

#_desktop_user_info > div > div > a.logout:hover > i {
    color: var(--alightorange) !important;
}

/* HEADER - USER INFO */

#header .user-info a.user-info-account {
	border-color: var(--abrown);
}

#_desktop_user_info > div > a.user-info-account > span > i,
#_desktop_user_info > div > a.user-info-account > span {
    color: #FFFFFF;
}

#_desktop_user_info > div > a.user-info-account:hover > span > i,
#_desktop_user_info > div > a.user-info-account:hover > span {
    color: var(--alightorange);
}

#_desktop_user_info > div > div > a.user-info-account > span,
#_desktop_user_info > div > div > a.user-info-account > span > i {
	color: #FFFFFF;
}

#_desktop_user_info > div > div > a.user-info-account:hover > span,
#_desktop_user_info > div > div > a.user-info-account:hover > span > i {
	color: var(--alightorange);
}

/* HEADER - CART */

#_desktop_cart {
	border-color: var(--abrown);
}

#_desktop_cart > div > a > i,
#_desktop_cart > div > a > span.hidden-sm-down.checkout_title,
#_desktop_cart > div > a > span.cart-products-count {
    color: #FFFFFF;
}

#_desktop_cart > div:hover > a > i,
#_desktop_cart > div:hover > a > span.hidden-sm-down.checkout_title,
#_desktop_cart > div:hover > a > span.cart-products-count {
    color: var(--alightorange);
}

/* HEADER - SEARCH */

#header > div.header_content > div.header-top > div.container > div {
	padding-bottom: 10px;
}

.search-widget {
	margin-top: 10px;
}

/* WIDGET ITEMS */
.home_widget_top_column .ybc-widget-item-content {
	border-radius: 15px;
}


/* PRODUCT */
.product-miniature:hover {
	border: 1px solid var(--alightorange);
	box-shadow: 0 8px 20px rgba(210, 96, 20, 0.3);
}

.product-miniature {
	border: 1px solid white;
	padding-top: 15px;
	border-radius: 10px;
}

.product-miniature.type_list_full_width {
	padding-bottom: 15px;
}

#product-modal .modal-dialog {
	width: 830px;
}

.product-variants > .product-variants-item .color {
	background-repeat no-repeat;
	background-size: cover;
}

.product-description a[href] span {
  color: #000 !important;
  background: transparent !important;
}

.product-description a[href]:hover span {
  color: var(--alightorange) !important;
  background: transparent !important;
}

/* PRODUCT - HOME */
.title_tab > span::after, .products-section-title > span:after {
	content: "\1F343";
}

.featured-products {
	margin-bottom: 10px;
}

/* BUY FOLLOWING GREEN */

#featured_products > div > div > article > div > div.product-description > div.highlighted-informations > div > button {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#featured_products > div > div > article > div > div.product-description > div.highlighted-informations > div > button:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

#js-product-list > div > article > div > div.product-description > div.highlighted-informations > div > button {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#js-product-list > div > article > div > div.product-description > div.highlighted-informations > div > button:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

#add-to-cart-or-refresh > div.product-add-to-cart > div.product-quantity > div.add > button {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#add-to-cart-or-refresh > div.product-add-to-cart > div.product-quantity > div.add > button:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

#blockcart-modal > div > div > div.modal-body > div > div:nth-child(2) > div > a {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#blockcart-modal > div > div > div.modal-body > div > div:nth-child(2) > div > a:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

#_desktop_cart > div > div > div.cart-wishlist-action > a {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#_desktop_cart > div > div > div.cart-wishlist-action > a:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

#main > div > div.cart-grid-right.col-xs-12.col-lg-4 > div.card.cart-summary > div.checkout.cart-detailed-actions.card-block > div > a {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#main > div > div.cart-grid-right.col-xs-12.col-lg-4 > div.card.cart-summary > div.checkout.cart-detailed-actions.card-block > div > a:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

#customer-form > footer > button {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#customer-form > footer > button:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

#delivery-address > div > footer > button {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#delivery-address > div > footer > button:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

#js-delivery > button {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#js-delivery > button:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

#payment-confirmation > div.ps-shown-by-js > button {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#payment-confirmation > div.ps-shown-by-js > button:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

#checkout-addresses-step > div > div > form > div.clearfix > button {
    background-color: var(--agreen);
	border-color: var(--agreen);
}

#checkout-addresses-step > div > div > form > div.clearfix > button:hover {
	background-color: var(--alightorange);
	border-color: var(--alightorange);
}

/* THEME BUG ON NEW PRODUCT FLAG */
ul.product-flags.js-product-flags .product-flag.new {
	color: #fff;
    background: var(--abrown);
    padding: 0;
    height: 30px;
    width: 130px;
    text-align: center;
    display: block;
    position: absolute;
    left: -40px;
    top: 10px !important;
    z-index: 1;
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    transform: rotate(-42deg);
}

/* ORDER CONFIRMATION */

.block-promo span.code {
    color: var(--alightorange);
    font-weight: bold;
	text-decoration: underline;
}

#content-hook-order-confirmation-footer > section {
	display: none;
}

#ybc_social_block {
    display: none;
}

.product-line-grid-right .bootstrap-touchspin {
	box-shadow: none;
	width: auto;
}

@media (max-width: 768px) {
  .product-line-grid-right .bootstrap-touchspin {
    width: 80px;
  }
}

/* SHOPPING CART */

.remove-from-cart i {
	color: #fff;
	background-color: var(--abrown);
	border-radius: 5px;
	width: 20px;
}

.remove-from-cart i:hover {
	background-color: var(--alightorange);
}

.shoppingcart_img {
    width: 100%;  /* La div prendra toute la largeur disponible */
    height: auto; /* Ajuste la hauteur automatiquement en fonction de la largeur */
    overflow: hidden;  /* Empêche l'image de déborder de la div si elle est plus grande */
}

.shoppingcart_img img {
    max-width: 100%;  /* L'image ne dépassera pas la largeur de son conteneur */
    height: auto;  /* L'image garde ses proportions */
}

/* Cacher complètement le méga-menu en checkout */
@media (min-width: 768px) {
  body#checkout .ets_mm_megamenu {
	  display: none !important;
	}
}


/* NEWSLETTER */

.footer_top_extra::before, .footer_top_extra::after {
	border-color: var(--abrown);
}
.footer_top_extra {
	background-image: none;
}

#footer_nlt form > p.block_newsletter_alert {
    display: block;
}

/* MY ACCOUNT */

.page-my-account #content .links a[href*="ps_emailalerts"] {
  display: none;
}


/* FOOTER */
.footer-container {
	background-color: var(--adarkbrown);
	background-image: url('/img/lotus_footer.png');
    background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 10%;
}

@media (max-width: 768px) {
  .footer-container {
    background-position: center 90%;
  }
}

.footer_after {
	border-top: none;
}

.block-contact #contact_footer i {
	color: #FFFFFF;
}

#footer > div > div.footer_after > div > div > div > a {
	color: #FFFFFF;
}

#footer > div > div.footer_after > div > div > div > a:hover {
	color: var(--alightorange);
}

body.ybc-skin-custom .footer-container .links li a::before {
	border-color: #FFFFFF !important;
	background-color: #FFFFFF !important;
}