/* Booking-only luxury scene. Kept separate so the rest of the hotel site is untouched. */
body.booking-v2{min-height:100svh;background:#03111d!important;color:#f7f0e4}
.booking-v2 .hx-booking-scene{position:fixed;z-index:-2;inset:0;background:url('assets/booking/booking-bg-desktop.jpg') center/cover no-repeat;transform:scale(1.015)}
.booking-v2 .hx-booking-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,11,19,.62),rgba(3,18,30,.76) 42%,rgba(2,13,22,.88)),radial-gradient(circle at 50% 18%,rgba(11,42,63,.12),rgba(1,9,16,.5) 76%);backdrop-filter:saturate(.78);-webkit-backdrop-filter:saturate(.78)}
.booking-v2 .unified-site-header{background:linear-gradient(180deg,rgba(2,12,20,.9),rgba(3,17,28,.72))!important;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border-bottom:1px solid rgba(226,184,86,.18)}
.booking-v2 .inner-header-spacer{background:transparent!important}
.booking-v2 .hx-booking-main{position:relative;z-index:1;min-height:calc(100svh - 80px);padding:42px 0 80px;background:transparent!important}
.booking-v2 .hx-shell{width:min(1180px,calc(100% - 42px))}
.booking-v2 .hx-booking-head{max-width:720px;margin:0 auto 28px;padding:18px 20px;text-align:center}
.booking-v2 .hx-booking-head h1{font-size:clamp(38px,5vw,66px);line-height:1.18;margin:9px 0 8px;color:#f0cb78;text-shadow:0 12px 38px rgba(0,0,0,.38)}
.booking-v2 .hx-booking-head p{color:#d5dde1;font-size:15px}
.booking-v2 .hx-steps{max-width:760px;margin:22px auto 38px}
.booking-v2 .hx-step-marker{color:#a7b6bf}.booking-v2 .hx-step-marker span{background:rgba(4,19,31,.72);backdrop-filter:blur(14px)}
.booking-v2 .hx-booking-layout{grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.booking-v2 .hx-form-card,.booking-v2 .hx-summary-card{border:1px solid rgba(231,190,97,.46);background:linear-gradient(145deg,rgba(7,28,43,.76),rgba(2,15,25,.66))!important;box-shadow:0 30px 88px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(20px) saturate(1.08);-webkit-backdrop-filter:blur(20px) saturate(1.08)}
.booking-v2 .hx-form-card{padding:32px;border-radius:28px;min-height:430px}
.booking-v2 .hx-summary-card{padding:24px;border-radius:26px;position:sticky;top:104px}
.booking-v2 .hx-form-step h2{font-size:28px;color:#f0cd7e}
.booking-v2 .hx-form-step>p,.booking-v2 .hx-step-title p{color:#aebdc6}
.booking-v2 .hx-step-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}
.booking-v2 .hx-step-title h2{margin:0 0 5px}.booking-v2 .hx-step-title p{margin:0;line-height:1.7}
.booking-v2 .hx-step-icon{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(231,190,97,.45);border-radius:15px;color:#f0cb78;background:rgba(216,170,69,.08);font-size:20px}
.booking-v2 .hx-fields{gap:17px}
.booking-v2 .hx-field{color:#e8ebec;font-size:13px}
.booking-v2 .hx-field input,.booking-v2 .hx-field select,.booking-v2 .hx-field textarea{background:rgba(1,13,22,.52);border-color:rgba(231,190,97,.35);min-height:56px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.booking-v2 .hx-field input:focus,.booking-v2 .hx-field select:focus,.booking-v2 .hx-field textarea:focus{background:rgba(3,20,32,.76);border-color:#e7bd61;box-shadow:0 0 0 3px rgba(231,190,97,.11),0 10px 26px rgba(0,0,0,.16)}
.booking-v2 .hx-field input[type="date"]{width:100%;min-width:0;color:#f7f0e4!important;-webkit-text-fill-color:#f7f0e4;opacity:1;cursor:pointer;color-scheme:dark;direction:rtl;text-align:right;padding-inline:15px}
.booking-v2 .hx-field input[type="date"]::-webkit-datetime-edit,.booking-v2 .hx-field input[type="date"]::-webkit-datetime-edit-fields-wrapper{color:#f7f0e4;opacity:1}
.booking-v2 .hx-field input[type="date"]::-webkit-calendar-picker-indicator{opacity:.92;cursor:pointer;filter:sepia(1) saturate(2.1) hue-rotate(354deg) brightness(1.15)}
.booking-v2 .hx-phone-combo{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);direction:ltr;border:1px solid rgba(231,190,97,.35);border-radius:14px;background:rgba(1,13,22,.52);overflow:visible;transition:.2s}
.booking-v2 .hx-phone-combo:focus-within{border-color:#e7bd61;box-shadow:0 0 0 3px rgba(231,190,97,.11),0 10px 26px rgba(0,0,0,.16);background:rgba(3,20,32,.76)}
.booking-v2 .hx-phone-combo>input{border:0!important;border-radius:0 13px 13px 0!important;background:transparent!important;box-shadow:none!important;min-width:0;text-align:left}
.booking-v2 .hx-country-trigger{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-right:1px solid rgba(231,190,97,.22);border-radius:13px 0 0 13px;background:rgba(255,255,255,.025);color:#f0d18b;padding:0 12px;font:800 13px Cairo;cursor:pointer;direction:ltr}
.booking-v2 .hx-country-trigger:hover,.booking-v2 .hx-country-trigger[aria-expanded="true"]{background:rgba(231,190,97,.09);color:#ffe3a2}
.booking-v2 .hx-country-panel{position:absolute;z-index:120;top:calc(100% + 9px);left:0;width:min(420px,calc(100vw - 42px));direction:rtl;padding:11px;border:1px solid rgba(231,190,97,.46);border-radius:18px;background:linear-gradient(145deg,rgba(8,30,45,.97),rgba(2,15,25,.96));box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}
.booking-v2 .hx-country-panel[hidden]{display:none!important}
.booking-v2 .hx-country-search-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-bottom:8px;padding:0 12px;border:1px solid rgba(231,190,97,.28);border-radius:13px;background:rgba(0,8,15,.5);color:#e7bd61}
.booking-v2 .hx-country-search-wrap input{width:100%;min-height:46px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff;text-align:right}
.booking-v2 .hx-country-list{max-height:300px;overflow:auto;overscroll-behavior:contain;padding-inline:2px;scrollbar-width:thin;scrollbar-color:rgba(231,190,97,.38) transparent}
.booking-v2 .hx-country-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 11px;border:0;border-bottom:1px solid rgba(255,255,255,.055);border-radius:11px;background:transparent;color:#eef2f3;text-align:right;font:600 12px Cairo;cursor:pointer}
.booking-v2 .hx-country-option:hover,.booking-v2 .hx-country-option:focus-visible{outline:0;background:rgba(231,190,97,.12);color:#fff}
.booking-v2 .hx-country-identity{display:flex;align-items:center;gap:10px;min-width:0}.booking-v2 .hx-country-identity>b{font-size:22px;font-weight:400}.booking-v2 .hx-country-identity>span{display:grid;min-width:0}.booking-v2 .hx-country-identity strong{color:#f7ebd0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-v2 .hx-country-identity small{color:#96a7b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.booking-v2 .hx-country-option em{font-style:normal;color:#f0cd7e;font-weight:900;direction:ltr}.booking-v2 .hx-country-empty{padding:24px 10px;margin:0;text-align:center;color:#aebdc6}
.booking-v2 .hx-field-error{min-height:0}.booking-v2 .hx-field-error:not(:empty){min-height:18px}
.booking-v2 .hx-availability{position:relative;display:none;margin-top:18px;border-radius:16px;padding:15px 48px 15px 16px;line-height:1.8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.booking-v2 .hx-availability.show{display:block}.booking-v2 .hx-availability::before{position:absolute;right:17px;top:16px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;font-weight:900}
.booking-v2 .hx-availability.checking{border-color:rgba(231,190,97,.35);background:rgba(216,170,69,.09);color:#f4dfa5}.booking-v2 .hx-availability.checking::before{content:"";border:2px solid rgba(240,206,121,.25);border-top-color:#f0ce79;animation:hxSpin .75s linear infinite}
.booking-v2 .hx-availability.available{border-color:rgba(106,218,158,.42);background:rgba(39,145,87,.14);color:#c2f5d8}.booking-v2 .hx-availability.available::before{content:"✓";background:rgba(65,190,117,.18);color:#75e1a4}
.booking-v2 .hx-availability.unavailable,.booking-v2 .hx-availability.error{border-color:rgba(255,133,133,.38);background:rgba(173,53,53,.12);color:#ffd0d0}.booking-v2 .hx-availability.unavailable::before,.booking-v2 .hx-availability.error::before{content:"!";background:rgba(255,110,110,.12);color:#ff9c9c}
.booking-v2 .hx-availability button{margin-inline-start:10px;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;padding:6px 10px;font:800 11px Cairo;cursor:pointer}
.booking-v2 .hx-form-actions{margin-top:24px;justify-content:flex-start}.booking-v2 .hx-form-actions .hx-primary,.booking-v2 .hx-form-actions .hx-secondary{min-height:52px;border-radius:15px;min-width:180px}
.booking-v2 button:disabled{cursor:not-allowed;opacity:.43;filter:saturate(.45);box-shadow:none!important}
.booking-v2 .hx-payment-grid{gap:16px}.booking-v2 .hx-payment-option{background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:rgba(231,190,97,.24);min-height:240px}.booking-v2 .hx-payment-option:not(.disabled):hover{transform:translateY(-3px)}
.booking-v2 .hx-review-card,.booking-v2 .hx-confirm-card{padding:12px;text-align:center;background:transparent!important;border:0!important;box-shadow:none!important}
.booking-v2 .hx-confirm-details{gap:11px;margin-top:24px}.booking-v2 .hx-confirm-details>div{background:rgba(1,13,22,.34);border-color:rgba(231,190,97,.18);padding:14px}
.booking-v2 .hx-booking-warning{margin:18px 0;border:1px solid rgba(231,190,97,.32);border-radius:14px;background:rgba(216,170,69,.08);color:#f2dc9d;padding:13px;line-height:1.8;font-size:13px}
.booking-v2 .hx-summary-toggle{display:none}
.booking-v2 .hx-summary-content>h3{margin-top:0;color:#f0cd7e}.booking-v2 .hx-summary-room{padding-bottom:18px}.booking-v2 .hx-summary-thumb{width:96px;height:76px}.booking-v2 .hx-summary-list{gap:0}.booking-v2 .hx-summary-row{padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.075)}.booking-v2 .hx-summary-row:last-child{border-bottom:0}.booking-v2 .hx-summary-total{padding-top:20px}
.booking-v2 .hx-footer{position:relative;z-index:1;background:rgba(1,9,15,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

@media(max-width:1050px){
  .booking-v2 .hx-booking-layout{grid-template-columns:1fr;max-width:760px;margin-inline:auto}
  .booking-v2 .hx-summary-card{position:static;order:-1;padding:0;overflow:hidden}
  .booking-v2 .hx-summary-toggle{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:0;background:transparent;color:#f5ead3;padding:16px 18px;text-align:right;font:800 14px Cairo;cursor:pointer}
  .booking-v2 .hx-summary-toggle b{color:#f0cd7e}.booking-v2 .hx-summary-toggle i{font-style:normal;font-size:19px;transition:transform .2s}
  .booking-v2 .hx-summary-card.open .hx-summary-toggle i{transform:rotate(180deg)}
  .booking-v2 .hx-summary-content{display:none;padding:0 18px 20px}.booking-v2 .hx-summary-card.open .hx-summary-content{display:block}
  .booking-v2 .hx-summary-content>h3{display:none}
}

@media(max-width:720px){
  body.booking-v2{background:#020c15!important}
  .booking-v2 .hx-booking-scene{background-image:url('assets/booking/booking-bg-mobile.jpg');background-position:center top;transform:none}
  .booking-v2 .hx-booking-scene::after{background:linear-gradient(180deg,rgba(1,10,18,.42),rgba(2,14,24,.76) 27%,rgba(2,13,22,.91) 72%,rgba(2,11,19,.95)),linear-gradient(90deg,rgba(1,8,14,.26),transparent 46%,rgba(1,8,14,.26))}
  .booking-v2 .unified-site-header{background:rgba(2,13,22,.48)!important;box-shadow:none!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .booking-v2 .hx-shell{width:min(100% - 22px,1180px)}
  .booking-v2 .hx-booking-main{padding:26px 0 58px}
  .booking-v2 .hx-booking-head{padding:12px 4px 8px;margin-bottom:18px}
  .booking-v2 .hx-booking-head h1{font-size:38px;line-height:1.22;margin:8px 0}.booking-v2 .hx-booking-head p{font-size:13px;line-height:1.75}
  .booking-v2 .hx-steps{margin:18px auto 24px}.booking-v2 .hx-steps::before{right:9%;left:9%}.booking-v2 .hx-step-marker{font-size:9px}.booking-v2 .hx-step-marker span{width:35px;height:35px;margin-bottom:7px}
  .booking-v2 .hx-booking-layout{gap:13px}
  .booking-v2 .hx-form-card{padding:18px 15px;border-radius:23px;min-height:0;background:linear-gradient(150deg,rgba(7,28,43,.72),rgba(2,15,25,.64))!important;backdrop-filter:blur(17px) saturate(1.06);-webkit-backdrop-filter:blur(17px) saturate(1.06)}
  .booking-v2 .hx-summary-card{border-radius:19px;background:rgba(4,22,35,.67)!important;backdrop-filter:blur(16px)}
  .booking-v2 .hx-step-title{gap:11px;margin-bottom:19px}.booking-v2 .hx-step-icon{width:40px;height:40px;border-radius:13px}.booking-v2 .hx-form-step h2{font-size:22px}.booking-v2 .hx-step-title p{font-size:12px}
  .booking-v2 .hx-fields{gap:13px}.booking-v2 .hx-field input,.booking-v2 .hx-field select{min-height:52px}.booking-v2 .hx-field textarea{min-height:96px}
  .booking-v2 .hx-field input[type="date"]{display:block;max-width:100%;font-size:16px;line-height:1.2;padding-inline:13px}
  .booking-v2 .hx-phone-combo{grid-template-columns:118px minmax(0,1fr)}
  .booking-v2 .hx-country-trigger{padding-inline:10px;font-size:12px}
  .booking-v2 .hx-country-panel{position:fixed;z-index:1000;inset:auto 11px max(14px,env(safe-area-inset-bottom)) 11px;width:auto;max-height:min(68svh,560px);padding:12px;border-radius:22px;background:linear-gradient(145deg,rgba(8,30,45,.985),rgba(2,14,24,.98));box-shadow:0 -18px 80px rgba(0,0,0,.68),0 0 0 100vmax rgba(0,7,12,.46)}
  .booking-v2 .hx-country-list{max-height:calc(min(68svh,560px) - 79px)}
  .booking-v2 .hx-country-option{padding:11px 10px}
  .booking-v2 .hx-availability{font-size:12px;padding:13px 43px 13px 12px}.booking-v2 .hx-availability::before{right:14px;top:14px}
  .booking-v2 .hx-form-actions{display:grid;grid-template-columns:1fr 1.18fr;gap:9px;flex-direction:unset}.booking-v2 .hx-form-actions .hx-primary,.booking-v2 .hx-form-actions .hx-secondary{width:100%;min-width:0;min-height:50px;padding:10px 8px;font-size:13px}.booking-v2 .hx-form-actions>*:only-child{grid-column:1/-1}
  .booking-v2 .hx-payment-grid{grid-template-columns:1fr}.booking-v2 .hx-payment-option{min-height:0;padding:18px;border-radius:19px}
  .booking-v2 .hx-confirm-details{grid-template-columns:1fr 1fr;gap:8px}.booking-v2 .hx-confirm-details>div{padding:11px 9px}.booking-v2 .hx-confirm-details small{font-size:10px}.booking-v2 .hx-confirm-details strong{font-size:12px;overflow-wrap:anywhere}
  .booking-v2 .hx-confirm-actions{display:grid;grid-template-columns:1fr;gap:9px}.booking-v2 .hx-confirm-actions>*{width:100%}
  .booking-v2 .hx-summary-room{padding-top:12px}.booking-v2 .hx-summary-thumb{width:82px;height:66px}
  .booking-v2 .hx-footer{background:rgba(1,9,15,.78)}
}

@media(max-width:390px){
  .booking-v2 .hx-booking-head h1{font-size:34px}
  .booking-v2 .hx-form-card{padding:16px 13px}
  .booking-v2 .hx-form-actions{grid-template-columns:1fr}
  .booking-v2 .hx-confirm-details{grid-template-columns:1fr}
}


/* T120: iOS/mobile booking field containment */
.booking-v2 .hx-fields{min-width:0;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.booking-v2 .hx-field{min-width:0;width:100%;max-width:100%;overflow:visible}
.booking-v2 .hx-field input,.booking-v2 .hx-field select,.booking-v2 .hx-field textarea{box-sizing:border-box;min-width:0;max-width:100%}
.booking-v2 .hx-field input[type="date"]{inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;box-sizing:border-box!important;overflow:hidden}
.booking-v2 .hx-field input[type="date"]::-webkit-date-and-time-value{min-width:0;text-align:right}
@media(max-width:720px){
  .booking-v2 .hx-fields{grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0}
  .booking-v2 .hx-field,.booking-v2 .hx-field.full{grid-column:auto!important;min-width:0;width:100%;max-width:100%}
  .booking-v2 .hx-field input[type="date"]{width:100%!important;min-width:0!important;max-width:100%!important;padding-inline:12px!important;font-size:16px!important;direction:rtl;text-align:right}
  .booking-v2 .hx-form-card{overflow:hidden}
}

/* T121 — iPhone/Safari date inputs stay fully inside the booking card. */
.booking-v2 .hx-date-field{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
.booking-v2 .hx-date-control{
  position:relative;
  display:block;
  inline-size:100%;
  max-inline-size:100%;
  min-inline-size:0;
  min-height:56px;
  overflow:hidden;
  border:1px solid rgba(231,190,97,.35);
  border-radius:14px;
  background:rgba(1,13,22,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:border-color .2s,box-shadow .2s,background .2s;
  box-sizing:border-box;
  contain:layout paint;
}
.booking-v2 .hx-date-control:focus-within{
  background:rgba(3,20,32,.76);
  border-color:#e7bd61;
  box-shadow:0 0 0 3px rgba(231,190,97,.11),0 10px 26px rgba(0,0,0,.16);
}
.booking-v2 .hx-date-control>input[type="date"]{
  display:block!important;
  inline-size:100%!important;
  width:100%!important;
  min-inline-size:0!important;
  min-width:0!important;
  max-inline-size:100%!important;
  max-width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
@media(max-width:720px){
  .booking-v2 .hx-form-step,
  .booking-v2 .hx-fields,
  .booking-v2 .hx-date-field,
  .booking-v2 .hx-date-control{
    min-width:0!important;
    max-width:100%!important;
  }
  .booking-v2 .hx-date-control{
    min-height:52px;
    overflow:clip;
  }
  .booking-v2 .hx-date-control>input[type="date"]{
    -webkit-appearance:none!important;
    appearance:none!important;
    min-height:50px!important;
    font-size:16px!important;
    line-height:1.2!important;
    padding-inline:13px!important;
  }
}
