/* Mia Italia 2027 shared interface layer — La Piccola first implementation */
:root{
  --mia-ink:#171113;
  --mia-ink-strong:#0f0b0c;
  --mia-paper:#f7f3ed;
  --mia-cream:#efe6d9;
  --mia-gold:#f2cf7e;
  --mia-gold-hover:#ffe19a;
  --mia-soft:#fffaf2;
  --mia-line:rgba(23,17,19,.16);
  --mia-focus:#171113;
  --mia-radius-pill:999px;
}

/* Universal action rule: button labels/icons are darker than their fills. */
.btn,
button:not(.skip),
input[type="submit"],
input[type="button"],
.lp-photo-buy,
.lp-photo-read,
.lp-premium-buy,
.lp-premium-secondary,
.lp-master-buy,
.lp-master-read,
.catalog-buy-actions a,
.ese-card-actions a,
[data-mailto]{
  -webkit-tap-highlight-color:transparent;
}

.btn,
.btn.primary,
.btn.secondary,
.btn.light,
.btn.ghost-light,
input[type="submit"],
input[type="button"]{
  background:var(--mia-gold)!important;
  color:var(--mia-ink-strong)!important;
  border-color:rgba(23,17,19,.14)!important;
  font-weight:900;
}
.btn:hover,
.btn.primary:hover,
.btn.secondary:hover,
.btn.light:hover,
.btn.ghost-light:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
  background:var(--mia-gold-hover)!important;
  color:#090708!important;
}

/* Secondary actions stay light, never dark with white labels. */
.actions .btn.secondary,
.actions .btn.light,
.catalog-buy-actions .btn.secondary,
.ese-card-actions .btn.secondary{
  background:var(--mia-soft)!important;
  color:var(--mia-ink)!important;
}

/* Header + language controls */
.hamb{
  background:var(--mia-soft)!important;
  color:var(--mia-ink)!important;
}
.lang-switch a.active{
  background:var(--mia-soft)!important;
  color:var(--mia-ink)!important;
}
.nav-cta{
  background:var(--mia-gold)!important;
  color:var(--mia-ink-strong)!important;
}

/* Photo showcase: every clickable control gets a light fill + dark label/icon. */
.lp-photo-tabs button{
  background:rgba(255,250,242,.90)!important;
  color:#211517!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.lp-photo-tabs button:hover{background:#fffaf2!important;color:#0f0b0c!important}
.lp-photo-tabs button.is-active{
  background:var(--mia-gold)!important;
  color:#1a100b!important;
}
.lp-photo-buy{
  background:var(--mia-gold)!important;
  color:#1b120d!important;
}
.lp-photo-buy:hover{background:var(--mia-gold-hover)!important;color:#090708!important}
.lp-photo-read{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 18px;
  border:1px solid rgba(23,17,19,.12);
  border-radius:var(--mia-radius-pill);
  background:rgba(255,250,242,.94)!important;
  color:#191012!important;
}
.lp-photo-read:hover{background:#fff!important;color:#090708!important}
.lp-photo-controls button,
.lp-premium-controls button,
.lp-master-controls button{
  background:var(--mia-soft)!important;
  color:var(--mia-ink)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.lp-photo-controls button:hover,
.lp-premium-controls button:hover,
.lp-master-controls button:hover{
  background:var(--mia-gold-hover)!important;
  color:#090708!important;
}
.lp-premium-tabs button,
.lp-master-tabs button{
  background:rgba(255,250,242,.90)!important;
  color:#211517!important;
}
.lp-premium-tabs button.is-active,
.lp-master-tabs button.is-active{
  background:var(--mia-gold)!important;
  color:#1a100b!important;
}
.lp-premium-buy,.lp-master-buy{
  background:var(--mia-gold)!important;
  color:#1b120d!important;
}
.lp-premium-secondary,.lp-master-read{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 17px;
  border-radius:var(--mia-radius-pill);
  background:var(--mia-soft)!important;
  color:var(--mia-ink)!important;
}

/* Forms */
form button[type="submit"],
form button[data-mailto]{
  background:var(--mia-gold)!important;
  color:var(--mia-ink-strong)!important;
}

/* Keyboard accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--mia-gold);
  outline-offset:3px;
}

/* 2027 mobile density: faster scan, less vertical waste. */
@media(max-width:620px){
  .container{width:min(100% - 26px,var(--max))}
  .section{padding:68px 0}
  .utility .container{min-height:32px;font-size:.66rem}
  .nav-inner{min-height:70px;gap:10px}
  .brand{min-width:0;gap:9px}
  .brand img{width:100px;height:32px}
  .brand>span{font-size:.80rem}
  .brand small{display:none}
  .nav-actions .nav-cta{display:none}

  .lp-photo-showcase{padding:12px 0 28px}
  .lp-photo-panel{min-height:760px!important;border-radius:22px}
  .lp-photo-top{top:12px;left:12px;right:12px;gap:8px}
  .lp-photo-brand{display:none}
  .lp-photo-tabs{width:100%!important;max-width:none;grid-template-columns:1fr 1fr!important}
  .lp-photo-tabs button{padding:8px 10px!important;text-align:center!important}
  .lp-photo-tabs button span{font-size:.64rem!important}
  .lp-photo-tabs button small{font-size:.52rem!important}

  .lp-photo-slide.is-active{padding:72px 14px 70px!important;gap:4px!important}
  .lp-photo-product{min-height:248px!important}
  .lp-photo-product img{height:205px!important;width:82%!important}
  .lp-photo-price{right:0!important;bottom:0!important;width:min(220px,78%)!important;padding:10px 12px!important}
  .lp-photo-price small{font-size:.68rem!important}
  .lp-photo-price strong{font-size:1rem!important;margin:5px 0 3px!important}
  .lp-photo-price em{font-size:.56rem!important}
  .lp-photo-copy h2{font-size:clamp(2rem,10.2vw,3rem)!important;margin-bottom:12px!important}
  .lp-photo-copy>p{font-size:.88rem!important;line-height:1.48!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .lp-photo-counter{margin-bottom:10px!important}
  .lp-photo-kicker{margin-bottom:8px!important}
  .lp-photo-facts{margin:12px 0 14px!important;gap:6px!important}
  .lp-photo-facts span{font-size:.58rem!important;padding:5px 8px!important}
  .lp-photo-facts span:nth-child(n+3){display:none}
  .lp-photo-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .lp-photo-buy,.lp-photo-read{width:100%!important;min-height:42px!important;padding:9px 10px!important;font-size:.62rem!important}
  .lp-photo-note{display:none!important}
  .lp-photo-dots{left:14px!important;right:118px!important;bottom:20px!important}
  .lp-photo-footer{padding:10px 11px!important}
  .lp-photo-controls button{width:34px!important;height:34px!important}

  /* Larger tap targets everywhere */
  .btn,button,a.lp-photo-buy,a.lp-photo-read{min-height:44px}
}

@media(max-width:390px){
  .lp-photo-panel{min-height:735px!important}
  .lp-photo-actions{grid-template-columns:1fr!important}
  .lp-photo-buy,.lp-photo-read{min-height:40px!important}
  .lp-photo-facts span:nth-child(n+2){display:none}
}

/* Remaining text-bearing controls audited across the current codebase. */
.filter,
.ese-more-button,
.ese-modal-close{
  background:var(--mia-soft)!important;
  color:var(--mia-ink)!important;
  border-color:var(--mia-line)!important;
}
.filter.active,
.filter:hover,
.ese-more-button:hover,
.ese-modal-close:hover{
  background:var(--mia-gold)!important;
  color:var(--mia-ink-strong)!important;
}


/* === MIA ITALIA 2027 · SEO + multilingual navigation layer v2 === */
.seo-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.seo-breadcrumbs{background:#f7f3f1;border-bottom:1px solid rgba(35,20,24,.09);color:#3a282d}
.seo-breadcrumbs .container{padding-top:10px;padding-bottom:10px}
.seo-breadcrumbs ol{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0;white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-size:12px;letter-spacing:.015em}
.seo-breadcrumbs ol::-webkit-scrollbar{display:none}
.seo-breadcrumbs li{display:flex;align-items:center;gap:8px}
.seo-breadcrumbs li:not(:last-child)::after{content:"/";opacity:.35}
.seo-breadcrumbs a{color:#5b4148;text-decoration:none;font-weight:650}
.seo-breadcrumbs a:hover,.seo-breadcrumbs a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.seo-breadcrumbs [aria-current="page"]{color:#211217;font-weight:750}
@media(max-width:700px){.seo-breadcrumbs .container{padding-top:9px;padding-bottom:9px}.seo-breadcrumbs ol{font-size:11px;gap:7px}.seo-breadcrumbs li{gap:7px}}

.ese-card[id]{scroll-margin-top:110px}
@media(max-width:700px){.ese-card[id]{scroll-margin-top:88px}}