/* ============================================================
   STRAT VIZUAL „LIQUID GLASS" — comun pentru paginile secundare
   (contact, despre-noi, rezervari, termeni, politica, reset-password).
   Index-ul are propriul bloc inline; acest fișier aduce aceleași
   tratamente pe restul paginilor: pastila de navigare, glass pe
   meniuri, footer plutitor, fontul condensat pe titluri.
   Revenire: se scoate <link>-ul din pagini.
============================================================ */

/* ---------- Fontul condensat din prototip ---------- */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/barlow-condensed-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/barlow-condensed-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/barlow-condensed-800-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/barlow-condensed-800-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- BARA DE SUS: pastilă glass plutitoare ---------- */
nav {
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 970;
  min-height: 70px;
  padding: 0 12px 0 24px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 28px rgba(146, 92, 40, 0.16);
}
body { padding-top: 90px; }
body.dark nav {
  background: rgba(22, 18, 14, 0.55);
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 32px rgba(0, 0, 0, 0.45);
}
@media (max-width: 768px) {
  nav { padding: 0 8px 0 16px; }
}
@media (max-width: 560px) {
  nav { padding: 0 6px 0 14px; min-height: 60px; }
  body { padding-top: 80px; }
  a.logo, .logo { font-size: 20px; }
  .nav-actions { gap: 5px; }
  .btn-theme-toggle { width: 38px; height: 38px; }
  .btn-theme-toggle .theme-icon { width: 18px; height: 18px; }
  .lang-switch__btn { padding: 6px 9px; font-size: 12px; }
  .page-header h1 { font-size: clamp(24px, 7vw, 32px); }
  /* sub 16px, iOS face zoom automat la focus pe câmpuri */
  input, select, textarea { font-size: 16px !important; }
}
@media (min-width: 1100px) {
  nav {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: clamp(920px, 65vw, 1550px);
  }
}

/* butoanele din bară: pastile de sticlă */
.btn-theme-toggle,
.lang-switch {
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.lang-switch__btn { padding: 8px 14px; }
.btn-theme-toggle:hover { background: rgba(255, 255, 255, 0.65); }
body.dark .btn-theme-toggle,
body.dark .lang-switch {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
body.dark .btn-theme-toggle:hover { background: rgba(255, 255, 255, 0.18); }

.btn-nav {
  border-radius: 999px;
  background: rgba(232, 114, 12, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 6px 18px rgba(232, 114, 12, 0.25);
  transition: background 0.2s ease, transform 0.2s ease;
}
.btn-nav:hover { background: #E8720C; transform: translateY(-1px); }

/* meniurile care se deschid din bară */
.nav-dropdown,
.nav-burger-menu {
  background: rgba(255, 253, 250, 0.96);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 16px 40px rgba(0, 0, 0, 0.18);
}
body.dark .nav-dropdown,
body.dark .nav-burger-menu {
  background: rgba(28, 23, 18, 0.96);
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 16px 40px rgba(0, 0, 0, 0.5);
}

/* ---------- Titlurile paginilor: condensat, ca pe index ---------- */
.page-header h1 {
  font-family: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1;
}

/* ---------- Footer: placă plutitoare ---------- */
footer {
  margin: 60px 10px 10px;
  border-radius: 26px;
}

/* ---------- WhatsApp: pastilă glass verde ---------- */
.whatsapp-float {
  background: linear-gradient(180deg, rgba(47, 231, 122, 0.88) 0%, rgba(37, 211, 102, 0.88) 50%, rgba(30, 190, 93, 0.88) 100%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 8px 32px rgba(37, 211, 102, 0.45), 0 2px 10px rgba(0, 0, 0, 0.12);
}

/* ---------- Modalele (auth etc.): aproape opace, lizibile ---------- */
.modal-overlay {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.modal {
  background: rgba(255, 253, 250, 0.97);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 24px 60px rgba(0, 0, 0, 0.25);
}
body.dark .modal {
  background: rgba(26, 21, 17, 0.97);
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 24px 60px rgba(0, 0, 0, 0.6);
}

/* bifele și radio-urile în portocaliul mărcii, nu albastrul browserului */
body { accent-color: #E8720C; }

/* rândurile legale din subsol (firmă, CUI, SAL/ANPC), unul sub altul */
.footer-legal { display: block; line-height: 1.7; }

/* butonul de apel: sticky pe mobil, deasupra celui de WhatsApp */
.call-float {
  position: fixed; right: 16px; bottom: 92px; z-index: 990;
  width: 54px; height: 54px; border-radius: 50%;
  display: none; align-items: center; justify-content: center;
  color: #fff; text-decoration: none;
  background: linear-gradient(180deg, #F08A2E, #E8720C);
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 8px 24px rgba(232, 114, 12, 0.4);
}
@media (max-width: 760px) { .call-float { display: flex; } }

/* ---------- Selecturile: săgeată proprie + listă lizibilă ---------- */
select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23E8720C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 34px;
  cursor: pointer;
}
select option { background: #fffdfa; color: #1a1a1a; }
body.dark select option { background: #241f1a; color: #f0e9e0; }

/* ---------- Fallback fără backdrop-filter ---------- */
@supports not ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))) {
  nav { background: #fffdf8; }
  body.dark nav { background: #17130f; }
  .nav-dropdown, .nav-burger-menu, .modal { background: #fffaf3; }
  body.dark .nav-dropdown, body.dark .nav-burger-menu, body.dark .modal { background: #221c16; }
  .btn-nav { background: #E8720C; }
  .whatsapp-float { background: linear-gradient(180deg, #2fe77a 0%, #25d366 50%, #1ebe5d 100%); }
}