/* Fond general */
html,
body,
#wrapper {
  background-color: #fffaf0 !important;
}

/* Cache uniquement le breadcrumb/titre de contenu, sans toucher au header mobile */
#content-wrapper .breadcrumb,
#content-wrapper .breadcrumb-wrapper,
#content-wrapper .page-header,
#main > .breadcrumb,
#main > .breadcrumb-wrapper,
#main > .page-header {
  display: none !important;
}

/* Accueil uniquement : enlever l'espace entre header et contenu */
body#index #wrapper,
body#index main,
body#index #content-wrapper,
body#index .page-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Pages CMS uniquement */
body#cms #wrapper,
body#cms #content-wrapper,
body#cms .page-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Panier */
body#cart,
body#cart #wrapper,
body#cart main,
body#cart #main,
body#cart #content,
body#cart #content-wrapper,
body#cart .page-content,
body#cart .cart-grid,
body#cart .cart-grid-body,
body#cart .cart-grid-right,
body#cart .cart-summary,
body#cart .cart-summary-line,
body#cart .card,
body#cart .cart-item,
body#cart .cart-overview,
body#cart .block-promo,
body#cart .promo-discounts,
body#cart .cart-detailed-totals,
body#cart .cart-summary-products {
  background-color: #fffaf0 !important;
}

/* Commande */
body#checkout,
body#checkout #wrapper,
body#checkout main,
body#checkout #main,
body#checkout #content,
body#checkout #content-wrapper,
body#checkout .page-content,
body#checkout .cart-grid,
body#checkout .cart-grid-body,
body#checkout .cart-grid-right,
body#checkout .cart-summary,
body#checkout .card,
body#checkout .checkout-step {
  background-color: #fffaf0 !important;
}

body#checkout #wrapper > .container,
body#checkout #main > .container,
body#checkout .page-width,
body#checkout .checkout-page,
body#checkout .checkout-grid,
body#checkout .cart-grid {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-sizing: border-box !important;
}

body#checkout .cart-grid-body {
  padding-left: 0 !important;
}

body#checkout .cart-grid-right {
  padding-right: 0 !important;
}

/* Mini panier quantité */
.mini-cart-quantity {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.mini-cart-qty-btn {
  width: 26px;
  height: 26px;
  border: 1px solid #ddd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #222;
  text-decoration: none;
  font-weight: 700;
}

.mini-cart-qty-number {
  min-width: 20px;
  text-align: center;
  font-weight: 600;
}

#desktop_cart .blockcart.mini-cart-keep-open .shopping_cart {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Force le retour de la navbar mobile Alysum */
@media (max-width: 1199px) {
  .mobile-header,
  .header-mobile,
  #mobile-header,
  .pk-mobile-header,
  .pk-header-mobile {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .mobile-menu,
  .pk-mobile-menu,
  .mobile-nav,
  .pk-mobile-nav,
  .mobile-bottom-nav,
  .bottom-mobile-nav,
  .pk-bottom-nav,
  .mobile-toolbar,
  .pk-mobile-toolbar,
  .bottom-nav,
  .bottom-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Mobile produit */
@media (max-width: 768px) {
  body#checkout #wrapper > .container,
  body#checkout #main > .container,
  body#checkout .page-width,
  body#checkout .checkout-page,
  body#checkout .checkout-grid,
  body#checkout .cart-grid {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .product-cover img {
    width: 100%;
    height: auto;
  }

  .images-container {
    display: flex;
    flex-direction: column;
  }

  .product-images {
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
    margin-top: 10px;
    padding-bottom: 8px;
  }

  .product-images li,
  .product-images .thumb-container {
    flex: 0 0 auto;
    width: 70px;
  }

  .product-images img,
  .product-images .thumb {
    width: 70px;
    height: 90px;
    object-fit: cover;
  }
}






/* MOBILE CART TAILLE + SAUVEGARDER LA TAILLE */

@media (max-width: 768px) {
  /* Enleve uniquement le texte d'information */
  .product-customization > p,
  .product-customization > .h4 {
    display: none !important;
  }

  /* Garde le bloc taille visible */
  .product-customization .product-customization-item {
    display: block !important;
    margin-bottom: 10px !important;
  }

  .product-customization label,
  .product-customization .control-label {
    display: block !important;
    margin-bottom: 6px !important;
  }

  .product-customization select,
  .product-customization textarea,
  .product-customization input[type="text"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 120px !important;
    height: 44px !important;
    margin: 0 0 8px 0 !important;
    padding: 0 8px !important;
    background: #fffaf0 !important;
    border: 1px solid #d8d2c7 !important;
  }

  .product-customization button,
  .product-customization .btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    height: 44px !important;
    margin: 0 0 14px 0 !important;
    align-items: center !important;
    justify-content: center !important;
    background: #2f3334 !important;
    color: #fff !important;
    border: none !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
  }

  .product-customization .form-control-comment,
  .product-customization small,
  .product-customization .text-muted {
    display: none !important;
  }
}


@media (max-width: 768px) {
  .vav-size-customization-row {
    grid-template-columns: 120px 1fr !important;
    gap: 10px !important;
  }

  .vav-size-select {
    width: 120px !important;
    font-size: 13px !important;
  }

  .vav-save-size-btn {
    font-size: 9px !important;
    padding: 0 8px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
}




/* Remet le panier flottant au-dessus du bouton cookies */
.floating-cart,
.float-cart,
.sticky-cart,
.pk-floating-cart,
.pk-cart-floating,
#floating_cart,
#sticky_cart,
#desktop_cart.floating {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  right: 18px !important;
  bottom: 92px !important;
  z-index: 9999 !important;
}


/* Supprimer hover/overlay/loupe sur les images produit */
.product-cover::before,
.product-cover::after,
.product-cover .layer,
.product-cover .zoom,
.product-cover .zoom-in,
.product-cover .product-cover-link,
.product-cover .product-image-zoom,
.product-cover .js-qv-mask,
.product-cover .quick-view,
.images-container .layer,
.images-container .zoom,
.images-container .zoom-in,
.images-container .product-image-zoom,
.thumbnail-container .highlighted-informations,
.thumbnail-container .quick-view,
.product-miniature .highlighted-informations,
.product-miniature .quick-view {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Empêcher le blanchiment / filtre au survol */
.product-cover:hover img,
.images-container:hover img,
.thumbnail-container:hover img,
.product-miniature:hover img,
.product-thumbnail:hover img {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* Neutraliser les transitions hover */
.product-cover img,
.images-container img,
.thumbnail-container img,
.product-miniature img,
.product-thumbnail img {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

/* Mobile aussi */
@media (max-width: 768px) {
  .product-cover::before,
  .product-cover::after,
  .product-cover .layer,
  .product-cover .zoom,
  .product-cover .zoom-in,
  .product-cover .product-image-zoom,
  .images-container .layer,
  .images-container .zoom,
  .images-container .zoom-in,
  .thumbnail-container .highlighted-informations,
  .thumbnail-container .quick-view,
  .product-miniature .highlighted-informations,
  .product-miniature .quick-view {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .product-cover:hover img,
  .images-container:hover img,
  .thumbnail-container:hover img,
  .product-miniature:hover img,
  .product-thumbnail:hover img {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}



/* Checkout mobile - Chronopost / points relais */
@media (max-width: 768px) {
  body#checkout .delivery-options,
  body#checkout .delivery-option {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body#checkout .delivery-option {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 14px 0 !important;
  }

  body#checkout .delivery-option > * {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body#checkout .delivery-option .custom-radio,
  body#checkout .delivery-option input[type="radio"] {
    flex: 0 0 24px !important;
    width: 24px !important;
    margin-top: 4px !important;
  }

  body#checkout .delivery-option label {
    flex: 1 1 calc(100% - 34px) !important;
    max-width: calc(100% - 34px) !important;
    display: block !important;
  }

  body#checkout .delivery-option img {
    max-width: 34px !important;
    height: auto !important;
    margin-bottom: 6px !important;
  }

  body#checkout .delivery-option .carrier,
  body#checkout .delivery-option .carrier-name,
  body#checkout .delivery-option .carrier-delay,
  body#checkout .delivery-option .carrier-price {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.35 !important;
  }

  /* Contenu supplémentaire du transporteur */
  body#checkout .carrier-extra-content,
  body#checkout .js-additional-information,
  body#checkout .delivery-option .carrier-extra-content,
  body#checkout .delivery-option .js-additional-information {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-top: 12px !important;
    padding: 12px !important;
    border: 1px solid #e5ded2 !important;
    background: #fffaf0 !important;
    box-sizing: border-box !important;
  }

  /* Blocs Chronopost / relais / pickup */
  body#checkout [id*="chronopost"],
  body#checkout [class*="chronopost"],
  body#checkout [id*="pickup"],
  body#checkout [class*="pickup"],
  body#checkout [id*="relay"],
  body#checkout [class*="relay"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  body#checkout .carrier-extra-content *,
  body#checkout .js-additional-information *,
  body#checkout [id*="chronopost"] *,
  body#checkout [class*="chronopost"] *,
  body#checkout [id*="pickup"] *,
  body#checkout [class*="pickup"] *,
  body#checkout [id*="relay"] *,
  body#checkout [class*="relay"] * {
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* Champs et bouton */
  body#checkout .carrier-extra-content input,
  body#checkout .carrier-extra-content select,
  body#checkout .carrier-extra-content button,
  body#checkout .js-additional-information input,
  body#checkout .js-additional-information select,
  body#checkout .js-additional-information button {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    margin: 6px 0 !important;
  }

  body#checkout .carrier-extra-content button,
  body#checkout .js-additional-information button {
    background: #2f3334 !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
  }

  /* Liste des points relais */
  body#checkout .carrier-extra-content label,
  body#checkout .js-additional-information label,
  body#checkout [id*="chronopost"] label,
  body#checkout [class*="chronopost"] label,
  body#checkout [id*="pickup"] label,
  body#checkout [class*="pickup"] label,
  body#checkout [id*="relay"] label,
  body#checkout [class*="relay"] label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin: 8px 0 !important;
  }

  body#checkout .carrier-extra-content input[type="radio"],
  body#checkout .js-additional-information input[type="radio"],
  body#checkout [id*="chronopost"] input[type="radio"],
  body#checkout [class*="chronopost"] input[type="radio"],
  body#checkout [id*="pickup"] input[type="radio"],
  body#checkout [class*="pickup"] input[type="radio"],
  body#checkout [id*="relay"] input[type="radio"],
  body#checkout [class*="relay"] input[type="radio"] {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: auto !important;
    margin: 2px 4px 0 0 !important;
  }
}

/* Cacher le bouton sauvegarder taille */
button[name="submitCustomizedData"],
.vav-save-size-hidden,
.product-customization button[name="submitCustomizedData"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}


/* Taille sur minicart */

.mini-cart-customization {
  margin-top: 4px;
  font-size: 12px;
  color: #555;
}

.mini-cart-size strong {
  color: #111;
  font-weight: 700;
}

/* Nouveau bouton panier */

@media (max-width: 768px) {
  #blockcart-modal .cart-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  #blockcart-modal .cart-actions .btn {
    flex: 1 1 100% !important;
    width: 100% !important;
    text-align: center !important;
  }

  #blockcart-modal .cart-actions .vav-view-cart-btn,
  #blockcart-modal .cart-actions .btn-primary {
    flex: 1 1 calc(50% - 5px) !important;
    width: calc(50% - 5px) !important;
  }
}


/* Cacher temporairement le compteur de stock */
.stock-wrapper-custom,
#stock-counter,
.stock-counter {
  display: none !important;
}

/* Bloc newsletter */
.pknlinput-wrap {
    position: relative !important;
    width: 300px !important;
    max-width: 90% !important;
    height: 42px !important;
    margin: 0 auto !important;
    background: #1d1d1d !important;
    overflow: hidden !important;
}

/* Champ email */
.pknlinput-wrap .newsletter-input {
    width: 100% !important;
    height: 42px !important;
    padding: 0 125px 0 18px !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    line-height: 42px !important;
}

/* Bouton */
.pknlinput-wrap .submit-widget-newsletter {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 115px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-left: 1px solid rgba(255,255,255,.25) !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

/* Masquer la flèche */
.pknlinput-wrap .submit-widget-newsletter svg {
    display: none !important;
}

/* Supprimer les anciens pseudo-éléments */
.pknlinput-wrap .submit-widget-newsletter::before {
    content: none !important;
    display: none !important;
}

/* Texte du bouton bien centré */
.pknlinput-wrap .submit-widget-newsletter::after {
    content: "Valider" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

/* Mobile */
@media (max-width: 767px) {
    .pknlinput-wrap {
        width: 280px !important;
        height: 42px !important;
    }

    .pknlinput-wrap .newsletter-input {
        padding-right: 112px !important;
    }

    .pknlinput-wrap .submit-widget-newsletter {
        width: 105px !important;
        height: 42px !important;
    }

    .pknlinput-wrap .submit-widget-newsletter::after {
        font-size: 12px !important;
    }
}

.pknlinput-wrap .submit-widget-newsletter::after {
    transform: translate(-50%, 90%) !important;
}