/* ==========================================================================
   Percorso: /wp-content/themes/snapbrainy-website/assets/css/sb-archive.css
   Nome file: sb-archive.css
   SnapBrainy — Archive (premium, conversion-first)
   OBIETTIVO: SOLO stili specifici di layout e formattazione dell'header/griglia d'archivio.
   Gli stili visuali della card e dei pulsanti sono in style.css.
   ========================================================================== */

/* ------------------------------
   Variabili minime
------------------------------ */
:root{
  --sb-dock-h: 64px;                /* padding inferiore mobile per dock/chips */
  --sb-card-radius: 16px;
  --sb-card-radius-md: 18px;
  --sb-glass-bd: rgba(255,255,255,.10);
  --sb-glass-bd-strong: rgba(255,255,255,.14);
}

/* ------------------------------
   Wrapper pagina (per il padding inferiore sul mobile)
   Ereditiamo il padding bottom per l'eventuale dock mobile dall'archive js
------------------------------ */
body.sb-archive-ready{
  /* Spazio inferiore per il dock/scroll non gestito dal tema principale */
  padding-bottom: calc(var(--sb-dock-h) + env(safe-area-inset-bottom, 0px));
}
.sb-wrap{ max-width:1200px; margin:0 auto; padding:0 16px; }
@media (min-width: 768px){ .sb-wrap{ padding:0 28px; } }


/* ------------------------------
   ARCHIVE HEADER (Header specifico Categoria/Tag)
------------------------------ */
.sb-archive-ready .woocommerce-products-header{
    padding-top: 24px;
    padding-bottom: 8px;
    text-align: center;
}
.sb-archive-ready .woocommerce-products-header h1.page-title,
.sb-archive-ready .woocommerce-products-header h2.sb-archive-title{
    margin: 0 0 10px;
    font-size:clamp(1.8rem, 3vw, 2.4rem);
    line-height:1.2;
    font-weight:900;
}
.sb-archive-ready .woocommerce-products-header p{
    font-size:1.05rem;
    font-weight:600;
    margin-bottom: 24px;
}


/* ------------------------------
   CARD prodotto — Ritocchi di layout d'Archivio (CSS specifico)
------------------------------ */

/* 1. Rimuovi padding/margin nativi dal LI (usiamo il wrapper interno per il padding) */
.sb-archive-ready ul.products li.product.sb-card--home-light {
    padding: 0 !important; 
    margin: 0 !important;
}

/* 2. Applica il padding interno al wrapper */
.sb-archive-ready ul.products li.entry.product > .sb-archive-card-wrapper{
  display:block !important;
  /* Spaziatura interna della card originale di Home/Archive */
  padding: 12px 12px 14px !important; 
  margin:0 !important;
  width:100% !important;
}

/* FIX CRITICO: Forza il pulsante ad essere un elemento blocco/flex-container in modo che lo sfondo giallo si estenda correttamente */
a.sb-card__cta {
  display: flex !important; 
  align-items: center !important; 
  justify-content: center !important;
}

/* ------------------------------
   Footnote Trust (sezione chiara)
   (Mantenuto perché sembra essere parte di un blocco Archive non incluso)
------------------------------ */
.sb-archive-footnote{
  padding:16px 0 28px;
  background:linear-gradient(180deg,rgba(255,255,255,.82) 0%, #FFFFFF 60%);
  border-top:1px solid rgba(18,27,45,.14); margin-top:14px;
}
.sb-foot-list{ display:flex; gap:10px; flex-wrap:wrap; padding:0; margin:0; list-style:none; }
.sb-foot-item{
  display:inline-flex; align-items:center; gap:8px;
  background:#FFFFFF; border:1px solid rgba(18,27,45,.14);
  padding:.55rem .8rem; border-radius:999px;
  font-weight:900; color:#0B0F19;
  box-shadow:0 6px 18px rgba(11,15,25,.10);
}

/* ------------------------------
   Accessibilità focus
------------------------------ */
.sb-archive-toolbar :is(button,.sb-chip):focus-visible,
.sb-archive-hero a:focus-visible,
.sb-category-item:focus-visible,
.sb-archive__cta:focus-visible,
.sb-archive__preview:focus-visible{
  outline:3px solid rgba(253,184,19,.55);
  outline-offset:2px; border-radius:12px;
}

/* ------------------------------
   Micro-responsività fine
------------------------------ */
@media (max-width: 380px){
  /* Spostati in style.css */
}


/* ——— Woo archive: rimozione elementi nativi per inserimento card custom ——— */
/* Questi selettori sono necessari per nascondere gli elementi nativi di Woo */
.sb-archive-ready ul.products li.entry.product > .product-details,
.sb-archive-ready ul.products li.entry.product > .product-details > .product-action-wrap{
  display: contents !important;
}
.sb-archive-ready ul.products li.entry.product > a.woocommerce-loop-image-link,
.sb-archive-ready ul.products li.entry.product > .product-details > h2,
.sb-archive-ready ul.products li.entry.product > .product-details > .product-action-wrap > a.added_to_cart{
  display: none !important;
}