/* =====================================================

   PIZZERIA GIRASOLE - STILE STATICO

   Palette: rosso #B22222, giallo #F4C430, bianco

   ===================================================== */



:root {

  --cream: #FFFFFF;

  --cream-dark: #FFF4D1;

  --sunflower: #F4C430;

  --sunflower-dark: #D4A820;

  --sunflower-light: #FFE9A3;

  --terracotta: #B22222;

  --terracotta-dark: #8B1A1A;

  --charcoal: #333333;

  --charcoal-light: #666666;

  --stone: #E5E5E5;

  --paper: #FAFAF7;

}



* { box-sizing: border-box; margin: 0; padding: 0; }



body {

  font-family: 'Manrope', system-ui, -apple-system, sans-serif;

  background: var(--paper);

  color: var(--charcoal);

  line-height: 1.5;

  -webkit-font-smoothing: antialiased;

}



a { color: inherit; text-decoration: none; }

a:hover { color: var(--terracotta); }

button { font-family: inherit; cursor: pointer; border: none; background: none; }

img { max-width: 100%; display: block; }

ul { list-style: none; }



h1, h2, h3, h4 { font-family: 'Playfair Display', serif; color: var(--charcoal); line-height: 1.2; }



.font-script { font-family: 'Caveat', cursive; font-size: 1.8rem; color: var(--terracotta); line-height: 1; }



.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

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



/* ========== INFO STRIP ========== */

.info-strip {

  background: white;

  border-bottom: 3px solid var(--terracotta);

  padding: 8px 12px;

  text-align: center;

  font-size: 0.9rem;

  line-height: 1.7;

}

.info-strip strong { color: var(--charcoal); }

.info-strip-mobile {

  display: none;

}

@media (max-width: 700px) {

  .info-strip { display: none; }

  .info-strip-mobile {

    display: flex; gap: 0; align-items: stretch; background: white;

    border-bottom: 3px solid var(--terracotta);

  }

  .info-strip-mobile a {

    flex: 1; padding: 10px 6px; text-align: center; font-size: 12px;

    font-weight: 600; color: var(--charcoal);

    border-right: 1px solid var(--stone);

  }

  .info-strip-mobile a:last-child { border-right: none; }

  .info-strip-mobile a:active { background: var(--cream-dark); }

}



/* ========== NAVBAR ========== */

.navbar {

  background: white;

  border-bottom: 1px solid var(--stone);

  position: sticky;

  top: 0;

  z-index: 50;

}

.navbar-inner {

  max-width: 1200px; margin: 0 auto; padding: 12px 16px;

  display: flex; align-items: center; justify-content: space-between; gap: 16px;

}

.brand { display: flex; align-items: center; gap: 10px; }

.brand-icon { font-size: 1.8rem; }

.brand-name { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; }

.brand-sub { font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--charcoal-light); }

.nav-links { display: flex; align-items: center; gap: 4px; }

.nav-links a {

  padding: 8px 14px; border-radius: 999px; font-size: 0.9rem; font-weight: 600;

  color: var(--charcoal); transition: background 0.2s ease;

}

.nav-links a:hover { background: var(--cream-dark); color: var(--terracotta); }

.nav-links a.active { background: var(--charcoal); color: white; }

.nav-links a.btn-accent { background: var(--terracotta); color: white; padding: 8px 18px; }

.nav-links a.btn-accent:hover { background: var(--terracotta-dark); }

.menu-toggle { display: none; font-size: 1.5rem; padding: 6px 10px; }



@media (max-width: 900px) {

  .nav-links { display: none; flex-direction: column; position: absolute; top: 100%; right: 0; left: 0;

    background: white; border-top: 1px solid var(--stone); padding: 12px; align-items: stretch; }

  .nav-links.open { display: flex; }

  .nav-links a { padding: 12px; text-align: left; }

  .menu-toggle { display: block; }

}



/* ========== PAGES ========== */

.page { display: none; min-height: calc(100vh - 200px); animation: fadeIn 0.3s ease; }

.page.active { display: block; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }



.page-header {

  background: var(--sunflower-light);

  border-bottom: 4px solid var(--terracotta);

  padding: 32px 16px;

  text-align: center;

}

.page-header h1 { font-size: clamp(2rem, 5vw, 3rem); }

.page-header p { color: var(--charcoal-light); margin-top: 8px; }



/* ========== HERO ========== */

.hero {

  background: linear-gradient(135deg, #FFE9A3 0%, #F4C430 100%);

  border-bottom: 4px solid var(--terracotta);

  padding: 56px 16px;

  text-align: center;

}

.hero-inner { max-width: 800px; }

.hero-emoji { font-size: 4rem; margin-bottom: 16px; }

.hero h1 { font-size: clamp(2rem, 6vw, 3.5rem); margin: 8px 0 24px; }

.hero p { font-size: 1.05rem; color: var(--charcoal); margin-bottom: 24px; }

.hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }



/* ========== BUTTONS ========== */

.btn-primary, .btn-accent, .btn-fidelity, .btn-outline, .btn-whatsapp {

  display: inline-flex; align-items: center; justify-content: center; gap: 6px;

  padding: 12px 24px; border-radius: 999px; font-weight: 700;

  font-size: 0.95rem; transition: all 0.2s ease; cursor: pointer; border: 2px solid transparent;

  text-decoration: none;

}

.btn-primary { background: var(--sunflower); color: var(--charcoal); border-color: var(--sunflower); }

.btn-primary:hover { background: var(--sunflower-dark); border-color: var(--sunflower-dark); transform: translateY(-1px); color: var(--charcoal); }

.btn-accent { background: var(--terracotta); color: white; border-color: var(--terracotta); }

.btn-accent:hover { background: var(--terracotta-dark); border-color: var(--terracotta-dark); color: white; }

.btn-fidelity { background: var(--terracotta); color: white; padding: 14px 30px; font-size: 1.05rem; }

.btn-fidelity:hover { background: var(--terracotta-dark); color: white; }

.btn-outline { background: transparent; color: var(--charcoal); border-color: var(--charcoal); }

.btn-outline:hover { background: var(--charcoal); color: white; }

.btn-whatsapp { background: #25D366; color: white; padding: 16px 24px; font-size: 1.05rem; width: 100%; }

.btn-whatsapp:hover { background: #1DA851; color: white; }



/* ========== FIDELITY BOX ========== */

.fidelity-box {

  margin: 32px auto;

  background: linear-gradient(135deg, #f4c430, #ffe9a3);

  padding: 28px 24px; border-radius: 12px;

  text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.1);

}

.fidelity-title { font-size: 1.4rem; font-weight: 600; margin-bottom: 12px; }

.fidelity-highlight { color: var(--terracotta); }

.fidelity-box p { font-size: 1.05rem; color: var(--charcoal); margin-bottom: 20px; }



/* ========== DAILY CTA + ORDER ========== */

.daily-cta, .order-box {

  margin: 24px auto; padding: 24px;

  border-radius: 12px;

  display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center;

}

.daily-cta { background: white; border: 2px solid var(--sunflower); }

.daily-cta h2 { font-size: 1.5rem; margin-bottom: 4px; }

.daily-cta p { color: var(--charcoal-light); font-size: 0.9rem; }

.daily-icon { width: 56px; height: 56px; border-radius: 50%; background: var(--sunflower-light); display: flex; align-items: center; justify-content: center; font-size: 1.8rem; }

.order-box { background: var(--charcoal); color: white; }

.order-box h3 { color: white; font-size: 1.3rem; }

.order-box p { color: rgba(255,255,255,0.8); font-size: 0.85rem; }

@media (max-width: 700px) {

  .daily-cta, .order-box { grid-template-columns: 1fr; text-align: center; }

}



/* ========== VISIT US ========== */

.visit-section { background: var(--cream-dark); padding: 56px 16px; border-top: 1px solid var(--stone); margin-top: 32px; }

.visit-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; }

.visit-info li { padding: 8px 0; }

.visit-buttons { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 16px; }

.map-frame { aspect-ratio: 4/3; border-radius: 12px; overflow: hidden; border: 4px solid white; box-shadow: 0 4px 16px rgba(0,0,0,0.1); }

.map-frame iframe { width: 100%; height: 100%; border: 0; }

@media (max-width: 800px) { .visit-inner { grid-template-columns: 1fr; } }



/* ========== ALLERGEN LEGEND ========== */

.allergen-bar {

  position: sticky; top: 65px; background: white;

  border-bottom: 1px solid var(--stone); padding: 8px 16px;

  z-index: 40; box-shadow: 0 2px 8px rgba(0,0,0,0.04);

  font-size: 11px;

}

.allergen-bar-inner { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.allergen-label { font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--terracotta); }

.allergen-item { display: inline-flex; align-items: center; gap: 4px; color: var(--charcoal-light); }



.allergen-chip { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; color: white; font-weight: 700; font-size: 10px; line-height: 1; }

.allergen-1  { background: #C8911F; } .allergen-2  { background: #E87A5D; }

.allergen-3  { background: #F2B842; } .allergen-4  { background: #4A90C2; }

.allergen-5  { background: #8B6F47; } .allergen-6  { background: #7BA05B; }

.allergen-7  { background: #DDB892; } .allergen-8  { background: #6B4423; }

.allergen-9  { background: #9CB071; } .allergen-10 { background: #E8B04A; }

.allergen-11 { background: #A67C52; } .allergen-12 { background: #8B3A62; }

.allergen-13 { background: #B8925C; } .allergen-14 { background: #3D7A8C; }



/* ========== MENU LAYOUT ========== */

.menu-layout { display: grid; grid-template-columns: 260px 1fr; max-width: 1400px; margin: 0 auto; min-height: 600px; }

.menu-sidebar { background: white; border-right: 1px solid var(--stone); padding: 16px 0; position: sticky; top: 110px; height: calc(100vh - 110px); overflow-y: auto; }

.menu-sidebar.mobile-open { display: block; position: fixed; top: 0; left: 0; bottom: 0; width: 80%; max-width: 300px; z-index: 100; box-shadow: 4px 0 16px rgba(0,0,0,0.2); }

.sidebar-title { padding: 14px 20px 6px; font-size: 11px; font-weight: 700; color: var(--charcoal-light); text-transform: uppercase; letter-spacing: 0.1em; }

.sidebar-title.small { font-size: 10px; }

.sidebar-item { display: flex; align-items: center; gap: 8px; padding: 10px 20px; width: 100%; text-align: left; color: var(--charcoal); font-weight: 500; font-size: 14px; border-left: 3px solid transparent; transition: all 0.15s ease; }

.sidebar-item:hover { background: var(--cream-dark); color: var(--terracotta); }

.sidebar-item.active { background: var(--cream-dark); color: var(--terracotta); border-left-color: var(--terracotta); font-weight: 700; }

.sidebar-item .badge { margin-left: auto; background: var(--stone); color: var(--charcoal-light); font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; }

.sidebar-item.active .badge { background: var(--terracotta); color: white; }

.sidebar-daily .badge { background: var(--sunflower); color: var(--charcoal); }

.sidebar-order { margin: 12px 16px; padding: 10px 16px !important; font-size: 13px !important; }



.menu-main { padding: 24px 16px; }

.menu-toolbar { display: flex; gap: 12px; margin-bottom: 20px; align-items: center; }

.mobile-cat-btn { display: none; padding: 10px 16px; border-radius: 999px; background: white; border: 1px solid var(--stone); font-weight: 600; font-size: 14px; }

#menu-search, #admin-search {

  flex: 1; padding: 10px 16px; border-radius: 999px;

  background: white; border: 1px solid var(--stone); font-size: 14px; outline: none;

}

#menu-search:focus, #admin-search:focus { border-color: var(--sunflower); }



.section-intro { margin-bottom: 24px; text-align: center; }

.section-intro p { color: var(--charcoal-light); font-size: 0.9rem; margin-top: 8px; }



/* ========== CATEGORY GRID ========== */

.category-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }

@media (min-width: 768px) { .category-grid { grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 1280px) { .category-grid { grid-template-columns: repeat(4, 1fr); } }



.category-tile {

  position: relative; background: white; border: 2px solid var(--stone); border-radius: 14px;

  padding: 24px 14px; min-height: 160px;

  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;

  text-align: center; transition: all 0.2s ease;

}

.category-tile:hover { border-color: var(--terracotta); transform: translateY(-3px); box-shadow: 0 10px 24px -10px rgba(178,34,34,0.25); background: var(--cream-dark); }

.category-tile.featured { background: linear-gradient(135deg, var(--sunflower-light), var(--sunflower)); border-color: var(--sunflower-dark); }

.tile-icon { font-size: 2.5rem; line-height: 1; }

.tile-name { font-family: 'Playfair Display', serif; font-size: 1rem; font-weight: 700; color: var(--charcoal); }

.tile-count { font-size: 0.7rem; color: var(--charcoal-light); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }



/* ========== DISHES GRID ========== */

.dishes-header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }

.dishes-header h2 { font-size: clamp(1.4rem, 3vw, 2rem); }

.dishes-count { font-size: 0.85rem; color: var(--charcoal-light); font-weight: 600; }

.back-btn { font-size: 0.85rem; font-weight: 600; color: var(--charcoal-light); padding: 6px 0; }

.back-btn:hover { color: var(--terracotta); }



.dishes-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }

@media (min-width: 768px) { .dishes-grid { grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 1280px) { .dishes-grid { grid-template-columns: repeat(4, 1fr); } }



.dish-card {

  background: white; border: 1px solid var(--stone); border-radius: 10px;

  padding: 14px; transition: all 0.25s ease; position: relative; overflow: hidden;

}

.dish-card:hover { border-color: var(--sunflower); box-shadow: 0 8px 20px -8px rgba(184,127,17,0.2); transform: translateY(-2px); }

.dish-card.daily { border: 2px solid var(--sunflower); background: linear-gradient(180deg, #fffdf5 0%, white 100%); }

.dish-card.daily::before {

  content: '★ OGGI'; position: absolute; top: 8px; right: -28px;

  background: var(--terracotta); color: white; padding: 3px 30px;

  font-size: 0.65rem; font-weight: 700; letter-spacing: 0.1em; transform: rotate(35deg);

}

.dish-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 4px; }

.dish-name { font-family: 'Playfair Display', serif; font-size: 0.95rem; font-weight: 600; line-height: 1.2; }

.dish-price { font-family: 'Playfair Display', serif; font-size: 0.95rem; font-weight: 700; color: var(--terracotta); }

.dish-price-large { font-size: 0.65rem; color: var(--charcoal-light); font-weight: 600; }

.dish-desc { font-size: 0.75rem; color: var(--charcoal-light); line-height: 1.3; margin-bottom: 8px; }

.dish-allergens { display: flex; flex-wrap: wrap; gap: 4px; padding-top: 6px; border-top: 1px solid var(--stone); }

.dish-allergens-label { font-size: 9px; color: var(--charcoal-light); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-right: 2px; }



.allergen-note { background: var(--cream-dark); border: 1px solid var(--sunflower); border-radius: 12px; padding: 16px; font-size: 12px; margin-top: 32px; }



/* ========== EMPTY STATE ========== */

.empty-state {

  background: var(--cream-dark); border: 2px dashed var(--sunflower); border-radius: 16px;

  padding: 40px 20px; text-align: center; margin: 24px 0;

}

.empty-icon { font-size: 3rem; margin-bottom: 12px; color: var(--sunflower-dark); }

.empty-state h2 { font-size: 1.4rem; margin-bottom: 8px; }

.empty-state p { color: var(--charcoal-light); margin-bottom: 16px; }



/* ========== FORM ========== */

.form { background: white; border: 1px solid var(--stone); border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 14px; }

.form-info { background: rgba(37,211,102,0.1); border: 1px solid rgba(37,211,102,0.3); border-radius: 10px; padding: 12px; font-size: 0.85rem; }

.form label { display: flex; flex-direction: column; gap: 6px; font-size: 0.85rem; font-weight: 600; }

.form input, .form select, .form textarea {

  padding: 10px 14px; border-radius: 10px; border: 1px solid var(--stone);

  background: var(--paper); font-size: 14px; font-family: inherit; outline: none;

}

.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--sunflower); }

.form-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }

@media (max-width: 600px) { .form-row { grid-template-columns: 1fr; } }

.form-hint { text-align: center; font-size: 0.75rem; color: var(--charcoal-light); }



/* ========== CHI SIAMO ========== */

.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 32px; }

@media (max-width: 700px) { .features { grid-template-columns: 1fr; } }

.feature { background: white; border: 1px solid var(--stone); border-radius: 12px; padding: 24px; }

.feature-icon { font-size: 2rem; margin-bottom: 8px; }

.feature h3 { font-size: 1.1rem; margin-bottom: 8px; }

.feature p { font-size: 0.85rem; color: var(--charcoal-light); }



/* ========== CONTATTI ========== */

.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 32px 16px; }

@media (max-width: 800px) { .contact-grid { grid-template-columns: 1fr; } }

.contact-info { background: white; border: 1px solid var(--stone); border-radius: 16px; padding: 24px; }

.contact-info h3 { margin-bottom: 12px; margin-top: 16px; }

.contact-info h3:first-child { margin-top: 0; }

.contact-info ul { display: flex; flex-direction: column; gap: 8px; }

.contact-info ul.hours li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--stone); font-size: 0.9rem; }

.contact-info ul.hours li:last-child { border-bottom: none; }

.closed { color: var(--terracotta); font-weight: 700; }



/* ========== ADMIN ========== */

.admin-toolbar { display: flex; gap: 12px; margin: 16px 0 20px; flex-wrap: wrap; }

.dish-card.admin-card { cursor: pointer; }

.dish-card.admin-card.is-daily { border-color: var(--sunflower); background: var(--sunflower-light); }

.admin-star { position: absolute; top: 10px; right: 10px; font-size: 1.2rem; color: var(--stone); }

.dish-card.admin-card.is-daily .admin-star { color: var(--sunflower-dark); }



/* ========== DAILY MENU PAGE ========== */

.daily-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin: 16px 0 20px; }



/* ========== FOOTER ========== */

.footer { background: var(--charcoal); color: var(--cream-dark); margin-top: 48px; padding-top: 40px; }

.footer-inner { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 32px; padding: 0 16px 32px; }

@media (max-width: 700px) { .footer-inner { grid-template-columns: 1fr; } }

.footer h4 { color: var(--sunflower); margin-bottom: 12px; font-size: 1rem; }

.footer p, .footer a { font-size: 0.85rem; line-height: 1.7; color: var(--cream-dark); }

.footer a:hover { color: var(--sunflower); }

.footer-brand { font-family: 'Playfair Display', serif; font-size: 1.4rem; color: white; margin-bottom: 8px; }

.footer-bottom { border-top: 1px solid #555; padding: 16px; text-align: center; font-size: 0.75rem; }



/* ========== MOBILE SIDEBAR ========== */

@media (max-width: 1023px) {

  .menu-layout { grid-template-columns: 1fr; }

  .menu-sidebar { display: none; }

  .menu-sidebar.mobile-open { display: block; }

  .mobile-cat-btn { display: inline-flex; align-items: center; gap: 6px; }

}

.drawer-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 99; }



/* ========== MOBILE OPTIMIZATIONS ========== */

@media (max-width: 700px) {

  /* Hero - meno padding, font più piccolo */

  .hero { padding: 32px 16px; }

  .hero-emoji { font-size: 3rem; margin-bottom: 8px; }

  .hero h1 { font-size: 1.8rem; margin: 4px 0 16px; }

  .hero p { font-size: 0.95rem; margin-bottom: 16px; }

  .hero-buttons { flex-direction: column; align-items: stretch; }

  .hero-buttons .btn-primary,

  .hero-buttons .btn-accent { width: 100%; }



  /* Page header compatto */

  .page-header { padding: 20px 16px; }

  .page-header h1 { font-size: 1.7rem; }

  .page-header p { font-size: 0.85rem; margin-top: 4px; }



  /* Brand più compatto */

  .navbar-inner { padding: 10px 12px; gap: 8px; }

  .brand-icon { font-size: 1.5rem; }

  .brand-name { font-size: 1.1rem; }

  .brand-sub { display: none; }



  /* Buttons più toccabili */

  .btn-primary, .btn-accent, .btn-fidelity, .btn-outline, .btn-whatsapp {

    padding: 12px 18px; font-size: 0.95rem; min-height: 44px;

  }

  .btn-fidelity { padding: 14px 24px; font-size: 1rem; }

  .btn-whatsapp { padding: 16px 20px; font-size: 1rem; }



  /* Fidelity box - ridurre padding */

  .fidelity-box { padding: 22px 16px; margin: 20px auto; }

  .fidelity-title { font-size: 1.15rem; margin-bottom: 8px; }

  .fidelity-box p { font-size: 0.9rem; margin-bottom: 14px; }



  /* Daily CTA / Order box */

  .daily-cta, .order-box { padding: 18px 16px; gap: 14px; margin: 16px auto; }

  .daily-cta h2 { font-size: 1.2rem; }

  .daily-cta p { font-size: 0.85rem; }

  .order-box h3 { font-size: 1.1rem; }

  .order-box p { font-size: 0.8rem; }



  /* Visit section */

  .visit-section { padding: 32px 16px; }



  /* Allergen bar - più compatta su mobile */

  .allergen-bar { padding: 6px 12px; font-size: 10px; }

  .allergen-bar-inner {

    flex-wrap: nowrap; overflow-x: auto;

    -webkit-overflow-scrolling: touch; scrollbar-width: none;

  }

  .allergen-bar-inner::-webkit-scrollbar { display: none; }

  .allergen-item { white-space: nowrap; flex-shrink: 0; }



  /* Menu category tile - più compatte */

  .category-tile { padding: 16px 8px; min-height: 130px; gap: 4px; }

  .tile-icon { font-size: 2rem; }

  .tile-name { font-size: 0.85rem; }

  .tile-count { font-size: 0.65rem; }



  /* Dish card - più compatta */

  .dish-card { padding: 10px; }

  .dish-name { font-size: 0.85rem; }

  .dish-price { font-size: 0.85rem; }

  .dish-desc { font-size: 0.7rem; line-height: 1.25; }



  /* Sezioni dishes-header in colonna */

  .dishes-header { gap: 6px; }

  .dishes-header h2 { font-size: 1.3rem; width: 100%; }



  /* Toolbar menu */

  .menu-toolbar { gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }

  .mobile-cat-btn { padding: 10px 14px; font-size: 13px; min-height: 44px; }

  #menu-search, #admin-search { padding: 11px 16px; font-size: 14px; min-height: 44px; }



  /* Form prenotazione */

  .form { padding: 18px; gap: 12px; }

  .form input, .form select, .form textarea { padding: 12px; font-size: 16px; }

  .form-info { padding: 10px; font-size: 0.8rem; }



  /* Sidebar admin grid full width */

  .admin-toolbar { flex-direction: column; align-items: stretch; }

  .admin-toolbar > * { width: 100%; }



  /* Daily toolbar */

  .daily-toolbar { flex-direction: column; align-items: stretch; gap: 10px; }

  .daily-toolbar > div { display: flex; gap: 8px; }

  .daily-toolbar > div > * { flex: 1; }



  /* Contatti */

  .contact-grid { padding: 16px; gap: 16px; }

  .contact-info { padding: 18px; }

  .contact-info h3 { font-size: 1.05rem; }



  /* Features chi siamo */

  .features { gap: 10px; margin-top: 20px; }

  .feature { padding: 18px; }



  /* Footer */

  .footer { padding-top: 28px; margin-top: 28px; }

  .footer-inner { gap: 20px; padding: 0 16px 20px; }

  .footer-bottom { font-size: 0.7rem; padding: 12px; }



  /* Container padding ridotto */

  .container { padding: 0 12px; }



  /* Empty state */

  .empty-state { padding: 28px 16px; }

  .empty-icon { font-size: 2.5rem; }

  .empty-state h2 { font-size: 1.2rem; }



  /* Allergen note */

  .allergen-note { padding: 12px; font-size: 11px; margin-top: 20px; }



  /* Section intro center always */

  .section-intro { text-align: center !important; margin-bottom: 16px; }

  .section-intro p { font-size: 0.85rem; margin-top: 4px; }

}



/* Smartphone piccoli */

@media (max-width: 380px) {

  .hero h1 { font-size: 1.5rem; }

  .page-header h1 { font-size: 1.5rem; }

  .category-tile { min-height: 110px; padding: 12px 6px; }

  .tile-icon { font-size: 1.8rem; }

  .nav-links a { padding: 12px 10px; font-size: 0.9rem; }

}

.print-area { display: none; }

@page { size: A4 portrait; margin: 0; }

@media print {

  body * { visibility: hidden; }

  .print-area, .print-area * { visibility: visible; }

  .print-area {

    display: grid !important;

    grid-template-columns: 105mm 105mm;

    grid-auto-rows: 148mm;

    width: 210mm;

    position: absolute; top: 0; left: 0;

  }

  .print-card { break-inside: avoid; page-break-inside: avoid; }

  /* Linea di taglio sottile tra le 4 card */

  .print-card { outline: 0.2mm dashed #c4c4c4; outline-offset: -0.2mm; }

}

.print-card {

  width: 105mm; height: 148mm; padding: 8mm 7mm; background: white;

  display: flex; flex-direction: column; box-sizing: border-box;

  font-family: 'Playfair Display', serif;

}

.print-card-head { text-align: center; border-bottom: 2px solid var(--sunflower); padding-bottom: 4mm; margin-bottom: 4mm; }

.print-card-script { font-family: 'Caveat', cursive; font-size: 14pt; color: var(--terracotta); line-height: 1; }

.print-card-brand { font-size: 18pt; font-weight: 700; margin: 1mm 0 1mm; }

.print-card-date { font-size: 7pt; color: var(--charcoal-light); text-transform: uppercase; letter-spacing: 0.12em; }

.print-card-body { flex: 1; display: flex; flex-direction: column; justify-content: center; text-align: center; }

.print-card-cat { font-size: 8pt; color: var(--terracotta); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 2mm; }

.print-card-name { font-size: 17pt; font-weight: 700; margin: 0 0 3mm; line-height: 1.15; }

.print-card-desc { font-family: 'Manrope', sans-serif; font-size: 9pt; color: var(--charcoal-light); margin: 0 0 4mm; }

.print-card-price { font-size: 26pt; font-weight: 800; color: var(--terracotta); line-height: 1; }

.print-card-foot { border-top: 2px solid var(--sunflower); padding-top: 2mm; margin-top: 2mm; }

.print-card-footinfo { text-align: center; margin-top: 2mm; font-size: 6pt; color: var(--charcoal-light); }



/* ========== COOKIE BANNER ========== */

.cookie-banner {

  position: fixed; bottom: 0; left: 0; right: 0;

  background: white;

  border-top: 4px solid var(--terracotta);

  padding: 16px;

  box-shadow: 0 -4px 16px rgba(0,0,0,0.18);

  z-index: 200;

  display: flex; flex-direction: column; gap: 12px;

  align-items: center;

}

.cookie-banner p { margin: 0; flex: 1; font-size: 14px; line-height: 1.4; max-width: 800px; text-align: center; }

.cookie-banner p strong { color: var(--terracotta); }

.cookie-banner p a { color: var(--terracotta); text-decoration: underline; }

.cookie-actions { display: flex; gap: 10px; flex-shrink: 0; }

.cookie-actions button { padding: 10px 22px !important; min-height: 44px; font-size: 14px !important; }

@media (min-width: 768px) {

  .cookie-banner { flex-direction: row; padding: 14px 24px; text-align: left; }

  .cookie-banner p { text-align: left; }

}

@media (max-width: 600px) {

  .cookie-banner { padding: 14px 12px; }

  .cookie-banner p { font-size: 12.5px; }

  .cookie-actions { width: 100%; }

  .cookie-actions button { flex: 1; padding: 12px 14px !important; }

}

.cookie-settings-link { cursor: pointer; }



/* Fix: il banner deve scomparire quando hidden */

.cookie-banner[hidden] { display: none !important; }



/* ========== ADMIN: PIATTO FUORI MENU ========== */

.custom-dish-section {

  background: var(--cream-dark);

  border: 2px dashed var(--sunflower-dark);

  border-radius: 12px;

  padding: 14px 18px;

  margin-bottom: 20px;

}

.custom-dish-summary {

  font-family: 'Playfair Display', serif;

  font-size: 1.1rem;

  font-weight: 700;

  color: var(--terracotta);

  cursor: pointer;

}

.custom-dish-section[open] .custom-dish-summary { color: var(--charcoal); }

.allergens-picker {

  display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px;

}

.all-pick {

  width: 30px; height: 30px; border-radius: 50%;

  font-size: 12px; font-weight: 700; color: white;

  border: 2px solid transparent; opacity: 0.4;

  transition: all 0.15s ease;

}

.all-pick.selected { opacity: 1; transform: scale(1.1); border-color: var(--charcoal); }

.all-pick:hover { opacity: 0.85; }



/* ========== ADMIN: TABS ========== */

.admin-tabs {

  display: flex; gap: 8px; flex-wrap: wrap;

  border-bottom: 2px solid var(--stone);

  margin-bottom: 22px;

}

.admin-tab {

  font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 15px;

  padding: 12px 20px; border: none; background: transparent;

  color: var(--charcoal-light); cursor: pointer;

  border-bottom: 3px solid transparent;

  margin-bottom: -2px; transition: color .2s, border-color .2s;

}

.admin-tab:hover { color: var(--charcoal); }

.admin-tab.active {

  color: var(--terracotta);

  border-bottom-color: var(--terracotta);

}

.admin-intro {

  background: var(--cream-dark);

  border-left: 4px solid var(--sunflower-dark);

  padding: 14px 18px; border-radius: 8px; margin-bottom: 20px;

}

.admin-intro h2 {

  font-family: 'Playfair Display', serif; font-size: 1.4rem; color: var(--charcoal);

  margin: 0 0 6px 0;

}

.admin-intro p { margin: 0; color: var(--charcoal-light); font-size: 14px; }



.dish-cat-tag {

  display: inline-block;

  font-size: 11px; font-weight: 700; text-transform: uppercase;

  letter-spacing: 0.05em; color: var(--terracotta);

  background: var(--cream); padding: 3px 8px; border-radius: 4px;

  margin: 4px 0;

}

.custom-badge {

  position: absolute; top: 10px; right: 10px;

  background: var(--sunflower-dark); color: var(--charcoal);

  font-weight: 800; font-size: 10px; padding: 4px 8px; border-radius: 12px;

  letter-spacing: 0.05em;

}

.custom-dish { position: relative; border-color: var(--sunflower-dark) !important; }

.btn-remove-custom {

  margin-top: 10px; width: 100%;

  background: white; color: #c0392b;

  border: 1.5px solid #c0392b; border-radius: 8px;

  padding: 8px; font-weight: 700; font-size: 13px; cursor: pointer;

  transition: all .15s;

}

.btn-remove-custom:hover { background: #c0392b; color: white; }



/* ========== GALLERIA - ADMIN ========== */

.gallery-upload-box {

  margin: 20px 0;

}

.gallery-upload-label {

  display: block;

  background: var(--cream);

  border: 3px dashed var(--sunflower-dark);

  border-radius: 16px;

  padding: 40px 20px;

  text-align: center;

  cursor: pointer;

  transition: all .2s ease;

}

.gallery-upload-label:hover {

  background: var(--cream-dark);

  border-color: var(--terracotta);

  transform: translateY(-2px);

}

.gallery-upload-icon { font-size: 56px; margin-bottom: 8px; }

.gallery-upload-title {

  font-family: 'Playfair Display', serif;

  font-size: 1.3rem; font-weight: 700;

  color: var(--charcoal); margin-bottom: 4px;

}

.gallery-upload-hint {

  font-size: 13px; color: var(--charcoal-light);

}

.gallery-upload-status {

  margin-top: 10px; text-align: center; font-weight: 600;

  color: var(--terracotta); min-height: 22px;

}



.gallery-stats {

  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;

  background: white; padding: 14px 18px; border-radius: 10px;

  border: 1px solid var(--stone); margin-bottom: 16px;

}

.gallery-stats > span { font-size: 14px; color: var(--charcoal-light); }

.gallery-stats > span strong { color: var(--charcoal); font-size: 16px; }



.gallery-tips {

  background: #fff8e1;

  border-left: 4px solid var(--sunflower-dark);

  padding: 12px 16px; border-radius: 8px; margin-bottom: 20px;

  font-size: 13.5px; color: var(--charcoal);

}

.gallery-tips ul { margin: 6px 0 0 18px; padding: 0; }

.gallery-tips li { margin-bottom: 3px; }



.gallery-admin-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));

  gap: 16px;

}

.gallery-admin-item {

  background: white; border: 1px solid var(--stone);

  border-radius: 12px; overflow: hidden; padding: 8px;

  display: flex; flex-direction: column; gap: 8px;

}

.gallery-thumb {

  width: 100%; aspect-ratio: 4/3; overflow: hidden;

  border-radius: 8px; background: var(--cream);

}

.gallery-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.gallery-caption-input {

  font-family: 'Manrope', sans-serif; font-size: 13px;

  padding: 8px 10px; border: 1px solid var(--stone);

  border-radius: 6px; outline: none; width: 100%;

}

.gallery-caption-input:focus { border-color: var(--terracotta); }

.gallery-admin-actions { display: flex; gap: 6px; flex-wrap: wrap; }

.btn-mini {

  flex: 1; min-width: 36px;

  background: white; color: var(--charcoal);

  border: 1.5px solid var(--stone); border-radius: 6px;

  padding: 7px 8px; font-weight: 700; font-size: 13px;

  cursor: pointer; transition: all .15s;

}

.btn-mini:hover:not(:disabled) { background: var(--cream-dark); border-color: var(--charcoal); }

.btn-mini:disabled { opacity: 0.35; cursor: not-allowed; }

.btn-mini-danger { color: #c0392b; border-color: #c0392b; flex: 2; }

.btn-mini-danger:hover { background: #c0392b; color: white; }

.gallery-empty {

  grid-column: 1/-1; padding: 40px; text-align: center;

  color: var(--charcoal-light); background: white;

  border: 1px dashed var(--stone); border-radius: 12px;

}



/* ========== GALLERIA - PUBBLICA ========== */

.gallery-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));

  gap: 16px;

  margin: 20px 0 40px;

}

.gallery-tile {

  position: relative;

  margin: 0; cursor: pointer;

  overflow: hidden; border-radius: 14px;

  background: var(--cream);

  box-shadow: 0 4px 16px rgba(0,0,0,0.06);

  transition: transform .25s ease, box-shadow .25s ease;

}

.gallery-tile:hover {

  transform: translateY(-4px);

  box-shadow: 0 12px 28px rgba(0,0,0,0.14);

}

.gallery-tile img {

  width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block;

  transition: transform .4s ease;

}

.gallery-tile:hover img { transform: scale(1.04); }

.gallery-tile figcaption {

  position: absolute; left: 0; right: 0; bottom: 0;

  padding: 10px 14px;

  font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 600;

  color: white;

  background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);

}

.gallery-empty-public {

  text-align: center; padding: 60px 20px;

  background: var(--cream); border-radius: 16px;

  border: 1px dashed var(--stone);

}

.gallery-empty-public h3 {

  font-family: 'Playfair Display', serif;

  margin: 12px 0 4px;

}

.gallery-empty-public p { color: var(--charcoal-light); margin-bottom: 20px; }



/* Lightbox */

.lightbox {

  position: fixed; inset: 0;

  background: rgba(0,0,0,0.92);

  z-index: 9999;

  display: flex; align-items: center; justify-content: center;

  padding: 20px;

}

.lightbox[hidden] { display: none; }

.lightbox-content {

  max-width: 92vw; max-height: 90vh;

  display: flex; flex-direction: column; align-items: center; gap: 10px;

}

.lightbox-content img {

  max-width: 100%; max-height: 78vh;

  border-radius: 8px; box-shadow: 0 8px 40px rgba(0,0,0,0.5);

}

.lightbox-caption {

  color: white; font-family: 'Manrope', sans-serif;

  font-size: 15px; text-align: center; padding: 0 20px;

}

.lightbox-counter {

  color: rgba(255,255,255,0.7); font-size: 12px; letter-spacing: 0.1em;

}

.lightbox-btn {

  position: absolute; background: rgba(255,255,255,0.12);

  color: white; border: none; cursor: pointer;

  width: 50px; height: 50px; border-radius: 50%;

  font-size: 26px; font-weight: 700;

  display: flex; align-items: center; justify-content: center;

  transition: background .2s;

}

.lightbox-btn:hover { background: rgba(255,255,255,0.25); }

.lightbox-close { top: 20px; right: 20px; }

.lightbox-prev  { left: 20px; top: 50%; transform: translateY(-50%); font-size: 36px; }

.lightbox-next  { right: 20px; top: 50%; transform: translateY(-50%); font-size: 36px; }



@media (max-width: 600px) {

  .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }

  .lightbox-prev, .lightbox-next { width: 42px; height: 42px; font-size: 28px; }

  .lightbox-close { width: 42px; height: 42px; font-size: 22px; top: 14px; right: 14px; }

  .admin-tab { padding: 10px 14px; font-size: 13.5px; }

}



.gallery-publish-box {

  background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);

  border-left: 4px solid var(--terracotta);

  padding: 14px 18px; border-radius: 8px;

  margin-bottom: 16px; font-size: 13.5px;

}

.gallery-publish-box ol { margin: 8px 0 0 22px; padding: 0; }

.gallery-publish-box li { margin-bottom: 4px; }

.gallery-publish-box code {

  background: rgba(0,0,0,0.08); padding: 2px 6px; border-radius: 4px;

  font-family: 'Courier New', monospace; font-size: 12px;

}



/* ========== EDITOR MENU ========== */

.editor-toolbar {

  display: flex; gap: 10px; flex-wrap: wrap; align-items: center;

  background: white; padding: 12px 14px; border-radius: 10px;

  border: 1px solid var(--stone); margin-bottom: 12px;

}

.editor-toolbar input[type="text"],

.editor-toolbar select {

  font-family: 'Manrope', sans-serif; font-size: 14px;

  padding: 9px 12px; border: 1px solid var(--stone);

  border-radius: 8px; outline: none; min-width: 180px;

}

.editor-toolbar input[type="text"] { flex: 1; }

.editor-toolbar input[type="text"]:focus,

.editor-toolbar select:focus { border-color: var(--terracotta); }

.editor-toolbar button { padding: 9px 14px; font-size: 13.5px; }



.editor-info-row {

  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;

  background: var(--cream); padding: 10px 14px; border-radius: 8px;

  margin-bottom: 14px; font-size: 13.5px;

}

.editor-status {

  display: inline-flex; align-items: center; gap: 4px;

  font-weight: 700; padding: 4px 10px; border-radius: 12px;

}

.editor-status.dirty { background: #fff8e1; color: #b8860b; }

.editor-status.clean { background: #e8f5e9; color: #2e7d32; }



.editor-grid {

  display: grid; grid-template-columns: 1fr; gap: 10px;

}

@media (min-width: 900px) { .editor-grid { grid-template-columns: 1fr 1fr; } }



.editor-row {

  background: white; border: 1px solid var(--stone); border-radius: 10px;

  padding: 12px 14px;

  display: flex; flex-direction: column; gap: 6px;

}

.editor-row:hover { border-color: var(--sunflower-dark); }

.editor-row-head {

  display: flex; align-items: center; justify-content: space-between; gap: 10px;

}

.editor-cat-badge {

  display: inline-block;

  font-size: 11px; font-weight: 700; text-transform: uppercase;

  letter-spacing: 0.05em; color: var(--terracotta);

  background: var(--cream-dark); padding: 4px 9px; border-radius: 4px;

}

.editor-row .btn-mini-danger { flex: none; padding: 6px 10px; font-size: 12px; }

.editor-label {

  display: flex; flex-direction: column;

  font-size: 11.5px; font-weight: 700; color: var(--charcoal-light);

  text-transform: uppercase; letter-spacing: 0.04em;

  margin-top: 2px;

}

.editor-label input,

.editor-label select {

  font-family: 'Manrope', sans-serif; font-size: 14px; font-weight: 500;

  text-transform: none; letter-spacing: 0;

  padding: 7px 10px; border: 1px solid var(--stone);

  border-radius: 6px; outline: none;

  margin-top: 3px; color: var(--charcoal);

}

.editor-label input:focus,

.editor-label select:focus { border-color: var(--terracotta); }

.editor-grid-3 {

  display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 8px;

}

.editor-allergens {

  display: flex; gap: 5px; flex-wrap: wrap; align-items: center;

  margin-top: 4px; padding-top: 6px;

  border-top: 1px dashed var(--stone);

}

.editor-allergens .all-pick {

  width: 26px; height: 26px; font-size: 11px;

}

@media (max-width: 600px) {

  .editor-grid-3 { grid-template-columns: 1fr; }

  .editor-toolbar input[type="text"] { min-width: 100%; }

}



/* ========== STAMPA - LAYOUT RIEPILOGO (8 + QR + ALLERGENI per A4) ========== */

.print-summary { display: none; }

.daily-print-buttons { display: flex; gap: 8px; flex-wrap: wrap; }



@media print {

  /* Quando NON e modalita riepilogo, nascondi summary */

  body:not(.print-mode-summary) .print-summary { display: none !important; }

  /* Quando E modalita riepilogo, nascondi le card singole A6 */

  body.print-mode-summary .print-area { display: none !important; }



  body.print-mode-summary * { visibility: hidden; }

  body.print-mode-summary .print-summary,

  body.print-mode-summary .print-summary * { visibility: visible; }

  body.print-mode-summary .print-summary {

    display: grid !important;

    grid-template-rows: 26mm 11mm 1fr 6mm;

    width: 210mm;

    height: 297mm;

    position: absolute;

    top: 0; left: 0;

    padding: 5mm 6mm;

    box-sizing: border-box;

    background: white;

    font-family: 'Playfair Display', serif;

    color: #2d2d2d;

  }



  /* Header con titolo + QR */

  .print-summary-head {

    display: flex; justify-content: space-between; align-items: center;

    border-bottom: 1mm solid #f5b800;

    padding-bottom: 2mm;

  }

  .print-summary-script {

    font-family: 'Caveat', cursive; font-size: 14pt; color: #c05746;

    line-height: 1;

  }

  .print-summary-brand { font-size: 22pt; font-weight: 800; margin: 1mm 0; }

  .print-summary-date {

    font-size: 8pt; color: #666;

    text-transform: uppercase; letter-spacing: 0.15em;

  }

  .print-summary-qr { display: flex; align-items: center; gap: 3mm; }

  .print-summary-qr img {

    width: 22mm; height: 22mm; display: block;

    border: 0.3mm solid #ddd; padding: 1mm; background: white;

  }

  .print-summary-qr-label {

    font-family: 'Manrope', sans-serif; font-size: 7.5pt;

    color: #555; text-align: right; line-height: 1.3;

  }

  .print-summary-qr-label strong { color: #c05746; font-size: 8pt; }



  /* Legenda allergeni */

  .print-summary-legend {

    font-family: 'Manrope', sans-serif; font-size: 6.8pt;

    line-height: 1.6; padding: 2mm 0;

    border-bottom: 0.3mm solid #ddd;

    display: flex; flex-wrap: wrap; gap: 2mm 4mm;

    align-items: center; align-content: center;

  }

  .print-summary-legend strong {

    font-size: 7.5pt; color: #c05746;

    letter-spacing: 0.1em;

  }

  .print-summary-legend .psl-item {

    display: inline-flex; align-items: center; gap: 1mm;

    white-space: nowrap;

  }

  .print-summary-legend .allergen-chip {

    width: 4mm; height: 4mm; min-width: 4mm; font-size: 7pt;

  }



  /* Griglia adattiva: tutti i piatti su UN solo foglio A4 */

  .print-summary-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-auto-rows: 1fr;

    gap: 3mm 4mm;

    padding-top: 3mm;

    align-content: stretch;

    overflow: hidden;

  }



  .ps-card {

    border: 0.4mm solid #f5b800;

    border-left: 1.5mm solid #c05746;

    border-radius: 1.5mm;

    padding: 2.5mm 3mm;

    background: #fffbf0;

    display: flex; flex-direction: column;

    page-break-inside: avoid; break-inside: avoid;

    overflow: hidden;

  }

  .ps-head {

    display: flex; justify-content: space-between; align-items: baseline; gap: 2mm;

  }

  .ps-cat {

    font-size: 6.8pt; font-weight: 800; color: #c05746;

    text-transform: uppercase; letter-spacing: 0.08em;

  }

  .ps-price {

    font-size: 13pt; font-weight: 800; color: #c05746;

    line-height: 1; white-space: nowrap;

  }

  .ps-priceL { font-size: 8pt; font-weight: 600; color: #888; }

  .ps-name {

    font-size: 12pt; font-weight: 700; line-height: 1.15;

    margin: 1mm 0; color: #2d2d2d;

  }

  .ps-desc {

    font-family: 'Manrope', sans-serif;

    font-size: 7.8pt; line-height: 1.3; color: #555;

    flex: 1;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

  }

  .ps-allergens {

    display: flex; gap: 1mm; flex-wrap: wrap;

    margin-top: 1.5mm;

  }

  .ps-allergens .allergen-chip {

    width: 4mm; height: 4mm; min-width: 4mm; font-size: 7pt;

  }



  /* Densita media (3 colonne, 9-12 piatti) */

  .print-summary-grid[data-dense="mid"] .ps-card { padding: 2mm 2.5mm; border-left-width: 1.2mm; }

  .print-summary-grid[data-dense="mid"] .ps-cat { font-size: 5.8pt; }

  .print-summary-grid[data-dense="mid"] .ps-price { font-size: 10pt; }

  .print-summary-grid[data-dense="mid"] .ps-name { font-size: 9.5pt; margin: 0.5mm 0; }

  .print-summary-grid[data-dense="mid"] .ps-desc { font-size: 6.8pt; -webkit-line-clamp: 2; line-height: 1.2; }

  .print-summary-grid[data-dense="mid"] .ps-allergens .allergen-chip { width: 3.2mm; height: 3.2mm; min-width: 3.2mm; font-size: 5.5pt; }



  /* Densita alta (4 colonne, 13-16+ piatti) */

  .print-summary-grid[data-dense="high"] { gap: 2mm 2.5mm; }

  .print-summary-grid[data-dense="high"] .ps-card { padding: 1.5mm 2mm; border-left-width: 1mm; }

  .print-summary-grid[data-dense="high"] .ps-cat { font-size: 5pt; letter-spacing: 0.05em; }

  .print-summary-grid[data-dense="high"] .ps-price { font-size: 8.5pt; }

  .print-summary-grid[data-dense="high"] .ps-priceL { font-size: 6pt; }

  .print-summary-grid[data-dense="high"] .ps-name { font-size: 8pt; margin: 0.3mm 0; line-height: 1.1; }

  .print-summary-grid[data-dense="high"] .ps-desc { font-size: 5.8pt; -webkit-line-clamp: 2; line-height: 1.15; }

  .print-summary-grid[data-dense="high"] .ps-allergens { gap: 0.5mm; margin-top: 0.8mm; }

  .print-summary-grid[data-dense="high"] .ps-allergens .allergen-chip { width: 2.8mm; height: 2.8mm; min-width: 2.8mm; font-size: 5pt; }



  /* Footer */

  .print-summary-foot {

    font-family: 'Manrope', sans-serif;

    font-size: 7pt; color: #888; text-align: center;

    border-top: 0.3mm solid #ddd; padding-top: 1.5mm;

    align-self: end;

  }

}



/* ========== BOTTONE ORDINA ONLINE (verde takeaway) ========== */

.btn-order {

  display: inline-flex; align-items: center; justify-content: center; gap: 6px;

  font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 15px;

  padding: 14px 26px; border-radius: 999px;

  background: #16a34a;

  color: white; text-decoration: none;

  border: 2px solid #16a34a;

  transition: transform .15s ease, background .15s, box-shadow .15s;

  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.28);

}

.btn-order:hover {

  background: #15803d; border-color: #15803d;

  transform: translateY(-2px);

  box-shadow: 0 8px 20px rgba(22, 163, 74, 0.4);

}

.btn-order:active { transform: translateY(0); }



/* ========== CONSENSO PRIVACY nel form prenotazione ========== */

.privacy-consent {

  display: flex; align-items: flex-start; gap: 10px;

  flex-direction: row !important;

  padding: 12px 14px;

  background: var(--cream);

  border: 1px solid var(--stone);

  border-radius: 8px;

  margin: 4px 0 12px;

  font-size: 13.5px;

  line-height: 1.4;

  cursor: pointer;

}

.privacy-consent input[type="checkbox"] {

  flex-shrink: 0;

  width: 20px; height: 20px;

  margin-top: 1px;

  accent-color: var(--terracotta);

  cursor: pointer;

}

.privacy-consent span { color: var(--charcoal); font-weight: 500; }

.privacy-consent a { color: var(--terracotta); font-weight: 700; text-decoration: underline; }

.privacy-consent a:hover { text-decoration: none; }



/* ========== POPUP PROMOZIONE ========== */

.promo-overlay {

  position: fixed; inset: 0; z-index: 10000;

  background: rgba(20, 20, 20, 0.72);

  display: flex; align-items: center; justify-content: center;

  padding: 20px;

  opacity: 0;

  transition: opacity 0.28s ease;

  backdrop-filter: blur(4px);

}

.promo-overlay.show { opacity: 1; }

.promo-modal {

  background: white;

  border-radius: 22px;

  max-width: 520px; width: 100%;

  padding: 32px 26px 26px;

  text-align: center;

  position: relative;

  box-shadow: 0 25px 80px rgba(0,0,0,0.35);

  border-top: 8px solid var(--sunflower);

  transform: scale(0.9);

  transition: transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);

  font-family: 'Manrope', sans-serif;

}

.promo-overlay.show .promo-modal { transform: scale(1); }

.promo-close {

  position: absolute; top: 8px; right: 12px;

  width: 34px; height: 34px;

  border: none; background: transparent;

  font-size: 32px; line-height: 1;

  color: var(--charcoal-light); cursor: pointer;

  padding: 0;

  transition: color 0.15s, transform 0.15s;

}

.promo-close:hover { color: var(--terracotta); transform: rotate(90deg); }

.promo-ribbon {

  display: inline-block;

  background: linear-gradient(135deg, var(--sunflower), var(--sunflower-dark));

  color: var(--charcoal);

  font-weight: 800; font-size: 11px;

  padding: 5px 14px; border-radius: 999px;

  letter-spacing: 0.14em; margin-bottom: 14px;

  text-transform: uppercase;

  box-shadow: 0 4px 12px rgba(245, 184, 0, 0.35);

}

.promo-title {

  font-family: 'Playfair Display', serif;

  font-size: 1.55rem; font-weight: 800;

  color: var(--terracotta);

  line-height: 1.15;

  margin-bottom: 14px;

  text-transform: uppercase;

  letter-spacing: 0.02em;

}

.promo-message {

  font-size: 1.05rem; font-weight: 700;

  color: var(--charcoal);

  line-height: 1.4;

  margin-bottom: 22px;

  text-transform: uppercase;

}

.promo-message div { padding: 3px 0; }

.promo-cta {

  display: inline-flex; align-items: center; justify-content: center; gap: 8px;

  padding: 15px 34px;

  background: var(--terracotta);

  color: white;

  border-radius: 999px;

  font-weight: 800; font-size: 16px;

  text-decoration: none;

  text-transform: uppercase; letter-spacing: 0.05em;

  transition: transform 0.15s, box-shadow 0.15s, background 0.15s;

  box-shadow: 0 8px 22px rgba(192, 87, 70, 0.35);

}

.promo-cta:hover {

  background: #a04638;

  transform: translateY(-3px);

  box-shadow: 0 12px 28px rgba(192, 87, 70, 0.45);

}

.promo-footnote {

  margin-top: 20px;

  font-size: 12px; color: var(--charcoal-light);

  font-style: italic;

}

@media (max-width: 480px) {

  .promo-modal { padding: 26px 20px 22px; border-top-width: 6px; }

  .promo-title { font-size: 1.3rem; }

  .promo-message { font-size: 0.95rem; }

  .promo-cta { padding: 13px 28px; font-size: 15px; }

}



/* ========== EDITOR PROMO (admin) ========== */

.promo-toggle-label {

  display: flex !important;

  flex-direction: row !important;

  align-items: center; gap: 12px;

  padding: 14px 18px;

  background: linear-gradient(135deg, #fff8e1, #ffecb3);

  border: 2px solid var(--sunflower-dark);

  border-radius: 10px;

  margin-bottom: 14px;

  cursor: pointer;

  font-size: 15px;

}

.promo-toggle-label input[type="checkbox"] {

  width: 22px; height: 22px;

  margin: 0;

  accent-color: var(--terracotta);

  cursor: pointer;

  flex-shrink: 0;

}

.promo-toggle-label span { color: var(--charcoal); font-weight: 500; }

.promo-toggle-label strong { color: var(--terracotta); font-weight: 700; }



/* ===== Stato ordini online in home (visibile ai clienti) ===== */

.order-live {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-top: 10px !important;

  font-weight: 600;

  font-size: 0.95rem;

}

.order-live-dot {

  width: 11px;

  height: 11px;

  border-radius: 50%;

  background: var(--stone);

  flex: none;

}

.order-live.is-open .order-live-dot {

  background: #1a9d4b;

  box-shadow: 0 0 0 0 rgba(26, 157, 75, 0.6);

  animation: orderPulse 2s infinite;

}

.order-live.is-closed .order-live-dot { background: var(--terracotta); }

@keyframes orderPulse {

  0%   { box-shadow: 0 0 0 0 rgba(26, 157, 75, 0.55); }

  70%  { box-shadow: 0 0 0 9px rgba(26, 157, 75, 0); }

  100% { box-shadow: 0 0 0 0 rgba(26, 157, 75, 0); }

}



@media (max-width: 760px) {

  .order-live { justify-content: center; align-items: flex-start; text-align: left; }

  .order-live-dot { margin-top: 5px; }

}


/* ========== STAMPA "LISTA" - menu su foglio A4 senza card ========== */
.print-list { display: none; }
.menu-print-bar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; flex-wrap: wrap;
  max-width: 1400px; margin: 0 auto 22px;
  padding: 14px 18px; border-radius: 14px;
  background: #fffaf0; border: 1px solid var(--stone);
}
/* I pulsanti di stampa nascosti devono sparire davvero: .btn-primary e
   .btn-outline impostano display:inline-flex e vincerebbero su [hidden]. */
.daily-print-buttons [hidden] { display: none !important; }
.menu-print-bar .menu-print-text { font-size: 14px; color: var(--charcoal-light); max-width: 520px; }
.menu-print-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.menu-print-actions .btn-outline { display: inline-flex; align-items: center; }
@media (max-width: 768px) {
  .menu-print-bar { padding: 12px 14px; margin: 0 12px 16px; }
  .menu-print-bar .menu-print-text { font-size: 13px; }
  .menu-print-actions { width: 100%; }
  .menu-print-actions > * { flex: 1; justify-content: center; text-align: center; min-height: 44px; }
}

@media print {
  /* Nasconde davvero il resto della pagina: con visibility:hidden lo spazio
     restava occupato e usciva un foglio bianco in fondo. */
  body.print-mode-list > *:not(.print-list) { display: none !important; }
  /* La regola generica 'body * { visibility: hidden }' dei cartoncini vale in
     tutte le stampe: qui va riportata la visibilita sul foglio lista. */
  body.print-mode-list .print-list,
  body.print-mode-list .print-list * { visibility: visible !important; }
  body.print-mode-list .print-list {
    display: block !important;
    position: static;
    width: 210mm; padding: 9mm 10mm 7mm;
    box-sizing: border-box; background: white;
    font-family: 'Playfair Display', serif; color: #2d2d2d;
  }

  .pl-head {
    display: flex; justify-content: space-between; align-items: flex-end;
    border-bottom: 1mm solid #f5b800; padding-bottom: 3mm; margin-bottom: 4mm;
  }
  .pl-script { font-family: 'Caveat', cursive; font-size: 13pt; color: #c05746; line-height: 1; }
  .pl-brand { font-size: 20pt; font-weight: 800; line-height: 1.1; }
  .pl-title {
    font-family: 'Manrope', sans-serif; font-size: 8pt; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.18em; color: #6b6b6b;
  }
  .pl-qr-box { text-align: center; }
  .pl-qr { width: 17mm; height: 17mm; display: block; }
  .pl-qr-box span {
    display: block; font-family: 'Manrope', sans-serif;
    font-size: 5.5pt; color: #6b6b6b; margin-top: 0.8mm;
  }

  .pl-cols { column-count: 2; column-gap: 7mm; }
  .pl-cat { margin-bottom: 3mm; }
  .pl-cat-title {
    font-family: 'Manrope', sans-serif; font-size: 8pt; font-weight: 800;
    text-transform: uppercase; letter-spacing: 0.12em; color: #c05746;
    border-bottom: 0.3mm solid #e5e0d8; padding-bottom: 0.8mm;
    margin: 0 0 1.5mm;
    break-after: avoid; page-break-after: avoid;
  }
  .pl-row {
    display: flex; align-items: baseline; gap: 1.5mm;
    padding: 0.5mm 0; break-inside: avoid;
  }
  .pl-text { flex: 1; min-width: 0; }
  .pl-name { font-size: 8.5pt; font-weight: 700; }
  .pl-desc {
    font-family: 'Manrope', sans-serif; font-size: 6.5pt; color: #6b6b6b;
    display: block; line-height: 1.25;
  }
  .pl-al {
    font-family: 'Manrope', sans-serif; font-size: 6pt; color: #8a8a8a;
    white-space: nowrap;
  }
  .pl-price { font-size: 8.5pt; font-weight: 800; white-space: nowrap; }
  .pl-price::before { content: "€ "; font-weight: 600; }

  .pl-legend {
    font-family: 'Manrope', sans-serif; font-size: 6pt; line-height: 1.35;
    color: #555; border-top: 0.3mm solid #e5e0d8;
    margin-top: 3mm; padding-top: 2mm;
  }
  .pl-foot {
    display: flex; justify-content: space-between; gap: 6mm;
    font-family: 'Manrope', sans-serif; font-size: 6pt; color: #555;
    border-top: 0.5mm solid #f5b800; margin-top: 2mm; padding-top: 2mm;
  }
  .pl-foot-orari { text-align: right; }
  .pl-foot-orari span { display: block; }
}

/* Pulsante "Stampa questa categoria" nella testata dei piatti */
.cat-print-btn { margin-left: auto; font-size: 13px; padding: 8px 14px; }
.dishes-header [hidden] { display: none !important; }
@media (max-width: 768px) {
  .cat-print-btn { margin-left: 0; width: 100%; justify-content: center; min-height: 44px; }
}