/* =======================
   NATHO ASTO BOOKING CSS
   ======================= */
:root { --brand-color: #ED7F1C; }

/* Tabs */
.nathoasto-booking-wrapper .nabf-tabs {
  display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
  margin-bottom:20px;
}
.nathoasto-booking-wrapper .nabf-tab-btn {
  background:#f5f5f5!important;
  color:#222!important;
  border:1px solid #ddd!important;
  border-radius:8px!important;
  padding:10px 18px!important;
  font-weight:600!important;
  cursor:pointer!important;
  transition:all .25s ease!important;
}
.nathoasto-booking-wrapper .nabf-tab-btn.active,
.nathoasto-booking-wrapper .nabf-tab-btn:hover {
  background:var(--brand-color)!important;
  border-color:var(--brand-color)!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(237,127,28,.3)!important;
}

/* Submit button */
.nathoasto-booking-wrapper .nabf-field-submit button,
.nathoasto-booking-wrapper .nabf-submit {
  background:var(--brand-color)!important;
  color:#fff!important;
  border:none!important;
  border-radius:40px!important;
  padding:12px 28px!important;
  font-weight:700!important;
  transition:.25s ease!important;
}
.nathoasto-booking-wrapper .nabf-field-submit button:hover,
.nathoasto-booking-wrapper .nabf-submit:hover {
  background:#d96f18!important;
  transform:translateY(-2px)!important;
}

/* Layout */
.nathoasto-booking-wrapper .nabf-row {
  display:flex; flex-wrap:nowrap; gap:12px; align-items:center;
}
.nathoasto-booking-wrapper .nabf-field {
  flex:1 1 180px;
}
.nathoasto-booking-wrapper .nabf-field input,
.nathoasto-booking-wrapper .nabf-field select {
  width:100%; padding:10px 14px; border:1px solid #ddd; border-radius:6px;
}

/* =======================
   RESPONSIVE FIXES
   ======================= */

/* Tablet: wrap neatly */
@media (max-width:1024px){
  .nathoasto-booking-wrapper .nabf-row{flex-wrap:wrap;}
  .nathoasto-booking-wrapper .nabf-field{flex:1 1 45%;}
  .nathoasto-booking-wrapper .nabf-field-submit{flex:1 1 100%;text-align:center;}
}

/* Mobile: smaller tabs + stacked form */
@media (max-width:768px){
  /* make tabs scrollable and smaller */
  .nathoasto-booking-wrapper .nabf-tabs{
    overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;
    justify-content:flex-start; padding:5px 6px;
  }
  .nathoasto-booking-wrapper .nabf-tabs::-webkit-scrollbar{display:none;}
  .nathoasto-booking-wrapper .nabf-tab-btn{
    flex:0 0 auto; min-width:90px; font-size:13px; padding:8px 10px;
    margin-right:6px;
  }

  /* stack fields vertically */
  .nathoasto-booking-wrapper .nabf-row{
    flex-direction:column; align-items:stretch; gap:14px;
  }
  .nathoasto-booking-wrapper .nabf-field,
  .nathoasto-booking-wrapper .nabf-field-submit{
    width:100%;
  }
  .nathoasto-booking-wrapper .nabf-field-submit button{
    width:100%;
  }
}