:root{
  --bg:#0b0b0b;
  --fg:#f5f5f5;
  --muted:rgba(245,245,245,.65);
  --line:rgba(245,245,245,.18);
  --card:rgba(255,255,255,.03);
  --card2:rgba(255,255,255,.06);
}

html,body{ height:100%; }
body{
  background:var(--bg);
  color:var(--fg);
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing:.2px;

  /* struttura pagina: utile per sezioni "a tutta pagina" */
  min-height:100%;
  display:flex;
  flex-direction:column;
}

main{ flex: 1 0 auto; }

/* Utility: contenuto a tutta pagina, centrato (orizzontale + verticale) */
.page-full-center{
  width:100%;
  flex: 1 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 24px 16px 44px;
}

.hero-full{
  width: min(1200px, 92vw);
}

.h-serif{
  font-family:"Playfair Display", serif;
  letter-spacing:.4px;
}

a{ color:var(--fg); text-decoration:none; }
a:hover{ color:var(--fg); opacity:.9; }

.navbar{
  background:transparent !important;
  border-bottom:1px solid var(--line);
}

.container-narrow{
  max-width: 1100px;
}

.card-min{
  background: linear-gradient(180deg, var(--card), transparent);
  border:1px solid var(--line);
  border-radius: 18px;
  overflow:hidden;
  transition: transform .25s ease, border-color .25s ease;
}

.card-min:hover{
  transform: translateY(-4px);
  border-color: rgba(245,245,245,.30);
}

.thumb{
  width:100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  filter: grayscale(100%) contrast(110%);
  transform: scale(1.02);
}

.card-body-min{
  padding: 16px 16px 18px;
}

.kicker{
  color: var(--muted);
  font-size: .86rem;
}

.price{
  color: var(--fg);
  opacity:.9;
  font-variant-numeric: tabular-nums;
}

.btn-ghost{
  border:1px solid var(--line);
  color: var(--fg);
  background: transparent;
  border-radius: 999px;
  padding: 10px 14px;
}
.btn-ghost:hover{
  border-color: rgba(245,245,245,.32);
  background: rgba(255,255,255,.04);
}

.fade-in{
  opacity:0;
  transform: translateY(10px);
  animation: fadeIn .55s ease forwards;
}
@keyframes fadeIn{
  to{ opacity:1; transform:none; }
}

/* Drink page hero */
.hero{
  border:1px solid var(--line);
  border-radius: 22px;
  background: radial-gradient(1200px 500px at 30% 20%, rgba(255,255,255,.06), transparent 60%);
  overflow:hidden;
}

/* Radar */
.radar-wrap{
  border-top:1px solid var(--line);
  padding-top: 18px;
}

.radar-svg{
  width:100%;
  max-width: 520px;
  height:auto;
}

.radar-grid{ stroke: var(--line); fill: none; }
.radar-axis{ stroke: rgba(245,245,245,.25); }
.radar-label{
  fill: rgba(245,245,245,.78);
  font-size: 11px;
  letter-spacing:.5px;
  text-transform: uppercase;
}
.radar-shape{
  fill: rgba(245,245,245,.10);
  stroke: rgba(245,245,245,.85);
  stroke-width: 2;
}

/* Admin */
.form-range::-webkit-slider-thumb{ background: var(--fg); }
.form-range::-webkit-slider-runnable-track{ background: rgba(245,245,245,.20); }
.small-muted{ color: var(--muted); font-size:.9rem; }
.hr-min{ border-color: var(--line); opacity:1; }
/* === LOGO: colori originali + più grande === */
img[alt="Logo"]{
  /* ingrandisci (modifica i valori se vuoi) */
  width: clamp(72px, 6vw, 120px) !important;
  height: auto !important;
  object-fit: contain;

  /* niente desaturazione */
  filter: none !important;
  -webkit-filter: none !important;
}

/* === ICONE BICCHIERI: colori originali === */
img[src*="img/glasses/"],
img[src*="assets/img/glasses/"]{
  filter: none !important;
  -webkit-filter: none !important;
}
/* INDEX: logo centrato sopra il titolo (hero in alto) */
main > section.card-min:first-of-type > .d-flex{
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center;
  text-align: center;
}

/* Centra anche il wrapper del testo (kicker + h1) */
main > section.card-min:first-of-type > .d-flex > div{
  text-align: center;
}

/* Logo: più grande + colori originali (override inline) */
main > section.card-min:first-of-type img[alt="Logo"]{
  width: clamp(110px, 10vw, 180px) !important; /* aumenta/diminuisci qui */
  height: auto !important;
  object-fit: contain;

  filter: none !important;
  -webkit-filter: none !important;

  margin-bottom: 8px; /* spazio tra logo e titolo */
}