/* ===========================================================
   md-archive.css — Sword Canada · archives produit (shop + catégories)
   Dark éditorial cohérent avec la page produit.
   Dépend de md-page.css (variables + header + body bg).
   Appliqué via body.sc-dark-archive.
   =========================================================== */

/* =========================================================
   HEADER page (titre "Shop" / "Catégorie: X")
   ========================================================= */
body.sc-dark-archive .woocommerce-products-header,
body.sc-dark-archive .ast-archive-description,
body.sc-dark-archive .page-header,
body.sc-dark-archive .entry-header{
  text-align:center;padding:64px 24px 24px;background:var(--md-bg);
  border-bottom:1px solid var(--md-border);margin:0
}
body.sc-dark-archive .woocommerce-products-header__title,
body.sc-dark-archive .page-title,
body.sc-dark-archive .entry-title,
body.sc-dark-archive h1.page-title{
  font-family:var(--md-font-display)!important;font-weight:500!important;
  font-size:clamp(2rem,3.4vw,3rem)!important;color:#e8e2d3!important;
  letter-spacing:.01em;margin:0;line-height:1.15
}
body.sc-dark-archive .woocommerce-products-header::after,
body.sc-dark-archive .entry-header::after{
  content:'';display:block;width:72px;height:1px;
  background:var(--md-accent);margin:20px auto 0
}
body.sc-dark-archive .term-description,
body.sc-dark-archive .ast-archive-description p{
  color:var(--md-text-dim);font-family:var(--md-font-body);font-style:italic;
  font-size:1.05em;margin:18px auto 0;max-width:640px;line-height:1.55
}

/* =========================================================
   Topbar WooCommerce : count + ordering
   ========================================================= */
body.sc-dark-archive .woocommerce-notices-wrapper{display:none!important;height:0!important;padding:0!important;margin:0!important}

body.sc-dark-archive .woocommerce-result-count{
  color:var(--md-text-dim)!important;font-family:var(--md-font-body)!important;
  font-style:italic;font-size:.98em;margin:28px 0 0
}

body.sc-dark-archive .woocommerce-ordering{margin:28px 0 0}
body.sc-dark-archive .woocommerce-ordering select{
  color:var(--md-text)!important;
  border:1px solid var(--md-border)!important;
  padding:10px 36px 10px 14px;font-family:var(--md-font-body)!important;font-size:.95em;
  border-radius:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-color:var(--md-bg-alt)!important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23c9a048' d='M8 11L3 6h10z'/></svg>")!important;
  background-repeat:no-repeat!important;
  background-position:right 10px center!important;
  background-size:12px auto!important
}
body.sc-dark-archive .woocommerce-ordering select:focus{outline:none;border-color:var(--md-accent)!important}

/* =========================================================
   Grille produits
   ========================================================= */
body.sc-dark-archive .woocommerce,
body.sc-dark-archive main#main{padding:24px 32px 64px!important;max-width:1440px!important;margin:0 auto!important}

body.sc-dark-archive ul.products{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;
  gap:24px;list-style:none;padding:0!important;margin:36px 0!important
}
@media (max-width:1100px){body.sc-dark-archive ul.products{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:750px){
  body.sc-dark-archive ul.products{grid-template-columns:repeat(2,1fr)!important;gap:6px}
  body.sc-dark-archive main#main{padding:12px 0 40px!important}
  /* Kill TOUS les paddings/margins latéraux des wrappers entre body et ul.products pour gagner la largeur max */
  body.sc-dark-archive .ast-container,
  body.sc-dark-archive #primary,
  body.sc-dark-archive .site-content,
  body.sc-dark-archive .ast-woocommerce-container,
  body.sc-dark-archive .entry-content,
  body.sc-dark-archive .sc-collection-page,
  body.sc-dark-archive .woocommerce,
  body.sc-dark-archive .woocommerce-products-header{
    padding-left:0!important;padding-right:0!important;
    margin-left:0!important;margin-right:0!important;
    max-width:none!important
  }
  /* Hero de la page collection (titre "Épées Forgées" etc.) garde un padding visuel */
  body.sc-dark-archive .sc-thematic-hero{padding:24px 16px 12px!important}
  body.sc-dark-archive ul.products li.product .astra-shop-summary-wrap{padding:10px 8px 12px}
  body.sc-dark-archive ul.products li.product h2,
  body.sc-dark-archive ul.products li.product .woocommerce-loop-product__title{
    font-size:13px!important;font-weight:500!important;line-height:1.3;
    min-height:0!important;margin:0 0 6px!important;letter-spacing:0!important
  }
  body.sc-dark-archive ul.products li.product .sc-loop-excerpt{
    font-size:13px!important;line-height:1.4;margin:0 0 8px;
    display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;
    white-space:normal;overflow:hidden;text-overflow:ellipsis
  }
  body.sc-dark-archive ul.products li.product .price,
  body.sc-dark-archive ul.products li.product .price *,
  body.sc-dark-archive ul.products li.product .price bdi{font-size:17px!important}
  body.sc-dark-archive ul.products li.product .price{margin:0 0 10px!important;font-weight:700!important}
  body.sc-dark-archive ul.products li.product .button{
    padding:10px 6px!important;font-size:12px!important;letter-spacing:.06em!important
  }
  body.sc-dark-archive ul.products li.product .button::before,
  body.sc-dark-archive ul.products li.product .button::after{width:7px;height:7px}
  body.sc-dark-archive ul.products li.product .button:hover::before,
  body.sc-dark-archive ul.products li.product .button:hover::after{width:10px;height:10px}
}

body.sc-dark-archive ul.products li.product,
body.sc-dark-archive ul.products li.product.type-product{
  width:100%!important;max-width:none!important;margin:0!important;
  background:var(--md-bg-alt);border:1px solid var(--md-border);
  padding:0!important;border-radius:2px;transition:all .25s;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  text-align:center;overflow:hidden
}
body.sc-dark-archive ul.products li.product .astra-shop-thumbnail-wrap{padding:0!important;margin:0!important;display:block}
body.sc-dark-archive ul.products li.product .astra-shop-summary-wrap{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
body.sc-dark-archive ul.products li.product:hover{
  border-color:var(--md-accent);transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 0 1px rgba(201,160,72,.2) inset
}

/* Cache le sale flash natif */
body.sc-dark-archive ul.products li.product .onsale,
body.sc-dark-archive ul.products span.onsale{display:none!important}

/* Cache le bouton cart-icon qu'Astra ajoute SUR l'image des cards produit.
   IMPORTANT : scoper à ul.products li.product pour ne PAS toucher le burger mobile
   (.ast-icon / .ahfb-svg-iconset existent aussi dans le header). */
body.sc-dark-archive ul.products li.product .ast-on-card-button,
body.sc-dark-archive ul.products li.product .ast-select-options-trigger,
body.sc-dark-archive ul.products li.product .ast-icon,
body.sc-dark-archive ul.products li.product .ast-icon.icon-bag,
body.sc-dark-archive ul.products li.product .ast-card-action-tooltip,
body.sc-dark-archive ul.products li.product .ahfb-svg-iconset,
body.sc-dark-archive ul.products li.product .astra-shop-thumbnail-wrap > a:not(.woocommerce-LoopProduct-link):not(.woocommerce-loop-product__link){
  display:none!important;visibility:hidden!important;
  width:0!important;height:0!important;padding:0!important;margin:0!important;
  border:0!important;outline:0!important;pointer-events:none!important
}

/* Kill tout border/outline sur les wrappers d'Astra dans la card */
body.sc-dark-archive .astra-shop-thumbnail-wrap,
body.sc-dark-archive .astra-shop-thumbnail-wrap *,
body.sc-dark-archive .astra-shop-summary-wrap,
body.sc-dark-archive .astra-shop-summary-wrap > a.ast-loop-product__link{
  border:0!important;outline:0!important;box-shadow:none!important
}

/* Image produit : full-width de la card, aspect 1:1 */
body.sc-dark-archive ul.products li.product a{text-decoration:none;display:block}
body.sc-dark-archive ul.products li.product .woocommerce-LoopProduct-link,
body.sc-dark-archive ul.products li.product .woocommerce-loop-product__link{display:block;line-height:0}
body.sc-dark-archive ul.products li.product img{
  width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;
  background:#000;border-radius:0;margin:0
}

/* Titre */
body.sc-dark-archive ul.products li.product h2,
body.sc-dark-archive ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--md-font-display)!important;font-weight:500!important;
  font-size:1.1em!important;color:#e8e2d3!important;letter-spacing:.005em;
  padding:0!important;margin:0 0 10px!important;line-height:1.3;min-height:2.8em
}

/* Excerpt court (description) sous le titre */
body.sc-dark-archive ul.products li.product .sc-loop-excerpt{
  color:var(--md-text-dim);font-family:var(--md-font-body);font-style:italic;
  font-size:1.05em;line-height:1.5;margin:0 0 14px;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}

/* Prix */
body.sc-dark-archive ul.products li.product .price,
body.sc-dark-archive ul.products li.product .price *,
body.sc-dark-archive ul.products li.product .price bdi,
body.sc-dark-archive ul.products li.product .woocommerce-Price-amount,
body.sc-dark-archive ul.products li.product .woocommerce-Price-currencySymbol{color:var(--md-accent)!important}
body.sc-dark-archive ul.products li.product .price{
  font-family:var(--md-font-display)!important;font-size:1.3em;font-weight:700;
  margin:0 0 14px;line-height:1;text-align:center
}
body.sc-dark-archive ul.products li.product .price del,
body.sc-dark-archive ul.products li.product .price del *,
body.sc-dark-archive ul.products li.product .price del bdi{
  color:var(--md-text-mute)!important;font-size:.7em;font-weight:400;
  margin-right:6px;opacity:.7
}
body.sc-dark-archive ul.products li.product .price ins,
body.sc-dark-archive ul.products li.product .price ins *,
body.sc-dark-archive ul.products li.product .price ins bdi{
  background:transparent!important;color:var(--md-accent)!important;
  text-decoration:none;font-weight:700
}

/* Bouton "Ajouter au panier" — outline premium avec coins verts */
body.sc-dark-archive ul.products li.product .button,
body.sc-dark-archive ul.products li.product a.button,
body.sc-dark-archive ul.products li.product .add_to_cart_button{
  position:relative;
  background:transparent!important;color:#e8e2d3!important;
  font-family:var(--md-font-body)!important;font-size:.85em;letter-spacing:.16em;text-transform:uppercase;
  padding:12px 18px!important;
  border:1px solid rgba(201,191,171,.4)!important;border-radius:0;
  cursor:pointer;transition:all .25s ease;font-weight:700;
  display:inline-block!important;margin:auto 0 0;width:100%
}
body.sc-dark-archive ul.products li.product .button::before{
  content:'';position:absolute;left:-1px;bottom:-1px;
  width:12px;height:12px;
  border-left:2px solid var(--md-cta);border-bottom:2px solid var(--md-cta);
  transition:all .25s ease
}
body.sc-dark-archive ul.products li.product .button::after{
  content:'';position:absolute;right:-1px;top:-1px;
  width:12px;height:12px;
  border-right:2px solid var(--md-cta);border-top:2px solid var(--md-cta);
  transition:all .25s ease
}
body.sc-dark-archive ul.products li.product .button:hover{
  background:rgba(201,160,72,.08)!important;color:var(--md-accent)!important;
  border-color:var(--md-accent)!important
}
body.sc-dark-archive ul.products li.product .button:hover::before,
body.sc-dark-archive ul.products li.product .button:hover::after{
  border-color:var(--md-cta-bright);width:16px;height:16px
}
body.sc-dark-archive ul.products li.product .button.added{color:var(--md-accent)!important;border-color:var(--md-accent)!important}
body.sc-dark-archive ul.products li.product .added_to_cart{
  display:block;margin-top:8px;color:var(--md-text-dim)!important;
  font-family:var(--md-font-body)!important;font-style:italic;font-size:.85em;text-decoration:underline
}

/* Rating étoiles */
body.sc-dark-archive ul.products li.product .star-rating{
  color:var(--md-accent)!important;margin:0 auto 10px;font-size:.9em
}

/* =========================================================
   Pagination
   ========================================================= */
body.sc-dark-archive .woocommerce-pagination{text-align:center;margin:48px 0 0}
body.sc-dark-archive .woocommerce-pagination ul{display:inline-flex;gap:4px;list-style:none;padding:0;margin:0;border:0!important}
body.sc-dark-archive .woocommerce-pagination ul li{display:block;border:0!important;background:transparent!important}
body.sc-dark-archive .woocommerce-pagination ul li a,
body.sc-dark-archive .woocommerce-pagination ul li span{
  display:inline-block;padding:10px 16px;
  font-family:var(--md-font-body)!important;font-size:.95em;
  color:var(--md-text)!important;background:var(--md-bg-alt)!important;
  border:1px solid var(--md-border)!important;border-radius:0;
  text-decoration:none;transition:all .2s
}
body.sc-dark-archive .woocommerce-pagination ul li a:hover,
body.sc-dark-archive .woocommerce-pagination ul li span.current{
  color:var(--md-accent)!important;border-color:var(--md-accent)!important
}

/* ============= SEO description en bas des pages collection ============= */
body.sc-dark-archive .sc-collection-seo{
  max-width:1200px;margin:60px auto 30px;padding:40px 4vw 30px;
  border-top:1px solid rgba(201,160,72,.18);
  text-align:center
}
body.sc-dark-archive .sc-collection-seo-inner{max-width:920px;margin:0 auto;text-align:left}
body.sc-dark-archive .sc-collection-seo-title{
  font-family:'Playfair Display',Georgia,serif!important;
  font-style:italic!important;font-weight:500!important;
  color:var(--md-title)!important;
  font-size:clamp(1.5em,2.6vw,2em)!important;
  text-align:center;margin:0 0 6px;letter-spacing:.01em
}
body.sc-dark-archive .sc-collection-seo .sc-gold-divider{
  width:60px;height:1px;border:0;background:#c9a048;
  margin:14px auto 24px;opacity:.7
}
body.sc-dark-archive .sc-collection-seo p{
  color:var(--md-text);font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.05em;line-height:1.7;margin:0 0 14px
}
body.sc-dark-archive .sc-collection-seo p:last-child{margin-bottom:0}
@media (max-width:700px){
  body.sc-dark-archive .sc-collection-seo{padding:30px 4vw 20px;margin:40px auto 20px}
  body.sc-dark-archive .sc-collection-seo p{font-size:1em}
}

/* ============= Grille de sous-collections (Costume Femme/Homme) ============= */
body.sc-dark-archive .sc-subcat-grid{
  max-width:1200px;margin:30px auto 50px;padding:0 4vw
}
body.sc-dark-archive .sc-subcat-inner{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px
}
@media (max-width:900px){
  body.sc-dark-archive .sc-subcat-inner{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (max-width:560px){
  body.sc-dark-archive .sc-subcat-inner{grid-template-columns:1fr;gap:14px}
}
body.sc-dark-archive .sc-subcat-card{
  position:relative;display:block;
  aspect-ratio:4/5;
  background:#000;overflow:hidden;text-decoration:none;
  border:1px solid rgba(201,160,72,.18);
  transition:border-color .3s,transform .3s
}
body.sc-dark-archive .sc-subcat-card:hover{
  border-color:#c9a048;transform:translateY(-3px)
}
body.sc-dark-archive .sc-subcat-img{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transition:transform .5s ease
}
body.sc-dark-archive .sc-subcat-card:hover .sc-subcat-img{transform:scale(1.05)}
body.sc-dark-archive .sc-subcat-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(10,10,10,0) 35%,rgba(10,10,10,.85) 100%)
}
body.sc-dark-archive .sc-subcat-info{
  position:absolute;bottom:0;left:0;right:0;
  padding:18px 18px 20px;
  text-align:center;z-index:2
}
body.sc-dark-archive .sc-subcat-name{
  display:block;
  font-family:'Playfair Display',Georgia,serif!important;
  font-style:italic;font-weight:500;
  color:#e8e2d3;font-size:1.35em;letter-spacing:.02em;
  margin:0 0 4px;line-height:1.2
}
body.sc-dark-archive .sc-subcat-count{
  display:block;
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
  color:#c9a048;font-size:.92em;letter-spacing:.05em
}