/*
	Variables — copié depuis cdn.6xpos.shop/nst/custom-colors.css
	À placer sur le serveur local à : styles/nst/custom-colors.css
*/
:root {
  --main-color: #F2cbd3;
  --secondary-color: #000;
  --main-promo-color: #fad6e8;
  --gray-light: rgb(229, 231, 235);
  --header-bg: #ffffff;
  --header-shadow: #00000029;
  --main-bg-color: #EDEDED;
  --content-bg-color: #ffffff;
  --menu-item-background: #F2cbd3;
  --category-bg-color: #888;
  --available: green;
  --unavailable: red;
  --order-info: gray;
  --product-bg: gray;
  --google-background: #151315;
  --google-text: white;
  --shop-link-bg: #151315;
  --shop-link-text: white;
  --shop-address: gray;
  --circle-button-text: white;
  --main-button-text: white;
  --input-border: gray;
  --selectable-button-text: #151315;
  --navigation-button-bg: #000;
  --navigation-button-text: white;
  --step-resume-amount: #151315;
  --address-input-text: white;
  --address-input-border: #ededed;
  --address-input-item-bg: white;
  --error: red;
  --product-section-line-active-text: white;
  --product-section-line-border: #151315;
  --cart-amount-bg: #151315;
  --cart-border: white;
  --disabled: #F2cbd3;
  --qty-selector-bg: #F2cbd3;
  --qty-selector-bg-active: white;
  --qty-selector-text: #151315;
  --product-qty-bg: #151315;
  --product-qty-text: white;
  --main-text: #151315;
  --logout-bg: #151315;
  --logout-text: white;
  --menu-item-hover: white;
  --category-item-height: 22px;
  --category-item-line-height: 22px;
  --banner-shop-select-image: url('/img/banner-shop-select.jpg');

  /* Shop page tokens (refonte graphique) */
  --border-radius: 15px 5px 15px 5px;
  --border-radius-sm: 3px 9px 3px 9px;
  --bg-page: #f8f7f6;
  --text-primary: #181411;
  --text-secondary: #8a7260;
  --text-accent: #d99a1e;
  --border-subtle: rgba(230, 223, 219, 0.5);
  --border-divider: rgba(230, 223, 219, 0.3);
  --border-ui: #e6dfdb;
  --card-bg: #fff;
  --card-radius: 12px;
  --card-radius-lg: 16px;
  --btn-dark-bg: #181411;
  --btn-dark-text: #fff;
}

.product-image {
  background-color: var(--main-bg-color);
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.product-section-line-image {
  background-color: var(--main-bg-color);
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.product-card.disabled:not(.reward-card),
.product-section-line.disabled {
  display: none;
}