/* ============================================================
   [UI] CHBS Booking Form Overrides — Claude, 2 Aug 2026
   Scope: booking form 1495 ONLY (.chbs-booking-form-id-1495) —
   /online-booking/ + /ar/online-bookings/. Site-wide auto-insert
   is safe: the class exists nowhere else. Three earlier layers
   paint these elements with !important (chbs-brand-colors inline,
   snippet 26729 contrast, plugin per-form generated CSS); the
   extra .chbs-main class wins every specificity tie — keep it on
   every selector. RTL: logical properties + .rtl overrides for
   the icon side. Form 26947 (Trips) is untouched.
   ============================================================ */

/* --- 2.1 Primary step buttons (Choose a vehicle / Continue / Book):
       brand gold pill (same 999px radius as site Book Now), dark
       label, darker gold hover, teal border gone. --- */
.chbs-main.chbs-booking-form-id-1495 a.chbs-button.chbs-button-style-1{background-color:#d4af37!important;border-color:#d4af37!important;color:#0c211a!important;-webkit-text-fill-color:#0c211a!important;border-radius:999px!important;opacity:1!important}
.chbs-main.chbs-booking-form-id-1495 a.chbs-button.chbs-button-style-1 span{color:#0c211a!important;-webkit-text-fill-color:#0c211a!important}
.chbs-main.chbs-booking-form-id-1495 a.chbs-button.chbs-button-style-1:hover,
.chbs-main.chbs-booking-form-id-1495 a.chbs-button.chbs-button-style-1:focus,
.chbs-main.chbs-booking-form-id-1495 a.chbs-button.chbs-button-style-1:active{background-color:#c19d2e!important;border-color:#c19d2e!important;color:#0c211a!important;-webkit-text-fill-color:#0c211a!important}
.chbs-main.chbs-booking-form-id-1495 a.chbs-button.chbs-button-style-1:hover span,
.chbs-main.chbs-booking-form-id-1495 a.chbs-button.chbs-button-style-1:focus span,
.chbs-main.chbs-booking-form-id-1495 a.chbs-button.chbs-button-style-1:active span{color:#0c211a!important;-webkit-text-fill-color:#0c211a!important}
.chbs-main.chbs-booking-form-id-1495 a.chbs-button.chbs-button-style-1:focus-visible{outline:2px solid #0c211a!important;outline-offset:2px}

/* --- 2.2 Total distance / Total time: one compact row instead of
       two huge table cells (plugin: display:table, 48px icons,
       30px padding). Applies in all states, not only when empty. --- */
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info{display:flex!important;width:100%!important;align-items:center;justify-content:space-around;gap:10px;padding:2px 8px!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div{display:flex!important;width:auto!important;align-items:center;gap:8px;padding:8px 10px!important;border:0!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div>span{float:none!important;margin:0!important;min-width:0!important;display:inline-flex;align-items:baseline;gap:3px}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div>span:first-child{font-size:18px!important;margin:0!important;line-height:1;align-self:center}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div>span:first-child+span{font-size:11px!important;margin:0!important;letter-spacing:.02em}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div>span:first-child+span+span{font-size:15px!important;font-weight:700!important;margin:0!important;min-width:0!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div>span:first-child+span+span span{font-size:15px!important}

/* Map: full plugin height on desktop; capped on mobile only (2 Aug PM). */
@media(max-width:700px){.chbs-main.chbs-booking-form-id-1495 .chbs-google-map #chbs_google_map{height:220px!important;max-height:220px!important}}

/* --- 2.3 Pickup date / time: they rendered as blank white boxes
       because CHBS sets no placeholder at all (placeholders now
       injected by snippet 1690 JS). Icons + visible text colors
       here; icon flips sides for RTL. --- */
.chbs-main.chbs-booking-form-id-1495 input.chbs-datepicker,
.chbs-main.chbs-booking-form-id-1495 input.chbs-timepicker{color:#0c211a!important;background-repeat:no-repeat!important;background-size:16px 16px!important;background-position:right 12px center!important;padding-inline-end:38px!important}
.chbs-main.chbs-booking-form-id-1495 input.chbs-datepicker{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")!important}
.chbs-main.chbs-booking-form-id-1495 input.chbs-timepicker{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")!important}
.rtl .chbs-main.chbs-booking-form-id-1495 input.chbs-datepicker,
.rtl .chbs-main.chbs-booking-form-id-1495 input.chbs-timepicker{background-position:left 12px center!important}
.chbs-main.chbs-booking-form-id-1495 input.chbs-datepicker::placeholder,
.chbs-main.chbs-booking-form-id-1495 input.chbs-timepicker::placeholder{color:#c3cad3!important;font-weight:400!important;opacity:1!important;-webkit-text-fill-color:#c3cad3!important}

/* Mobile: trim the oversized field height across the form. */
@media(max-width:700px){.chbs-main.chbs-booking-form-id-1495 .chbs-form-field input[type="text"]{padding-top:10px!important;padding-bottom:10px!important;min-height:0!important;line-height:1.35!important}}

/* --- 2.6 v3 (2 Aug, owner-approved layout) Vehicle cards, step 2.
       Desktop >700px — three zones on a 3-col grid (content + header are
       display:contents so the leaf elements place directly):
         [ image ~40% | name + big gold price | SELECT top-end,
                                                pax/bags bottom-end ]
       Mobile <=700px — unchanged single column (image, name, price,
       meta, full-width button) via the v2 flex-column rules.
       Grid columns + justify-self:end are direction-aware => RTL
       mirrors (image at inline-start = right, button top inline-end
       = top-left). --- */
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle{border:1px solid rgba(12,33,26,.12)!important;border-radius:14px!important;padding:16px!important;margin:0 0 16px!important;transition:border-color .2s ease,box-shadow .2s ease}
@media(hover:hover){.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle:hover{border-color:#d4af37!important;box-shadow:0 12px 26px -18px rgba(12,33,26,.4)!important}}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-image{float:none!important;width:100%!important;margin:0!important;position:static!important;min-width:0!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-image img{display:block;width:100%!important;height:auto!important;border-radius:10px}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>div.chbs-vehicle-content-header{display:contents!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>div.chbs-vehicle-content-header>span{float:none!important;min-width:0!important;padding:0!important;margin:0!important;font-size:1.15rem!important;font-weight:700!important;color:#0c211a!important;text-align:start!important;white-space:normal!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-price{margin:0!important;display:block!important;min-width:0!important;text-align:start!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-price>span>span{color:#d4af37!important;font-size:clamp(1.9rem,4vw,2.6rem)!important;font-weight:400!important;line-height:1.1!important;white-space:normal!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-description{margin:0!important;min-width:0!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-meta{margin:0!important;min-width:0!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-meta>div{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;float:none!important;width:auto!important;margin:0!important;padding:0!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content .chbs-vehicle-content-meta-info{display:inline-flex!important;align-items:center!important;gap:6px!important;float:none!important;margin:0!important;padding:0!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>div.chbs-vehicle-content-header>a.chbs-button{float:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin:0!important}
/* desktop: three zones */
@media(min-width:701px){
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1.75fr) minmax(0,1.25fr)!important;grid-template-rows:auto auto 1fr!important;gap:10px 20px!important;align-items:start!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content{display:contents!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-image{grid-column:1!important;grid-row:1/4!important;align-self:center!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>div.chbs-vehicle-content-header>span{grid-column:2!important;grid-row:1!important;align-self:end!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-price{grid-column:2!important;grid-row:2!important;align-self:start!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-description{grid-column:2!important;grid-row:3!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>div.chbs-vehicle-content-header>a.chbs-button{grid-column:3!important;grid-row:1/3!important;justify-self:end!important;align-self:start!important;width:auto!important;padding:12px 24px!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-meta{grid-column:3!important;grid-row:3!important;justify-self:end!important;align-self:end!important}

/* equal columns: the map column stretches to the form column height,
       the map fills the space above the ride-info bar (owner request). */
.chbs-main.chbs-booking-form-id-1495 .chbs-layout-50x50{display:flex!important;align-items:stretch!important;justify-content:space-between!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-layout-50x50>.chbs-layout-column-left,
.chbs-main.chbs-booking-form-id-1495 .chbs-layout-50x50>.chbs-layout-column-right{float:none!important;width:48.36066%!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-layout-50x50>.chbs-layout-column-right{display:flex!important;flex-direction:column!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-layout-50x50>.chbs-layout-column-right .chbs-google-map{flex:1 1 0!important;min-height:220px!important;position:relative!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-layout-50x50>.chbs-layout-column-right .chbs-google-map #chbs_google_map{position:absolute!important;inset:0!important;height:100%!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-layout-50x50>.chbs-layout-column-right .chbs-ride-info{flex:0 0 auto!important}
/* ride-info, desktop: big gold icon + small label stacked over a large dark value (owner reference) */
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info{padding:14px 0!important;gap:0!important;justify-content:flex-start!important;align-items:stretch!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div{display:grid!important;grid-template-columns:48px 1fr!important;column-gap:16px!important;row-gap:2px!important;align-items:center!important;align-content:center!important;flex:1 1 50%!important;padding:6px 22px!important;min-height:64px!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div:first-child{border-inline-end:1px solid rgba(12,33,26,.15)!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div>span:first-child{justify-self:center!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div>span:first-child{grid-column:1!important;grid-row:1/3!important;font-size:42px!important;line-height:1!important;align-self:center!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div>span:first-child+span{grid-column:2!important;grid-row:1!important;font-size:12px!important;letter-spacing:.06em!important;color:#6b7570!important;align-self:end!important;margin:0!important;min-width:0!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div>span:first-child+span+span{grid-column:2!important;grid-row:2!important;font-size:28px!important;font-weight:400!important;color:#0c211a!important;line-height:1.15!important;align-self:start!important;margin:0!important;min-width:0!important;display:inline-flex!important;align-items:baseline!important;gap:6px!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-ride-info>div>span:first-child+span+span span{font-size:28px!important;font-weight:400!important}
}
/* mobile: unchanged v2 single column */
@media(max-width:700px){
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-items:stretch!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin:0!important;min-width:0!important;width:100%!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>div.chbs-vehicle-content-header>span{order:1!important;width:100%!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-price{order:2!important;width:100%!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-description{order:3!important;width:100%!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-meta{order:4!important;width:100%!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle .chbs-vehicle-content>div.chbs-vehicle-content-header>a.chbs-button{order:5!important;align-self:stretch!important;display:flex!important;margin:4px 0 0!important;padding:13px 26px!important}
}
/* SELECT follows the 2.1 gold system; selected/active inverts to emerald+gold. */
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle-content-header a.chbs-button.chbs-button-style-2{background-color:#0c211a!important;border:1px solid #d4af37!important;color:#d4af37!important;-webkit-text-fill-color:#d4af37!important;border-radius:999px!important;opacity:1!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle-content-header a.chbs-button.chbs-button-style-2:hover,
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle-content-header a.chbs-button.chbs-button-style-2:focus{background-color:#123127!important;border-color:#e8c65a!important;color:#e8c65a!important;-webkit-text-fill-color:#e8c65a!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle-content-header a.chbs-button.chbs-button-style-2.chbs-state-selected,
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle-content-header a.chbs-button.chbs-button-style-2:active{background-color:#d4af37!important;border-color:#d4af37!important;color:#0c211a!important;-webkit-text-fill-color:#0c211a!important}
.chbs-main.chbs-booking-form-id-1495 .chbs-vehicle-content-header a.chbs-button .chbs-meta-icon-tick{color:inherit!important}

/* --- 2.7 Open-tab connection (3 Aug 2026): the gold base line now BREAKS
       under the active tab — box-shadow removed, and the tab extends 2px
       down (dark bottom border + negative margin) to cover the panel
       border segment beneath it, so the active tab visually merges with
       the form like an open folder. --- */
.chbs-main.chbs-booking-form-id-1495 .chbs-tab.ui-tabs .ui-tabs-nav>li.ui-tabs-active>a{box-shadow:none!important;position:relative;z-index:3;border-bottom:2px solid #0c211a!important;margin-bottom:-2px!important}

/* --- 2.8 (3 Aug 2026) Runaway summary map fix. Google Maps only adds
       inline position:relative to the container if it is static at INIT —
       our step-1 rule made it absolute, so when CHBS moves the SAME node
       into step 4's .chbs-google-map-summary (where that rule no longer
       matches) it ends up static, and the absolutely-positioned .gm-style
       canvas escapes to .chbs-main = a form-sized map over the summary.
       Keep the container positioned EVERYWHERE; the step-1 absolute rule
       still outranks this inside the 50x50 layout. --- */
.chbs-main.chbs-booking-form-id-1495 #chbs_google_map{position:relative}

/* --- 2.9 Payment method 5 «بالبطاقة عند الوصول» (3 Aug 2026): CHBS
       hardcodes the bank-columns glyph for it (its icon font simply has
       no credit-card glyph) — a bank building reads as "wire transfer".
       Swap the glyph for a stroked credit card drawn as a CSS mask on
       ::before; background-color:currentColor keeps EXACT colour parity
       with the wallet/bank glyphs in every state and skin. Survives
       UCSS via the .chbs- whitelist patterns. --- */
.chbs-main.chbs-booking-form-id-1495 .chbs-payment>li>a[data-payment-id="5"]>span.chbs-meta-icon-bank:before{content:""!important;display:inline-block;width:48px;height:48px;vertical-align:middle;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%3E%3Crect%20x='1.5'%20y='4.5'%20width='21'%20height='15'%20rx='2.5'/%3E%3Cpath%20d='M1.5%209.5h21'/%3E%3Cpath%20d='M5.5%2015.5h5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%3E%3Crect%20x='1.5'%20y='4.5'%20width='21'%20height='15'%20rx='2.5'/%3E%3Cpath%20d='M1.5%209.5h21'/%3E%3Cpath%20d='M5.5%2015.5h5'/%3E%3C/svg%3E") center/contain no-repeat}


/******************************************************************************/
/* 14) واجهة الجوال — التقويم المنبثق + الخيارات الإضافية (Claude 14 Aug 2026) */
/******************************************************************************/
/* التقويم ابن <body> لا ابن .chbs-main، فلا يمكن تبويبه بصنف الفورم؛ تبويب      */
/* السنيبت نفسه على صفحات الفورم (tripyana-chbs-css-scope) هو ما يحصره.        */
/* السلكتور يحمل #ui-datepicker-div لأن قاعدة الإضافة للجوال تستعمل المعرّف،  */
/* وبادئة body لأن public.css يُحمَّل بعد السنيبت في المستند فيغلبه عند تساوي  */
/* التخصيص (مقيس حيًّا: بلا body بقي التقويم 370px بخط 14px). القيم على 390px. */

@media (max-width:600px){
  body .chbs-datepicker.ui-datepicker,
  body .chbs-datepicker#ui-datepicker-div{
    box-sizing:border-box;
    width:min(350px,calc(100vw - 40px));
    padding:12px 10px 14px;
    border-radius:14px;
    box-shadow:0 14px 30px -14px rgba(0,0,0,.32);
  }
  body .chbs-datepicker.ui-datepicker table{width:100%;table-layout:fixed}
  body .chbs-datepicker.ui-datepicker .ui-datepicker-title{font-size:16px;line-height:22px;padding:5px 0 8px}
  body .chbs-datepicker.ui-datepicker .ui-datepicker-prev,
  body .chbs-datepicker.ui-datepicker .ui-datepicker-next{width:34px;height:34px;line-height:34px}
  body .chbs-datepicker.ui-datepicker th{font-size:11px;line-height:16px;padding:8px 0 6px;opacity:.65}
  body .chbs-datepicker.ui-datepicker td,
  body .chbs-datepicker.ui-datepicker td a{font-size:15px}
  body .chbs-datepicker.ui-datepicker td a,
  body .chbs-datepicker.ui-datepicker td span{width:100%;height:40px;line-height:40px;border-radius:9999em}
  body .chbs-datepicker.ui-datepicker td a.ui-state-hover{line-height:36px}
}

/* الخيارات الإضافية v2 — بطاقات (Claude 14 Aug 2026)                          */
/* بادئة body في كل قاعدة لأن public.css يُحمَّل بعد السنيبت فيغلب عند تساوي    */
/* التخصيص (قانون 12) — قواعد الإضافة هنا بأربعة أصناف.                        */

/* جذر بلاغ «التمرير يعلق داخل الإكسترا»: الحاوية المفتوحة overflow:auto        */
/* ومحتواها أطول من ارتفاعها بـ~9px فتصير متمررًا داخليًا يبتلع إيماءة iOS.      */
body .chbs-main.chbs-booking-form-id-1495 .chbs-booking-extra>.chbs-booking-extra-header+div.chbs-state-open{overflow:visible}

body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-header{margin-bottom:14px}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-header>span:first-child{width:40px;height:40px;font-size:22px;line-height:38px}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-header>span:first-child+span{font-size:19px;line-height:26px;padding-left:12px}
body .rtl .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-header>span:first-child+span{padding-left:0;padding-right:12px}

/* البطاقة */
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul{display:block;width:100%}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:0;border:1px solid rgba(18,49,39,.15);border-radius:14px;padding:14px;margin:0 0 12px;background:#fff}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div{display:block;border:none;padding:0;width:auto}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-1{display:block;flex:1 1 100%;width:100%;margin:0 0 10px;padding:0}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-1>div{float:none;margin:0}

body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-1>div>.chbs-booking-form-extra-name{font-size:16px;line-height:24px;margin-right:8px}
body .rtl .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-1>div>.chbs-booking-form-extra-name{margin-right:0;margin-left:8px}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-1>div>.chbs-booking-form-extra-price{font-size:16px;line-height:24px}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-1>div>.chbs-booking-form-extra-description{font-size:14px;line-height:21px;margin-top:3px;display:block}

/* الصف السفلي: العدّاد + زر الاختيار جنبًا إلى جنب */
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li.chbs-booking-extra-list-item-quantity-enable>div.chbs-column-2{display:block;flex:0 0 auto;width:auto;position:relative;border:none;padding:0}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-3{display:block;flex:1 1 90px;width:auto;border:none;padding:0;text-align:center}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-3>a.chbs-button{display:block;width:100%;box-sizing:border-box;text-align:center}

/* العدّاد الأفقي: [−] 1 [+] داخل كبسولة واحدة */
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2>.chbs-form-field{position:relative;width:132px;height:48px;padding:0;margin:0;border:1px solid rgba(18,49,39,.25);border-radius:999px;overflow:hidden;box-sizing:border-box;background:#fff}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2 .chbs-form-field>label{display:none}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2 .chbs-quantity-section{position:static}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2 .chbs-quantity-section input[type="text"]{width:100%;height:46px;line-height:46px;padding:0 42px;margin:0;text-align:center;font-size:16px;font-weight:700;background:transparent;border:none}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2 .chbs-quantity-section .chbs-quantity-section-button{position:absolute;top:0;bottom:0;height:46px;line-height:46px;width:40px;margin:0;border:none;text-align:center;display:block}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2 .chbs-quantity-section .chbs-quantity-section-button.chbs-meta-icon-minus{left:0;right:auto}
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2 .chbs-quantity-section .chbs-quantity-section-button.chbs-meta-icon-plus{right:0;left:auto}
/* RTL: زائد يسارًا وناقص يمينًا (اتجاه القراءة) */
body .rtl .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2 .chbs-quantity-section .chbs-quantity-section-button.chbs-meta-icon-minus{right:0;left:auto}
body .rtl .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2 .chbs-quantity-section .chbs-quantity-section-button.chbs-meta-icon-plus{left:0;right:auto}
/* حسم نهائي لموضع الزرين بأعلى تخصيص (8 أصناف+body) ضد أي قاعدة legacy */
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2 .chbs-quantity-section .chbs-quantity-section-button.chbs-meta-icon-minus,
body .chbs-main.chbs-booking-form-id-1495.chbs-width-300 .chbs-booking-extra-list>ul>li>div.chbs-column-2 .chbs-quantity-section .chbs-quantity-section-button.chbs-meta-icon-plus{top:0;bottom:0;margin:0;border:none;height:46px;line-height:46px}

/* قائمة الدول (iti) على الجوال: القائمة ابنة <body> داخل .iti--container ثابتة.    */
/* بلا overscroll-behavior كانت الإيماءة تُسلَّم للصفحة خلفها عند بلوغ حد القائمة    */
/* فيعلق التمرير (بلاغ المالك 14 Aug: بعد الوصول للأعلى لا تنزل ثانية).            */
body .iti__country-list{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
body .iti--container{overscroll-behavior:contain}
/* الفاصل الذي نضيفه أسفل دول السوق (tripyana-phone-country-ux.php) */
body .iti__country-list .tp-pref-divider{border-bottom:1px solid rgba(0,0,0,.12);margin:4px 0}


/* 16 Aug (بلاغ المالك بلقطة): التقويم يفتح بخلفية شفافة تُظهر الصفحة خلفه —   */
/* لا قاعدة خلفية تصله إطلاقًا (مقيس محسوبًا rgba(0,0,0,0) جوال وديسكتوب).    */
/* تثبيت أبيض صريح ببادئة body (قانون 12). علامة: tp-dp-bg                    */
body .chbs-datepicker.ui-datepicker,
body .chbs-datepicker#ui-datepicker-div{background:#fff}


/* 16 Aug ب (طلب المالك): كل قوائم الفورم بخلفية بيضاء، وإزالة الخطوط السوداء  */
/* بين الساعات (كانت border-top أسود 1px لكل عنصر). علامة: tp-menus-bg        */
body .ui-selectmenu-menu,
body .ui-selectmenu-menu .ui-menu,
body .ui-timepicker-wrapper,
body .ui-timepicker-list,
body .iti__country-list{background:#fff}
body .ui-timepicker-list li{border:none}

/* الخط الأسود بين الساعات: الغالب .ui-timepicker-wrapper .ui-timepicker-list>li  */
/* بتخصيص (0,2,1) فوق قاعدتنا — قاعدة أعلى تخصيصا تحسمه. علامة: tp-hours-lines  */
body .ui-timepicker-wrapper .ui-timepicker-list > li{border:0}

/* 16 Aug ج: الخطوط بين خيارات القوائم المنسدلة (كان .ui-menu .ui-menu-item      */
/* بحد علوي 1px solid) — تخصيص أعلى يحسمه. علامة: tp-tab-bg                     */
body .ui-selectmenu-menu .ui-menu .ui-menu-item{border:0}
/* التبويب غير النشط كان شفافا تماما فوق الهيرو ونصه #66727e باهت:               */
/* خلفية زمردية هادئة (توكن tp-emerald-2) ونص أفتح، ودرجة أفتح قليلا عند المرور. */
body [class*="chbs-booking-form-id"] .chbs-tab.ui-tabs .ui-tabs-nav > li:not(.ui-tabs-active) > a{background:#f3f0e7}
body [class*="chbs-booking-form-id"] .chbs-tab.ui-tabs .ui-tabs-nav > li:not(.ui-tabs-active):hover > a{background:#e7e3d7}

/* نص التبويب غير النشط: قاعدة أعلاه في هذا السنيبت تفرضه #66727e بـ!important  */
/* فبقي باهتا فوق الخلفية الزمردية — تخصيص أعلى بـ!important. علامة: tp-tab-text */
body [class*="chbs-booking-form-id"] .chbs-tab.ui-tabs .ui-tabs-nav > li.ui-tabs-tab:not(.ui-tabs-active) > a{color:#0c211a !important} /* tp-tab-text2: تخصيص (0,6,3) يغلب rtl.home (0,5,4) */
/* tp-tab-light: التبويب غير النشط فاتح كريمي بنص داكن (طلب مالك 16 Aug مساء) */

/* tp-btn-weight: نص أزرار الفورم أثقل قليلًا (طلب المالك 18 Aug 2026) */
body [class*="chbs-booking-form-id"].chbs-main .chbs-button{font-weight:600}

/* tp-pay-weight: نص بطاقات الدفع أثقل قليلًا (طلب المالك 19 Aug 2026) */
body [class*="chbs-booking-form-id"].chbs-main .chbs-payment>li>a,
body [class*="chbs-booking-form-id"].chbs-main .chbs-payment>li>a>span.chbs-payment-name{font-weight:600}

/* tp-preloader (19 Aug 2026): زر Book now كان يبدو ميتًا أثناء معالجة الإنشاء —
   صورة مؤشر CHBS فارغة والغطاء أبيض بشفافية 20% فلا يرى الزبون أي استجابة
   (الحجز الحقيقي 28393 ضُغط زره ثلاث مرات). دوّار مثبّت على الشاشة + جملة
   انتظار باللغتين. خلفية العنصر إنلاين فتحتاج important. */
body #chbs-preloader{background-color:rgba(247,246,242,.82)!important}
body #chbs-preloader>div::before{content:'';position:fixed;top:calc(50vh - 44px);left:calc(50vw - 26px);width:52px;height:52px;border-radius:50%;border:4px solid rgba(12,33,26,.18);border-top-color:#d4af37;animation:tp-preloader-spin .8s linear infinite;z-index:101}
body #chbs-preloader>div::after{content:'One moment\2026';position:fixed;top:calc(50vh + 26px);left:0;width:100%;text-align:center;color:#0c211a;font-weight:600;font-size:15px;z-index:101}
body.rtl #chbs-preloader>div::after{content:'لحظة من فضلك\2026'}
@keyframes tp-preloader-spin{to{transform:rotate(360deg)}}


/* tp-dp-selected — 22 Aug 2026: تمييز اليوم المختار عند إعادة فتح التقويم (بلاغ مالك) */
body #ui-datepicker-div.chbs-datepicker td.ui-datepicker-current-day a{background:#d4af37;color:#0c211a;font-weight:600}
@media (min-width:601px){body #ui-datepicker-div.chbs-datepicker td.ui-datepicker-current-day a{border-radius:10px}}


/* tp-iti-desktop-fix — 22 Aug 2026: صندوق بحث الدول كان يُزرع داخل حاوية العلم
   على الديسكتوب (لا .iti--container هناك) فيمددها بعرض الحقل ولا تعود بعد الإغلاق،
   واختيار أي دولة يحسب الحشوة من العرض الممدد — بلاغ «العلم تحت الحقل» */
body .iti__flag-container > .tp-iti-searchbox{display:none!important}
body .iti__flag-container > .tp-iti-empty{display:none!important}
body.rtl .chbs-main .iti__flag-container > .iti__country-list{left:0!important;right:auto!important}