/*
===============================================
🧱 BASE.CSS — Vetrineshop
Reset, tipografia e regole generali
Aggiornato per uniformare H1–H6 con variabili globali
===============================================
*/

/* 🔁 Reset base */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 🖋 Tipografia base */
body {
  font-family: var(--font-base);
  font-size: var(--font-size-base);
  color: var(--color-text);
  background-color: #fff;
  line-height: 1.6;
}

/* 🖋 Intestazioni uniformate con variabili */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--heading-color);
  margin-bottom: var(--heading-mb);
  font-weight: var(--heading-weight-semibold);
}

h1 {
  font-size: var(--h1-size);
  line-height: var(--h1-lh);
}
h2 {
  font-size: var(--h2-size);
  line-height: var(--h2-lh);
}
h3 {
  font-size: var(--h3-size);
  line-height: var(--h3-lh);
}
h4 {
  font-size: var(--h4-size);
  line-height: var(--h4-lh);
}
h5 {
  font-size: var(--h5-size);
  line-height: var(--h5-lh);
}
h6 {
  font-size: var(--h6-size);
  line-height: var(--h6-lh);
}

/* 🖋 Paragrafi */
p {
  margin-bottom: 1.2em;
}

/* 🖋 Link — pubblico (definitivo) */
a{
  color: var(--color-text);
  text-decoration: none;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
  text-decoration-color: rgba(15, 23, 42, .25);
  text-underline-offset: 3px;
}

a:hover{
  color: #000;
  text-decoration: underline;
}

/* Sezioni interne: niente padding orizzontale aggiuntivo */
.section,
.mag-archive-two-col,
.mag-archive-hero-list,
.mag-fascione--1,
.mag-fascione--2,
.mag-fascione--3,
.mag-fascione--4{
  padding-left: 0;
  padding-right: 0;
}

.sr-only{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
/* =====================================================
   GLOBAL — smooth scroll UX
   ===================================================== */
html{
  scroll-behavior: smooth;
}