/* ==========================================================
   OTPUSK FORM — ULTRA MODERN SKIN (SAFE + RADICAL)
   Pune acest fișier ULTIMUL după form.css / result.css / tour.css
   ========================================================== */

:root{
  --um-bg: #0b1220;
  --um-grad-1: #6d28d9;
  --um-grad-2: #2563eb;
  --um-grad-3: #06b6d4;
  --um-card: rgba(255,255,255,.10);
  --um-card-2: rgba(255,255,255,.14);
  --um-border: rgba(255,255,255,.16);
  --um-border-2: rgba(255,255,255,.22);
  --um-text: rgba(255,255,255,.92);
  --um-muted: rgba(255,255,255,.68);
  --um-ink: rgba(15,23,42,.92);
  --um-shadow: 0 20px 50px rgba(0,0,0,.35);
  --um-shadow-2: 0 14px 28px rgba(0,0,0,.28);
  --um-radius: 22px;
  --um-radius-sm: 16px;
  --um-pill: 999px;
  --um-focus: 0 0 0 4px rgba(34,211,238,.22), 0 0 0 1px rgba(255,255,255,.18) inset;
}

/* fundal general (dacă nu vrei, comentează) */
body{
  background: radial-gradient(1200px 600px at 15% 10%, rgba(109,40,217,.25), transparent 10%),
              radial-gradient(900px 500px at 90% 5%, rgba(6,182,212,.22), transparent 60%),
              radial-gradient(900px 600px at 70% 90%, rgba(37,99,235,.18), transparent 60%),
              var(--um-bg);
}

/* ====== CONTAINER ====== */
.new_f-container{
  max-width: 1200px !important;
  border-radius: var(--um-radius) !important;
  overflow: hidden !important;
  border: 1px solid var(--um-border) !important;

  /* gradient modern + glass */
  background:
    linear-gradient(135deg, rgba(109,40,217,.92), rgba(37,99,235,.88) 48%, rgba(6,182,212,.85)) !important;

  box-shadow: var(--um-shadow) !important;
  position: relative;
}
body{background:red!important;}
/* glow subtil */
.new_f-container::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(900px 300px at 20% 0%, rgba(255,255,255,.18), transparent 55%),
              radial-gradient(800px 260px at 80% 0%, rgba(255,255,255,.12), transparent 60%);
  pointer-events:none;
  opacity:.8;
}

/* imaginile din fundal mai fine (compass/plane) */
.new_f-wrapper-bg-imgs{
  opacity: .14 !important;
  filter: saturate(1.25) contrast(1.05);
}

/* ====== TITLE ====== */
.new_f-title{
  height: auto !important;
  padding: 22px 0 14px !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
  color: var(--um-text) !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.20);
}

/* ====== FORM WRAPPER WIDTH (nu ating logica OTPUSK, doar aspect) ====== */
.new_f-wrapper > .new_f-title,
.new_f-form > .clearfix,
.new_f-ext-btn-container,
.new_f-ext-body,
.new_f-ext-container .new_f-dropdown-body-bottom{
  width: min(1040px, calc(100% - 36px)) !important;
}

/* ====== INPUT ROW (glass card) ====== */
.new_f-form{
  font-size: 14px !important;
}

/* blocul cu câmpuri */
.new_f-form > .clearfix{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: calc(var(--um-radius) - 6px);
  padding: 12px;
  box-shadow: var(--um-shadow-2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* câmpurile */
.new_f-form-field{
  height: 52px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.92) !important;
  border-radius: var(--um-pill) !important;
  margin-right: 10px !important;
  float: left;
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

/* separatoarele vechi le ascund, că strică “pill look” */
.new_f-form-field::before{ display:none !important; }

/* hover modern */
.new_f-form-field:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
  border-color: rgba(6,182,212,.35) !important;
}

/* setări specifice field widths (păstrăm aproximativ logica, dar cu spacing) */
.new_f-form-field.to{ width: 290px !important; }
.new_f-form-field.from{ width: 170px !important; }
.new_f-form-field.date{ width: 230px !important; }
.new_f-form-field.duration{ width: 160px !important; }
.new_f-form-field.people{ width: 160px !important; }

/* ====== TEXT & PLACEHOLDER ====== */
.new_f-dropdown-btn{
  height: 50px !important;
  padding: 13px 44px 0 16px !important;
}

.new_f-autocomplete-input{
  height: 50px !important;
  font-size: 15px !important;
  color: var(--um-ink) !important;
  padding: 0 44px 0 16px !important;
}

.new_f-autocomplete-input::-webkit-input-placeholder{ color: rgba(15,23,42,.45) !important; }
.new_f-autocomplete-input::-moz-placeholder{ color: rgba(15,23,42,.45) !important; }
.new_f-autocomplete-input:-ms-input-placeholder{ color: rgba(15,23,42,.45) !important; }
.new_f-autocomplete-input:-moz-placeholder{ color: rgba(15,23,42,.45) !important; }

/* focus ring premium */
.new_f-autocomplete-input:focus,
.new_f-datepicker-wrap button:focus{
  outline: none !important;
  box-shadow: var(--um-focus) !important;
  border-radius: var(--um-pill) !important;
}

/* ====== DROPDOWN ARROWS ====== */
.new_f-dropdown-btn::after,
.new_f-dropdown-btn .cnt::after{
  border-width: 7px 6px 0 !important;
  border-color: rgba(2,132,199,.95) transparent transparent !important;
  top: 23px !important;
  right: 16px !important;
  opacity: .9;
}

/* ====== BUTTON “CAUTĂ” — super modern ====== */
.new_f-form .new_f-form-submit{
  height: 52px !important;
  width: 160px !important;
  border-radius: var(--um-pill) !important;
  margin-left: 0 !important;
  float: left !important;

  background:
    linear-gradient(135deg, #ff6a00, #ffb800) !important;
  box-shadow:
    0 18px 36px rgba(255,106,0,.28),
    0 0 0 1px rgba(255,255,255,.18) inset !important;

  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}

.new_f-form .new_f-form-submit:hover{
  transform: translateY(-1px);
  filter: saturate(1.06) brightness(.99);
  box-shadow:
    0 24px 46px rgba(255,106,0,.34),
    0 0 0 1px rgba(255,255,255,.20) inset !important;
}

.new_f-form .new_f-form-submit:active{
  transform: translateY(0px) scale(.99);
}

/* ====== “Căutare avansată” — arată ca link modern ====== */
.new_f-form .new_f-ext-btn{
  font-size: 14px !important;
  font-weight: 700 !important;
  opacity: .95;
}

.new_f-ext-btn-text{
  text-decoration: none !important;
  padding: 6px 10px;
  border-radius: var(--um-pill);
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
}

.new_f-ext-btn-text:hover{
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.22);
}

/* ====== DROPDOWN BODIES — card style ====== */
.new_f-dropdown-body{
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: var(--um-shadow-2) !important;
  overflow: hidden !important;
}

.new_f-dropdown-item{
  padding: 10px 14px !important;
  font-size: 14px !important;
}
.new_f-dropdown-item:hover{
  background: rgba(37,99,235,.10) !important;
}
.new_f-dropdown-item.selected{
  background: rgba(6,182,212,.14) !important;
  font-weight: 700 !important;
}

/* ====== PEOPLE chips ====== */
.new_f-people-item{
  border-radius: 14px !important;
  background: rgba(15,23,42,.06) !important;
  font-weight: 800;
}
.new_f-people-item.active{
  background: linear-gradient(135deg, rgba(109,40,217,1), rgba(6,182,212,1)) !important;
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(109,40,217,.25);
}

/* ====== EXT SEARCH — clean & modern ====== */
.new_f-ext-container{
  border-radius: 0 0 var(--um-radius) var(--um-radius) !important;
  background: rgba(255,255,255,.92) !important;
  border-top: 1px solid rgba(255,255,255,.18) !important;
}

.new_f-ext-bl-title{
  color: rgba(15,23,42,.92) !important;
  font-weight: 900 !important;
}

/* slider handles — bigger + premium */
.new_f-ext-container .ui-slider .ui-slider-handle{
  width: 20px !important;
  height: 20px !important;
  top: -6px !important;
  margin-left: -10px !important;
  border: 1px solid rgba(37,99,235,.45) !important;
  box-shadow: 0 12px 22px rgba(0,0,0,.18);
}

/* clear button */
.new_f-ext-clear-btn{
  color: rgba(37,99,235,.95) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
.new_f-ext-clear-btn:hover{
  text-decoration: underline !important;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 1100px){
  .new_f-form-field.to{ width: 260px !important; }
  .new_f-form-field.date{ width: 220px !important; }
}

@media (max-width: 900px){
  /* trece pe 2 coloane fără să distrugă mobile-form logic */
  .new_f-form > .clearfix{
    padding: 12px !important;
  }
  .new_f-form-field,
  .new_f-form .new_f-form-submit{
    width: calc(50% - 10px) !important;
    margin: 0 10px 10px 0 !important;
  }
  .new_f-form .new_f-form-submit{
    width: calc(100% - 0px) !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 478px){
  body{ background: var(--um-bg); }

  .new_f-container{
    border-radius: 18px !important;
  }

  .new_f-form > .clearfix{
    border-radius: 16px !important;
    padding: 10px !important;
  }

  .new_f-form-field{
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    border-radius: 18px !important;
    height: 54px !important;
  }

  .new_f-form .new_f-form-submit{
    width: 100% !important;
    height: 56px !important;
    border-radius: 18px !important;
  }
}