/* ═══════════════════════════════════════════════════════════
   L'Atelier de la Source — Fiche produit v2.0
   Variables CSS centralisées — layout via div.clearfix (WC natif)
   ═══════════════════════════════════════════════════════════ */

:root {
  --als-accent        : #00ABB2;
  --als-accent-dark   : #009aa6;
  --als-accent-light  : #e6f7f8;
  --als-accent-xlight : #f0fbfc;
  --als-text          : #2b2b2b;
  --als-text-muted    : #666;
  --als-border        : #e8e3dc;
  --als-bg-soft       : #faf9f7;
  --als-radius        : 10px;
  --als-shadow        : 0 2px 16px rgba(0,0,0,.07);
}

/* ══════════════════════════════════════════════════════════
   0. LAYOUT — #left-area pleine largeur, sidebar masquée
   ══════════════════════════════════════════════════════════ */
body.als-single-product #left-area,
body.als-single-product .woocommerce-page #left-area {
  width        : 100% !important;
  float        : none !important;
  padding-right: 0 !important;
}
body.als-single-product #sidebar,
body.als-single-product .et_pb_sidebar_0 {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════
   1. CONTENEUR PRINCIPAL (div.product = block, clearfix = grid)
   ══════════════════════════════════════════════════════════ */
.woocommerce div.product {
  display: block !important;
  width  : 100% !important;
  float  : none !important;
  padding: 12px 0 0;
}

/* Layout 2 colonnes via float natif WC */
.woocommerce div.product div.images {
  width         : 50% !important;
  float         : left !important;
  padding-right : 48px !important;
  box-sizing    : border-box !important;
  max-width     : none !important;
  min-width     : 0 !important;
}
.woocommerce div.product div.summary {
  width         : 50% !important;
  float         : right !important;
  clear         : none !important;
  box-sizing    : border-box !important;
  max-width     : none !important;
  min-width     : 0 !important;
}
.woocommerce div.product::after {
  content: "" !important;
  display: table !important;
  clear  : both !important;
}

/* images et summary gérés par le bloc layout ci-dessus */

/* Onglets, avis, produits associés — pleine largeur */
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product #reviews,
.woocommerce div.product .related.products,
.woocommerce div.product .upsells.products {
  clear : both !important;
  width : 100% !important;
}

/* ══════════════════════════════════════════════════════════
   2. GALERIE IMAGES
   ══════════════════════════════════════════════════════════ */

/* Cadre galerie */
.woocommerce div.product div.images .woocommerce-product-gallery {
  background   : var(--als-bg-soft);
  border-radius: var(--als-radius);
  overflow     : hidden;
  box-shadow   : var(--als-shadow);
}

/* Image principale */
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce div.product div.images .woocommerce-product-gallery__image a img {
  width        : 100% !important;
  height       : 460px !important;
  object-fit   : cover !important;
  display      : block !important;
  border-radius: 0 !important;
  transition   : transform .5s ease !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery:hover
  .woocommerce-product-gallery__image img {
  transform: scale(1.03);
}

/* Icône zoom */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  background   : rgba(255,255,255,.9) !important;
  border-radius: 50% !important;
  width        : 36px !important;
  height       : 36px !important;
  top          : 12px !important;
  right        : 12px !important;
  display      : flex !important;
  align-items  : center !important;
  justify-content: center !important;
  box-shadow   : 0 2px 8px rgba(0,0,0,.15) !important;
  transition   : background .2s !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover {
  background: #fff !important;
}

/* Miniatures */
.woocommerce div.product div.images .flex-control-thumbs,
.woocommerce div.product div.images .flex-control-nav {
  display    : flex !important;
  gap        : 8px !important;
  flex-wrap  : wrap !important;
  margin-top : 10px !important;
  padding    : 0 !important;
  list-style : none !important;
  position   : static !important;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  width  : calc(25% - 6px) !important;
  float  : none !important;
  margin : 0 !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  height       : 72px !important;
  object-fit   : cover !important;
  width        : 100% !important;
  border-radius: 6px !important;
  border       : 2px solid transparent !important;
  opacity      : .7 !important;
  cursor       : pointer !important;
  transition   : border-color .2s, opacity .2s !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
  border-color: var(--als-accent) !important;
  opacity     : 1 !important;
}

/* Badge promo */
.woocommerce span.onsale {
  background   : #e74c3c !important;
  color        : #fff !important;
  border-radius: 4px !important;
  font-size    : 11px !important;
  font-weight  : 700 !important;
  padding      : 3px 10px !important;
  min-height   : auto !important;
  min-width    : auto !important;
  line-height  : 1.4 !important;
  top          : 12px !important;
  left         : 12px !important;
  letter-spacing: .04em !important;
}

/* ══════════════════════════════════════════════════════════
   3. SUMMARY — colonne droite
   ══════════════════════════════════════════════════════════ */

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb {
  font-size  : 11px !important;
  color      : #bbb !important;
  margin     : 0 0 8px !important;
  padding    : 0 !important;
  line-height: 1.5 !important;
}
.woocommerce .woocommerce-breadcrumb a {
  color          : #bbb !important;
  text-decoration: none !important;
  transition     : color .15s;
}
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--als-accent) !important; }

/* Titre */
.woocommerce div.product h1.product_title {
  font-size  : clamp(1.4rem, 2.5vw, 2rem) !important;
  font-weight: 700 !important;
  color      : var(--als-text) !important;
  line-height: 1.2 !important;
  margin     : 0 0 8px !important;
  letter-spacing: -.01em;
}

/* Étoiles */
.woocommerce div.product .woocommerce-product-rating {
  display    : flex;
  align-items: center;
  gap        : 8px;
  margin     : 0 0 16px !important;
  font-size  : 13px;
  color      : #999;
}
.woocommerce div.product .woocommerce-product-rating .star-rating { font-size: 14px !important; }
.woocommerce div.product .star-rating span::before,
.woocommerce div.product .star-rating::before { color: #f39c12 !important; }

/* Séparateur visuel sous les étoiles */
.woocommerce div.product .woocommerce-product-rating::after {
  content: '';
  display: block;
  width  : 40px;
  height : 2px;
  background: var(--als-accent);
  margin-left: auto;
}

/* Prix */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size  : 2rem !important;
  font-weight: 800 !important;
  color      : var(--als-accent) !important;
  margin     : 0 0 20px !important;
  display    : block;
  line-height: 1 !important;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  color      : #ccc !important;
  font-size  : 1.1rem !important;
  font-weight: 400 !important;
  margin-right: 6px;
}
.woocommerce div.product p.price ins { text-decoration: none !important; }

/* Description courte — encart vert doux */
.woocommerce div.product .woocommerce-product-details__short-description {
  font-size    : 14px;
  line-height  : 1.75;
  color        : #4a5a3a;
  margin       : 0 0 16px !important;
  padding      : 12px 16px;
  background   : var(--als-accent-xlight);
  border-left  : 4px solid var(--als-accent);
  border-radius: 0 8px 8px 0;
}
.woocommerce div.product .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }
.woocommerce div.product .woocommerce-product-details__short-description strong { color: var(--als-accent-dark); }

/* Variations */
.woocommerce div.product .variations { margin-bottom: 20px; width: 100%; }
.woocommerce div.product .variations td,
.woocommerce div.product .variations th { padding: 6px 0; vertical-align: middle; }
.woocommerce div.product .variations label {
  font-size: 13px; font-weight: 600; color: var(--als-text);
  white-space: nowrap; padding-right: 12px;
}
.woocommerce div.product .variations select {
  padding      : 9px 32px 9px 12px;
  border       : 1px solid var(--als-border);
  border-radius: 6px;
  font-size    : 13px;
  color        : var(--als-text);
  background   : #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 10px center;
  -webkit-appearance: none;
  appearance   : none;
  min-width    : 160px;
  transition   : border-color .15s, box-shadow .15s;
}
.woocommerce div.product .variations select:focus {
  border-color: var(--als-accent);
  box-shadow  : 0 0 0 3px rgba(122,158,60,.15);
  outline     : none;
}

/* Quantité */
.woocommerce div.product .quantity {
  display      : flex;
  align-items  : center;
  border       : 1.5px solid var(--als-border);
  border-radius: 8px;
  overflow     : hidden;
  width        : fit-content;
  background   : #fff;
}
.woocommerce div.product .quantity input.qty {
  width     : 52px;
  text-align: center;
  border    : none !important;
  font-size : 15px;
  font-weight: 600;
  color     : var(--als-text);
  padding   : 11px 0;
  background: transparent;
  -moz-appearance: textfield;
}
.woocommerce div.product .quantity input.qty::-webkit-outer-spin-button,
.woocommerce div.product .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; }

/* Ligne panier : quantité + bouton */
.woocommerce div.product form.cart {
  display        : flex;
  flex-direction : column;
  align-items    : stretch;
  gap            : 12px;
  flex-wrap      : nowrap;
  margin         : 0 0 20px !important;
}
/* Quantité + bouton sur la même ligne */
.woocommerce div.product form.cart .qty-wrap,
.woocommerce div.product form.cart .quantity,
.woocommerce div.product form.cart button.single_add_to_cart_button {
  width: auto;
}
.woocommerce div.product .cart-btn-row {
  display    : flex;
  align-items: center;
  gap        : 12px;
}
.woocommerce div.product .cart-btn-row .quantity { flex-shrink: 0; }
.woocommerce div.product .cart-btn-row button.single_add_to_cart_button { flex: 1; }

/* Bouton Ajouter au panier */
.woocommerce div.product button.single_add_to_cart_button,
.woocommerce div.product .single_add_to_cart_button {
  flex          : 1;
  min-width     : 160px;
  padding       : 14px 28px !important;
  background    : var(--als-accent) !important;
  color         : #fff !important;
  border        : none !important;
  border-radius : 8px !important;
  font-size     : 15px !important;
  font-weight   : 700 !important;
  letter-spacing: .04em !important;
  cursor        : pointer;
  transition    : background .2s, transform .15s, box-shadow .2s !important;
  text-transform: none !important;
  box-shadow    : 0 4px 12px rgba(122,158,60,.3) !important;
}
.woocommerce div.product button.single_add_to_cart_button:hover {
  background : var(--als-accent-dark) !important;
  transform  : translateY(-2px) !important;
  box-shadow : 0 6px 20px rgba(122,158,60,.4) !important;
}
.woocommerce div.product button.single_add_to_cart_button:active {
  transform: translateY(0) !important;
}

/* Badges rassurants */
.als-product-badges {
  display        : flex !important;
  flex-direction : row !important;
  flex-wrap      : wrap !important;
  gap            : 8px 16px !important;
  margin-top     : 16px !important;
  padding        : 12px 16px !important;
  background     : #f8fefe !important;
  border         : 1px solid var(--als-border, #e8e3de) !important;
  border-radius  : 8px !important;
}
.als-product-badge {
  display    : flex !important;
  align-items: center !important;
  gap        : 6px !important;
  font-size  : 12px !important;
  font-weight: 600 !important;
  color      : #444 !important;
  white-space: nowrap !important;
}
.als-product-badge svg {
  color      : var(--als-accent, #00ABB2) !important;
  flex-shrink: 0 !important;
  width      : 16px !important;
  height     : 16px !important;
}

/* Méta produit (catégories, tags, SKU) */
.woocommerce div.product .product_meta {
  margin-top : 20px;
  font-size  : 12px;
  color      : #aaa;
  line-height: 1.9;
}
.woocommerce div.product .product_meta a {
  color          : var(--als-text-muted);
  text-decoration: none;
  font-weight    : 500;
  transition     : color .15s;
}
.woocommerce div.product .product_meta a:hover { color: var(--als-accent); }
.woocommerce div.product .product_meta span { display: block; }
.woocommerce div.product .product_meta .posted_in strong,
.woocommerce div.product .product_meta .tagged_as strong { color: #888; }

/* ══════════════════════════════════════════════════════════
   4. ONGLETS
   ══════════════════════════════════════════════════════════ */
/* ══════════════════════════════════════════════════════════
   SECTIONS EMPILÉES — description / composition / avis
   Style : sections à plat, les unes sous les autres
   ══════════════════════════════════════════════════════════ */
.woocommerce div.product .woocommerce-tabs { margin-top: 48px; }

/* Masquer la liste d'onglets native */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: none !important;
}

/* Chaque panneau = section séparée */
.woocommerce div.product .woocommerce-tabs .panel {
  display       : block !important;
  border        : 1px solid var(--als-border, #e8e3de) !important;
  border-radius : 10px !important;
  margin-bottom : 12px !important;
  padding       : 0 !important;
  background    : #fff !important;
  box-shadow    : 0 1px 4px rgba(0,0,0,.04) !important;
  overflow      : hidden !important;
}
/* Padding interne sur TOUS les enfants du panel, à tous les niveaux */
.woocommerce div.product .woocommerce-tabs .panel h2:first-child {
  padding : 22px 28px 16px !important;
  margin  : 0 !important;
}
.woocommerce div.product .woocommerce-tabs .panel p {
  padding-left : 28px !important;
  padding-right: 28px !important;
}
.woocommerce div.product .woocommerce-tabs .panel ul,
.woocommerce div.product .woocommerce-tabs .panel ol {
  padding-left : 46px !important;
  padding-right: 28px !important;
}
.woocommerce div.product .woocommerce-tabs .panel table {
  margin-left : 28px !important;
  margin-right: 28px !important;
  width: calc(100% - 56px) !important;
}
/* Dernier élément : marge basse */
.woocommerce div.product .woocommerce-tabs .panel p:last-child,
.woocommerce div.product .woocommerce-tabs .panel table:last-child,
.woocommerce div.product .woocommerce-tabs .panel ul:last-child {
  padding-bottom: 28px !important;
}
.woocommerce div.product .woocommerce-tabs .panel:last-child {
  margin-bottom : 0 !important;
}

/* Titre de section */
.woocommerce div.product .woocommerce-tabs .panel h2 {
  display       : block !important;
  font-size     : 15px !important;
  font-weight   : 700 !important;
  color         : var(--als-accent, #00ABB2) !important;
  margin        : 0 0 16px !important;
  padding-bottom: 12px !important;
  border-bottom : 1px solid var(--als-border, #e8e3de) !important;
  letter-spacing: .01em !important;
}

/* Contenu */
.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce div.product .woocommerce-tabs .panel li {
  font-size  : 14px !important;
  line-height: 1.8 !important;
  color      : #555 !important;
}
.woocommerce div.product .woocommerce-tabs .panel ul,
.woocommerce div.product .woocommerce-tabs .panel ol {
  padding-left: 18px !important;
  margin      : 8px 0 !important;
}

/* Table composition */
.woocommerce div.product .woocommerce-tabs .panel table {
  width    : 100% !important;
  font-size: 14px !important;
}
.woocommerce div.product .woocommerce-tabs .panel table th,
.woocommerce div.product .woocommerce-tabs .panel table td {
  padding      : 9px 4px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  color        : #555 !important;
  text-align   : left !important;
  vertical-align: top !important;
}
.woocommerce div.product .woocommerce-tabs .panel table th {
  color      : #333 !important;
  font-weight: 600 !important;
  width      : 38% !important;
}
.woocommerce div.product .woocommerce-tabs .panel table tr:last-child th,
.woocommerce div.product .woocommerce-tabs .panel table tr:last-child td {
  border-bottom: none !important;
}

/* ══════════════════════════════════════════════════════════
   5. AVIS CLIENTS
   ══════════════════════════════════════════════════════════ */
.woocommerce #reviews #comments ol.commentlist {
  padding    : 0 !important;
  margin     : 0 !important;
  list-style : none !important;
  display    : block !important;
  columns    : 1 !important;
  column-count: 1 !important;
  grid-template-columns: none !important;
}
.woocommerce #reviews #comments ol.commentlist li {
  display    : block !important;
  width      : 100% !important;
  float      : none !important;
  column-span: none !important;
}
/* Chaque avis */
.woocommerce #reviews #comments ol.commentlist li {
  padding      : 18px 0 !important;
  border-bottom: 1px solid var(--als-border) !important;
}
.woocommerce #reviews #comments ol.commentlist li:last-child { border-bottom: none !important; }

/* Layout flex sur le conteneur WooCommerce */
.woocommerce #reviews #comments ol.commentlist li .comment_container {
  display    : flex !important;
  gap        : 14px !important;
  align-items: flex-start !important;
  position   : relative !important;
}

/* Avatar — sortir du flux absolu WC */
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  position     : static !important;
  width        : 48px !important;
  height       : 48px !important;
  min-width    : 48px !important;
  max-width    : 48px !important;
  border-radius: 50% !important;
  object-fit   : cover !important;
  margin       : 4px 0 0 0 !important;
  flex-shrink  : 0 !important;
  float        : none !important;
}

/* Contenu de l'avis — prend l'espace restant */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  flex     : 1 1 0 !important;
  min-width: 0 !important;
  border   : none !important;
  padding  : 0 !important;
  margin   : 0 !important;
  position : static !important;
}
.woocommerce #reviews #comments ol.commentlist li .star-rating {
  font-size: 13px !important;
  margin   : 0 0 4px !important;
}
.woocommerce #reviews #comments ol.commentlist li p.meta {
  font-size: 12px !important;
  color    : #aaa !important;
  margin   : 0 0 6px !important;
  line-height: 1.4 !important;
}
.woocommerce #reviews #comments ol.commentlist li p.meta strong {
  color      : var(--als-text) !important;
  font-weight: 600 !important;
}
.woocommerce #reviews #comments ol.commentlist li .description p {
  font-size  : 14px !important;
  line-height: 1.65 !important;
  color      : #555 !important;
  margin     : 0 !important;
}

/* Formulaire avis */
.woocommerce #review_form #respond {
  margin-top: 32px;
  padding   : 28px;
  background: var(--als-bg-soft);
  border-radius: var(--als-radius);
  border    : 1px solid var(--als-border);
}
.woocommerce #review_form #respond .comment-reply-title {
  font-size: 16px; font-weight: 700; margin: 0 0 20px; color: var(--als-text);
}
.woocommerce #review_form #respond input,
.woocommerce #review_form #respond textarea {
  border       : 1px solid var(--als-border) !important;
  border-radius: 6px !important;
  padding      : 10px 14px !important;
  font-size    : 14px !important;
  transition   : border-color .15s, box-shadow .15s !important;
}
.woocommerce #review_form #respond input:focus,
.woocommerce #review_form #respond textarea:focus {
  border-color: var(--als-accent) !important;
  box-shadow  : 0 0 0 3px rgba(122,158,60,.12) !important;
  outline     : none !important;
}
.woocommerce #review_form #respond .form-submit input[type=submit] {
  background   : var(--als-accent) !important;
  color        : #fff !important;
  border       : none !important;
  border-radius: 6px !important;
  padding      : 11px 24px !important;
  font-weight  : 600 !important;
  cursor       : pointer !important;
  transition   : background .2s !important;
}
.woocommerce #review_form #respond .form-submit input[type=submit]:hover {
  background: var(--als-accent-dark) !important;
}

/* ══════════════════════════════════════════════════════════
   6. PRODUITS ASSOCIÉS
   ══════════════════════════════════════════════════════════ */
.woocommerce .related.products,
.woocommerce .upsells.products {
  margin-top : 60px;
  padding-top: 40px;
  border-top : 1px solid var(--als-border);
}
.woocommerce .related.products h2,
.woocommerce .upsells.products h2 {
  font-size    : 1.3rem !important;
  font-weight  : 700 !important;
  color        : var(--als-text) !important;
  margin       : 0 0 28px !important;
  padding-left : 12px !important;
  border-left  : 4px solid var(--als-accent) !important;
}

/* ══════════════════════════════════════════════════════════
   7. STOCK
   ══════════════════════════════════════════════════════════ */
.woocommerce div.product .stock {
  font-size    : 12px;
  font-weight  : 600;
  padding      : 5px 12px;
  border-radius: 20px;
  display      : inline-flex;
  align-items  : center;
  gap          : 5px;
  margin-bottom: 16px;
}
.woocommerce div.product .in-stock  { background: #eaf3de; color: #3B6D11; }
.woocommerce div.product .out-of-stock { background: #fdf0ee; color: #c0392b; }

/* ══════════════════════════════════════════════════════════
   8. MOBILE
   ══════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .woocommerce div.product div.clearfix {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .woocommerce div.product div.images {
    position: relative !important;
    top     : 0 !important;
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__image img {
    height: 300px !important;
  }
  .woocommerce div.product h1.product_title { font-size: 1.4rem !important; }
  .woocommerce div.product form.cart { flex-direction: column; align-items: stretch; }
  .woocommerce div.product .quantity { width: 100%; justify-content: center; }
  .woocommerce div.product button.single_add_to_cart_button { text-align: center !important; }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 14px !important; font-size: 12px !important; }
  .als-product-badges { gap: 12px; }
}

@media (max-width: 480px) {
  .woocommerce div.product div.images .woocommerce-product-gallery__image img { height: 240px !important; }
  .woocommerce div.product p.price,
  .woocommerce div.product span.price { font-size: 1.6rem !important; }
}

/* ══════════════════════════════════════════════════════════════
   BOUTONS DE PARTAGE
══════════════════════════════════════════════════════════════ */
.als-share-wrap {
    display    : flex;
    align-items: center;
    gap        : 8px;
    margin-top : 20px;
    flex-wrap  : wrap;
}
.als-share-label {
    font-size  : 13px;
    color      : #888;
    font-weight: 500;
    margin-right: 4px;
}
.als-share-btn {
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : 36px;
    height         : 36px;
    border-radius  : 50%;
    background     : #f0f0f0;
    color          : #444;
    transition     : background .2s, color .2s, transform .15s;
    text-decoration: none;
}
.als-share-btn svg { width: 18px; height: 18px; }
.als-share-btn:hover { transform: translateY(-2px); color: #fff; }
.als-share-facebook:hover  { background: #1877f2; }
.als-share-twitter:hover   { background: #000; }
.als-share-pinterest:hover { background: #e60023; }
.als-share-whatsapp:hover  { background: #25d366; }
.als-share-email:hover     { background: var(--als-accent, #00ABB2); }

/* Bouton "Voir les options" — produits liés/similaires */
.woocommerce .related ul.products li.product a.button,
.woocommerce .upsells ul.products li.product a.button,
.woocommerce .related ul.products li.product .abc-atc-btn--options,
.woocommerce .upsells ul.products li.product .abc-atc-btn--options {
    display       : block !important;
    width         : 100% !important;
    padding       : 10px 14px !important;
    border-radius : 6px !important;
    font-size     : 13px !important;
    font-weight   : 600 !important;
    text-align    : center !important;
    text-decoration: none !important;
    transition    : background .2s, color .2s !important;
    background    : var(--als-accent, #00ABB2) !important;
    color         : #fff !important;
    border        : none !important;
    cursor        : pointer !important;
    box-sizing    : border-box !important;
}
.woocommerce .related ul.products li.product a.button:hover,
.woocommerce .upsells ul.products li.product a.button:hover,
.woocommerce .related ul.products li.product .abc-atc-btn--options:hover,
.woocommerce .upsells ul.products li.product .abc-atc-btn--options:hover {
    background : var(--als-accent-dark, #009aa6) !important;
    color      : #fff !important;
}

/* Fil d'Ariane fiche produit */
.als-single-breadcrumb {
    margin-bottom: 12px;
}
.als-single-breadcrumb .woocommerce-breadcrumb {
    font-size  : 13px !important;
    color      : #999 !important;
    display    : block !important;
}
.als-single-breadcrumb .woocommerce-breadcrumb a {
    color      : #999 !important;
    text-decoration: none !important;
}
.als-single-breadcrumb .woocommerce-breadcrumb a:hover {
    color: var(--als-accent, #00ABB2) !important;
}

/* Réduction espaces blancs fiche produit */
body.single-product #main-content {
    padding-top: 0 !important;
}
body.single-product #left-area {
    padding-top: 0 !important;
}
.woocommerce div.product div.summary .product_title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.woocommerce-breadcrumb {
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
}