/* v 1.5.0 */
/* aliges les elements du header */
#header .navbar.navbar-expand-lg.navbar-light{
  padding: 5px  !important;
}
#trigger_search_mobile{
  border: 0;
  background: none;
}
/* fix cartzilla */
.row {
  margin-left: 0;
  margin-right: 0;
}

.row .col {
  padding-left: 0;
  padding-right: 0;
}


html, body {
  overflow-x: hidden;
  position: relative;
  width: 100%;
}


.account-sidebar a{
  color: var(--body-color);
}
.account-sidebar a:hover{
  color: var(--primary);
}

#my-account .card-body a,
#my-account .card-body i{
  color: var(--body-color) !important;
}
#my-account .card-body:hover a,
#my-account .card-body:hover a p,
#my-account .card-body:hover .nav-link-style,
#my-account .card-body:hover i{
  color: var(--primary) !important;
}
.scroll_text p{
    margin-bottom: 0;
}
@media (max-width: 768px) {
  #_mobile_search{
    width: 100% !important;
  }
}

#product .product-tab-details{
  display: none;
}
#product .product-tab-details.show{
  display: block;
}

.comments-nb,
.comments-note {
  display: none !important;
}



.product-comment-list-item .comment-content .comment-buttons a{
  color: var(--primary) !important;
}
.product-comment-list-item .comment-content .comment-buttons a:hover{
  color: var(--primary) !important;
}
#product-comments-list-header, 
#product-comments-list, 
.comment-content {
  margin: 0 auto;
  text-align: center;
}

/* .product-comment-list-item{
  min-width: 500px;
  max-width: 100%;
} */
.burger-menu{
  font-size: 20px;
  color: #4b566b;
}


/* Exception: make CONTINUE a real primary button (filled) */
#checkout #checkout-steps button.continue.btn.btn-primary,
#checkout #checkout-steps .continue.btn.btn-primary {
  background: var(--primary) !important;
  color: #fff !important;
  border-color: var(--primary) !important;

  padding: 14px 22px !important;
  font-weight: 500 !important;
  font-size: 1.05rem !important;
  border-radius: 12px !important;

  box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease !important;
}

#checkout #checkout-steps button.continue.btn.btn-primary:not(:disabled):hover,
#checkout #checkout-steps .continue.btn.btn-primary:not(:disabled):hover,
#checkout #checkout-steps button.continue.btn.btn-primary:not(:disabled):focus,
#checkout #checkout-steps .continue.btn.btn-primary:not(:disabled):focus,
#checkout #checkout-steps button.continue.btn.btn-primary:not(:disabled):focus-visible,
#checkout #checkout-steps .continue.btn.btn-primary:not(:disabled):focus-visible {
  background: var(--primary) !important; /* override your transparent hover */
  color: #fff !important;
  border-color: var(--primary) !important;
  filter: brightness(0.96);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}

@media (max-width: 768px) {
  #checkout #checkout-steps button.continue.btn.btn-primary,
  #checkout #checkout-steps .continue.btn.btn-primary {
    width: 100% !important;
  }
}
                          
                          /* Checkout – Payment confirmation button: same sizing as Continue */
#checkout #payment-confirmation button.btn.btn-primary,
#checkout #payment-confirmation .btn.btn-primary {
  background: var(--primary) !important; 
  padding: 14px 22px !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  border-radius: 12px !important;
  line-height: 1.2 !important;
  min-height: 52px !important; /* évite l’effet “écrasé” */
}

/* Mobile: full width like Continue */
@media (max-width: 768px) {
  #checkout #payment-confirmation button.btn.btn-primary,
  #checkout #payment-confirmation .btn.btn-primary {
    width: 100% !important;
  }
}

/* TopBar Hover fix */
.topbar-dark .topbar-text:hover,
.topbar-dark .topbar-link:hover {
  color: var(--icon-color-top-bar) !important;
}

.d-md-block {
color: rgba(255,255,255,.6)!important;
}

.page-product #main .product-description-details {
    margin-top: 5rem !important;
}


.mb-n2, .my-n2 {
    margin-bottom: 5rem !important;
}

.accordion button[aria-expanded='true']+.accordion-content {
    max-height: fit-content;
}

.header-top {
  padding-top: 1em !important;
  background-color: #000000 !important;
}
                              
.btn-scroll-top.show {
    bottom: 8rem !important;
    right: 2rem !important;                             
}  

/* Apple Pay button – match Commander btn-primary btn-shadow btn-block */
.apple-pay-button.apple-pay-button-black {
  display: block !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 0.25rem !important;
  box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(0, 155, 151, 0.9) !important;
  margin-top: 0.5rem !important;
  -apple-pay-button-style: black;
  cursor: pointer;
}

.apple-pay-button.apple-pay-button-black:hover {
  filter: brightness(0.96);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}   

.ql-align-center {
    text-align: center;
}