/* ============================================================
   RISERVATI SIGNATURE — "Das Reservierungsbuch"  (v1, 2026-06-04)
   Warm editorial/paper identity + warm frosted glass.
   Loaded AFTER identity.css so it wins. CSS-only, a11y-safe.
   ============================================================ */
:root{ --rs-terra:#C45A38; --rs-terra-deep:#A8492E; --rs-ink:#241F19; }

/* 1) PAPER GRAIN — faint warm tooth on every surface (the "book paper") */
html::after{
  content:"";position:fixed;inset:0;z-index:2147482000;pointer-events:none;
  opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
@media (prefers-reduced-transparency: reduce){ html::after{display:none} }

/* 2) WARM FROSTED GLASS on floating chrome (terracotta-tinted, not cold blue) */
.rsv-nav.is-scrolled{
  background:rgba(246,236,222,.82)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.35);backdrop-filter:blur(20px) saturate(1.35);
  border-bottom:1px solid rgba(168,73,46,.16)!important;
}
@media (prefers-reduced-transparency: reduce){
  .rsv-nav.is-scrolled{background:#F3E9D9!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* 3) TABULAR LINING NUMERALS — ledger feel on every number/price/time */
.price,.num,.pr-chip .pri,.stat b,.hero-stats b,.value-meta b,.total-amount,
.compare .self-mark,.rd-hero-meta,[class*="price"],[class*="-total"]{
  font-variant-numeric:tabular-nums lining-nums;
}

/* 4) HAND-DRAWN TERRACOTTA UNDERLINE — signature flourish on key words.
   Add class .rs-uline to an inline span inside a heading. */
.rs-uline{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='12' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8 C 28 3, 55 10, 82 5 S 116 6, 117 6' stroke='%23C45A38' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left bottom .02em;background-size:100% .42em;
  padding-bottom:.16em;
}

/* 5) STAMP MARK — terracotta ✦ before "kicker/eyebrow" labels that don't already carry one */
.rs-eyebrow::before,.pr-eyebrow::before,.mono-kicker::before{
  content:"\2726";color:var(--rs-terra);margin-right:.55em;font-size:.85em;vertical-align:1px;
}

/* 6) WARM GLASS on key floating panels (only where these classes exist) */
.cart-panel{
  background:rgba(251,244,232,.84)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);
  border-left:1px solid rgba(168,73,46,.18)!important;
}
.rd-widget-frame{
  -webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);
  border:1px solid rgba(168,73,46,.16)!important;
  box-shadow:0 20px 60px -24px rgba(36,31,25,.30), inset 0 1px 0 rgba(255,255,255,.5)!important;
}
/* product cards — warm terracotta glow + lift on hover */
.product-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.product-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 40px -12px rgba(196,90,56,.30), 0 4px 12px rgba(36,31,25,.08)!important;
  border-color:rgba(196,90,56,.45)!important;
}
@media (prefers-reduced-transparency: reduce){
  .cart-panel{background:#FBF4E8!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .rd-widget-frame{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media (prefers-reduced-motion: reduce){ .product-card:hover{transform:none!important} }

/* 7) A11y — skip-link to AA contrast (white on deep terracotta = 5.25:1) */
.skip-link:focus,.skip-link{background:#A8492E!important;color:#fff!important}