/* =========================================
   ARABIC / RTL OVERRIDES
========================================= */

html[dir="rtl"],
body {
  direction: rtl;
}

body {
  font-family: "Cairo", "Montserrat", sans-serif;
  text-align: right;
}

/* Titoli principali restano forti ma più leggibili in arabo */
h1, h2, h3, h4, h5, h6,
.nav-links a,
.btn,
.brand-word,
.tag,
.eyebrow,
.visual-badge,
.stat strong,
.info-box strong {
  font-family: "Cairo", "Montserrat", sans-serif;
  letter-spacing: 0;
}

/* ==============================
   ARABIC BASIC
============================== */
html[dir="rtl"] body {
  direction: rtl;
  font-family: "Cairo", "Montserrat", sans-serif;
  text-align: right;
}

/* Titoli/testi */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .nav-links a,
html[dir="rtl"] .btn,
html[dir="rtl"] .tag,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .visual-badge,
html[dir="rtl"] .stat strong,
html[dir="rtl"] .info-box strong {
  font-family: "Cairo", "Montserrat", sans-serif;
  letter-spacing: 0;
}

/* ==============================
   HEADER / NAV
   Logo uguale al sito base
============================== */

/* NON toccare il logo: resta centrato come nel css base */
html[dir="rtl"] .brand {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

/* Burger a sinistra */
html[dir="rtl"] .mobile-toggle {
  left: 0;
  right: auto;
  top: 56%;
  transform: translateY(-50%);
}

/* Menu mobile aperto da sinistra */
html[dir="rtl"] .nav.open .nav-links {
  left: 0;
  right: auto;
  align-items: flex-end;
  text-align: right;
}

/* Bottone desktop franchising a sinistra */
@media (min-width: 1200px) {
  html[dir="rtl"] .nav-actions {
    left: 56px;
    right: auto;
    transform: translateY(-50%);
  }
}

/* ==============================
   TESTI RTL
============================== */
html[dir="rtl"] .hero,
html[dir="rtl"] .hero *,
html[dir="rtl"] .section,
html[dir="rtl"] .section *,
html[dir="rtl"] .card,
html[dir="rtl"] .info-box,
html[dir="rtl"] .mini-card {
  text-align: right;
}

html[dir="rtl"] .contact-form input,
html[dir="rtl"] .contact-form textarea,
html[dir="rtl"] .contact-form input::placeholder,
html[dir="rtl"] .contact-form textarea::placeholder {
  text-align: right;
}

/* Checkbox privacy */
html[dir="rtl"] .privacy-check {
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: right;
}

/* ==============================
   MENU / CARD PASTA
============================== */
html[dir="rtl"] .pasta-card img {
  right: auto;
  left: 14px;
}

/* ==============================
   FOOTER
============================== */
html[dir="rtl"] .footer-legal .container,
html[dir="rtl"] .footer-wrap,
html[dir="rtl"] .footer-links-row,
html[dir="rtl"] .footer-copy {
  text-align: right;
}

/* Social a sinistra nel footer arabo */
html[dir="rtl"] .social-icons {
  justify-content: flex-start;
  margin-left: 8px;
  margin-right: 0;
}

/* ==============================
   WARNING BOX MENU ARABO
============================== */
.alcohol-warning {
  margin-top: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(243, 182, 61, 0.35);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.82);
  color: #F3B63D !important;
  text-align: right;
}

.alcohol-warning strong {
  display: block;
  margin-bottom: 6px;
  font-family: "Cairo", "Montserrat", sans-serif;
  font-weight: 800;
  color: #F3B63D !important;
}

.alcohol-warning p {
  margin: 0;
  color: #F3B63D !important;
  line-height: 1.6;
}

/* ==============================
   RESPONSIVE
============================== */
@media (max-width: 840px) {
  html[dir="rtl"] .mobile-toggle {
    left: 0;
    right: auto;
  }

  html[dir="rtl"] .nav.open .nav-links {
    left: 0;
    right: auto;
  }

  html[dir="rtl"] .footer-wrap {
    text-align: center;
  }

  html[dir="rtl"] .social-icons {
    justify-content: center;
    margin-left: 0;
  }
}
/* =========================================
   HERO RTL
========================================= */

.hero,
.hero * {
  text-align: right;
}

.eyebrow {
  justify-content: flex-start;
}

.hero-actions {
  justify-content: flex-start;
}

.hero-stats {
  direction: rtl;
}

.stat {
  text-align: right;
}

.visual-badge {
  left: auto;
  right: 18px;
}

/* =========================================
   GRID / CONTENT RTL
========================================= */

.section-head {
  text-align: right;
}

.section-head h2,
.section-head p,
.card,
.info-box,
.mini-card {
  text-align: right;
}

.contact-form {
  direction: rtl;
}

.contact-form input,
.contact-form textarea {
  text-align: right;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  text-align: right;
}

/* Checkbox privacy */
.privacy-check {
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: right;
}

.privacy-check input {
  margin-top: 4px;
}

/* =========================================
   MENU RTL
========================================= */

.menu-nav {
  justify-content: flex-start;
}

.btn-chip {
  font-family: "Cairo", "Montserrat", sans-serif;
}

.sugo-title,
.allergen-tags,
.allergen-tags span {
  direction: rtl;
}

.sughi-grid .card h3,
.card h3,
.card p {
  text-align: right;
}

/* Pasta card image positioning for RTL if needed */
.pasta-card img {
  right: auto;
  left: 14px;
}

/* =========================================
   SPECIAL WARNING BOX FOR ARABIC MENU
   Da usare subito dopo "Come funziona"
========================================= */

.alcohol-warning {
  margin-top: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(243, 182, 61, 0.35);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.82);
  color: #F3B63D;
  text-align: right;
}

.alcohol-warning strong {
  display: block;
  margin-bottom: 6px;
  font-family: "Cairo", "Montserrat", sans-serif;
  font-weight: 800;
  color: #F3B63D;
}

.alcohol-warning p {
  margin: 0;
  color: #F3B63D;
  line-height: 1.6;
}

/* Variante più leggera, se la vuoi gialla */
.alcohol-warning.light {
  background: rgba(243, 182, 61, 0.08);
  border: 1px solid #000;
  color: #000;
}

.alcohol-warning.light strong,
.alcohol-warning.light p {
  color: #000;
}

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

.footer-legal .container {
  text-align: right;
}

.footer-wrap {
  text-align: right;
}

.social-icons {
  justify-content: flex-start;
  margin-right: 0;
  margin-left: 8px;
}

.footer-links-row {
  justify-content: center;
}

.footer-links-row a,
.footer-copy {
  font-family: "Cairo", "Montserrat", sans-serif;
}

/* =========================================
   RESPONSIVE RTL
========================================= */

@media (max-width: 1024px) {
  .brand {
    right: 50%;
    transform: translateX(50%);
  }

  .mobile-toggle {
    left: 0;
    right: auto;
  }

  .pasta-card img {
    left: 12px;
    right: auto;
  }
}

@media (max-width: 840px) {
  body {
    text-align: right;
  }

  .footer-wrap {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .social-icons {
    justify-content: center;
    margin-left: 0;
  }

  .menu-nav {
    justify-content: center;
  }

  .nav.open .nav-links {
    left: 0;
    right: auto;
    text-align: right;
  }
}