/*TEMPLATE*/
/*THEME COLORS
#000 black
#fff white
#FFC42D yellow
#e2e2e2 border
#fafafa background light
*/
.btn {font-weight: 700; letter-spacing: 1px;}

.btn-primary {
  color: #fff;
  background-color: #000;
  border-color: #000
}

.btn-primary:hover {
  color: #000;
  background-color: #FFC42D;
  border-color: #FFC42D
}

.icon_btn {display: none;}
.inline_popup_content {background-color: #000;}
.mfp-close {background-color: #000 !important; color:#fff !important;}
button.btn.show_password {background:#000; color:#fff;}

h6 {
  text-transform: uppercase !important; 
  font-size: 14px;
  color: #000;
  letter-spacing: 2px; 
  font-weight: 500;
}

.show_password {opacity: 1;}
.show_password:hover {opacity: .8;}

.popover {display:none !important;}
.password-requirements-score {display:none !important;}

/*HEADER*/
div#top_bar {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
}

.ajax_cart_bag .amount_circle {
  border: 0px !important;
  top: -8px !important;
  right: -14px !important;
}

/*#header_primary_container.container-fluid #header_primary_row, #top_bar_container.container-fluid #top_bar_row {
  padding-left: 0;
  padding-right: 0;
}*/

.header_icon_btn_icon .amount_circle {top: -5px; right: -15px;}
.ajax_cart_total {padding-left: 10px;}


/*CONTACT*/
.contact_form {
  padding: 20px;
  border: 1px solid #e2e2e2;
  background: #fafafa;
  margin-bottom: 5%;
}


/*LOGIN*/
body#authentication .columns-container,
body#password .columns-container {
  position: relative; /* nécessaire pour l'overlay */
  min-height: 100vh; /* pleine hauteur de la fenêtre */
  display: flex;
  flex-direction: column;
  justify-content: center; /* centrage vertical */
  align-items: center; /* centrage horizontal */
  padding: 20px;
  box-sizing: border-box;

  /* --- Image de fond --- */
  background: url('../img/auth_bg-04.webp') center center / cover no-repeat;
}

/* --- Overlay noir 70% --- */
body#authentication .columns-container::before,
body#password .columns-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* noir à 70% */
  z-index: 1;
}

/* --- Contenu au-dessus de l'overlay --- */
body#authentication .columns-container > *,
body#password .columns-container > * {
  position: relative;
  z-index: 2;
}

body#password .from_blcok {background: #fff;}
.login_logo {padding:30px 20px;}
.login_text {padding:30px 15px;}

.login_form_block {
  border-radius: 20px;
}

.login_form_block .page_heading {
  background-color: transparent !important;
}


/*MY_ACCOUNT*/
#my-account .columns-container,
#history .columns-container {
  margin-bottom: 20%;
}

/* --- Grille Mon Compte full-width sans fond blanc --- */
.myaccount-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);  /* 2 colonnes sur mobile */
  gap: 20px;
  width: 100%;         /* prend toute la largeur */
  margin: 0;
  padding: 10px;
}

@media (min-width: 768px) {   /* tablette */
  .myaccount-grid {
  grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1200px) {  /* desktop */
  .myaccount-grid {
  grid-template-columns: repeat(4, 1fr);
  }
}

/* Chaque bloc occupe tout l'espace de sa colonne */
.myaccount-item {
  width: 100%;
  border: 1px solid #e2e2e2;
  background: #fafafa;
}

/* Style des tuiles (sans fond blanc) */
.myaccount-grid .account-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  text-align: center;
  padding: 1rem;
  border: none;      /* plus de contour */
  background: none;    /* supprime fond blanc */
  box-shadow: none;
  transition: transform .2s ease;
}
.myaccount-grid .account-tile:hover {
  transform: translateY(-2px);
}

.myaccount-grid .img_account {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

/*SHIPPING*/
/* --- Neutralise les règles du thème qui cassent le flex sur mobile --- */
@media (max-width: 991px) {
  body#checkout section.checkout-step .delivery-option {
    display: block !important;          /* annule display:-webkit-box/-moz-box/... du thème */
  }

  body#checkout section.checkout-step .delivery-option-2 {
    display: block !important;
    flex-direction: initial !important; /* supprime le flex column imposé */
  }
}

/* Remise à plat des textes (annule break-word du thème) */
#checkout-delivery-step .carrier-name,
#checkout-delivery-step .carrier-delay,
#checkout-delivery-step .carrier-price,
#checkout-delivery-step .carrier-extra-content {
  display: block !important;
  width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-align: left;
}

/* Optionnel : style visuel de chaque option */
.delivery-option {
}

.carrier_logo {margin-left: 10px;}
.carrier-name {font-size: 1.4em; font-weight: bold;}
.carrier-price {font-size: 1.1em; font-weight: bold;}
.text-muted {color: #aba39d !important; line-height: 1em;}

/*BOXTAL*/
.maplibregl-popup-content {
  color:#29180A;
  background:#fff;
  border-radius: 0;
}