/* Ajustari pentru telefon (v2). Desktopul ramane neschimbat. */

/* ---------- Meniu cu buton (activ doar cand js/meniu.js a pus clasa mn-js;
   fara JavaScript, meniul ramane afisat ca inainte) ---------- */
.mn-bara { display: none; }

@media (max-width: 760px) {
  html.mn-js .mn-bara {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    max-width: 1180px; margin: 0 auto; padding: 4px var(--space-6, 24px);
  }
  .mn-btn {
    display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0;
    background: none; border: 0; cursor: pointer;
    font-family: var(--font-heading); font-style: italic; font-size: 21px; color: #e6c47e;
  }
  .mn-btn:focus-visible { outline: 2px solid #e6c47e; outline-offset: 4px; }
  .mn-ico { position: relative; width: 22px; height: 14px; flex: none; }
  .mn-ico i { position: absolute; left: 0; right: 0; height: 1.5px; background: currentColor; border-radius: 1px; transition: transform .3s ease, opacity .2s ease, top .3s ease; }
  .mn-ico i:nth-child(1) { top: 0; }
  .mn-ico i:nth-child(2) { top: 6px; }
  .mn-ico i:nth-child(3) { top: 12px; }
  nav[data-mn-deschis] .mn-ico i:nth-child(1) { top: 6px; transform: rotate(45deg); }
  nav[data-mn-deschis] .mn-ico i:nth-child(2) { opacity: 0; }
  nav[data-mn-deschis] .mn-ico i:nth-child(3) { top: 6px; transform: rotate(-45deg); }
  .mn-curent { font-family: var(--font-heading); font-style: italic; font-size: 17px; color: #a8a29b; text-align: right; }

  /* inchis: legaturile sunt ascunse */
  html.mn-js nav > [data-menu] { display: none !important; }
  /* deschis: o legatura pe rand, zone mari de atingere */
  html.mn-js nav[data-mn-deschis] > [data-menu] {
    display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 0 !important;
    padding: 0 var(--space-6, 24px) var(--space-4, 16px) !important; font-size: 22px !important;
  }
  html.mn-js nav[data-mn-deschis] > [data-menu] a {
    display: block; padding: 12px 0 !important; margin: 0 !important;
    border-top: 1px solid rgba(247, 244, 240, 0.12);
  }
  /* indicatorul paginii curente: o linie scurta sub legatura, nu deasupra */
  html.mn-js nav[data-mn-deschis] > [data-menu] a::before {
    top: auto !important; bottom: 6px !important; right: auto !important; width: 28px !important;
  }

  /* text minim lizibil: etichetele de 10px devin 11px (fara fereastra decorativa „Oferte speciale”) */
  #site [style*="font-size: 10px"]:not([data-ofsp-modal] *) { font-size: 11px !important; }
}

/* ---------- Rezervare: pasii si casetele cu date ---------- */
@media (max-width: 640px) {
  /* Pasii I-II-III: numar deasupra, nume dedesubt, fara „Pasul N”, ca sa incapa pe 3 coloane */
  [data-pasi] { gap: var(--space-2, 8px) !important; }
  [data-pasi] [data-step] { flex-direction: column; align-items: center !important; text-align: center !important; gap: 8px !important; min-width: 0; }
  [data-pasi] [data-step] [data-num] { width: 38px !important; height: 38px !important; font-size: 16px !important; }
  [data-pasi] [data-step] > span:last-child > span:first-child { display: none; }
  [data-pasi] [data-step] > span:last-child > span:last-child { font-size: 16px !important; line-height: 1.25 !important; }

  /* Sosire / Plecare pe doua coloane, numarul de nopti dedesubt intr-o pastila */
  [data-date] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: var(--space-3, 12px) !important; }
  [data-cols] [data-pane] [data-date] > [data-tile] { padding: 14px 14px 12px !important; min-width: 0; }
  [data-date] > [data-tile] > span:nth-child(2) { font-size: 46px !important; }
  [data-date] > [data-tile] > span:nth-child(3) { font-size: 18px !important; overflow-wrap: anywhere; }
  [data-date] > [data-nopti] {
    grid-column: 1 / -1; order: 3; justify-self: center;
    width: auto !important; height: auto !important; border-radius: 999px !important;
    flex-direction: row !important; align-items: baseline !important; gap: 8px !important;
    padding: 6px 18px; outline-offset: 3px !important;
  }
  [data-date] > [data-nopti] > span:first-child { font-size: 26px !important; }
}