/*
 * Homepage design "Booking" (2026-10-31). Loaded only when Admin > Theme > Homepage design = booking
 * (includes/homepage_design.php). Every rule is scoped to body.hd-booking. The search box itself is today's form
 * with Search box style B (assets/css/search-styles.css) in the accent colour.
 * --hd-accent = Admin > Theme primary colour, or brand red while the colours are the defaults.
 */
body.hd-booking{background:#f3f4f6!important;color:#141820;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Naskh Arabic",Tahoma,sans-serif!important;font-size:15px}
html[dir=rtl] body.hd-booking{font-family:"Segoe UI",Tahoma,"Noto Naskh Arabic","Geeza Pro",Roboto,Arial,sans-serif!important}
body.hd-booking .cursor-follower,body.hd-booking .slider-drag-cursor,body.hd-booking #preloader{display:none!important}
body.hd-booking .hdb a{text-decoration:none;color:inherit}
body.hd-booking .hdb img{max-width:100%;display:block}
body.hd-booking .hdb h1,body.hd-booking .hdb h2,body.hd-booking .hdb h3,body.hd-booking .hdb h5{font-family:inherit!important;color:inherit;margin:0;letter-spacing:-.01em}
body.hd-booking .hdb p{margin:0}
body.hd-booking .hdb-ic{flex:none;vertical-align:-4px}
body.hd-booking .hdb-wrap{max-width:1200px;margin:0 auto;padding:0 20px}

/* Header bar (main-includes/bento_bar.php, same links and account menu, light look) */
body.hd-booking .bn-bar-wrap{position:sticky;top:0;margin:0;padding:0;background:#fff;border-bottom:1px solid #e6e8ec;box-shadow:0 1px 2px rgba(16,24,40,.04)}
body.hd-booking .bn-bar{max-width:1200px;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:10px 20px!important;gap:16px}
body.hd-booking .bn-logo{color:#141820!important}
body.hd-booking .bn-logo .bn-logo-img{height:44px}
body.hd-booking .bn-links{margin:0 auto 0 8px}
html[dir=rtl] body.hd-booking .bn-links{margin:0 8px 0 auto}
body.hd-booking .bn-links a{color:#344054!important;font-weight:600;font-size:14.5px;padding:9px 14px}
body.hd-booking .bn-links a:hover{background:#f2f4f7!important;color:var(--hd-accent)!important}
body.hd-booking .bn-lang,body.hd-booking .bn-cur-sel{background:#fff!important;color:#344054!important;border:1px solid #d0d5dd!important}
body.hd-booking .bn-wa{background:#fff!important;color:#344054!important;border:1px solid #d0d5dd!important}
body.hd-booking .bn-signin{background:var(--hd-accent)!important;color:var(--hd-accent-ink)!important;border-radius:10px!important}
body.hd-booking .bn-menu-btn{background:#f2f4f7!important;color:#141820!important;border-radius:10px!important}
body.hd-booking .bn-user-toggle{color:#141820!important}

/* Colour band + title */
body.hd-booking .hdb-band{position:relative;overflow:hidden;background:var(--hd-accent);color:var(--hd-accent-ink);padding:34px 0 110px}
body.hd-booking .hdb-band-bg{position:absolute;inset:0;opacity:.22;mix-blend-mode:luminosity}
body.hd-booking .hdb-band-bg img{width:100%;height:100%;object-fit:cover}
body.hd-booking .hdb-band::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--hd-accent) 25%,transparent 120%);opacity:.65}
body.hd-booking .hdb-band .hdb-wrap{position:relative;z-index:1}
body.hd-booking .hdb-band h1{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.12;color:var(--hd-accent-ink)!important;max-width:30ch}
body.hd-booking .hdb-sub{margin-top:10px!important;font-size:17px;opacity:.92;max-width:62ch}
body.hd-booking .hdb-mtabs{display:none;gap:8px;margin-bottom:22px;flex-wrap:wrap}
body.hd-booking .hdb-mtabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.45);color:var(--hd-accent-ink)!important;font-weight:600;font-size:14.5px;background:rgba(255,255,255,.08)}
body.hd-booking .hdb-mtabs a.on,body.hd-booking .hdb-mtabs a:hover{background:#fff;color:#141820!important;border-color:#fff}

/* Search card (today's form, Style B) */
body.hd-booking .hdb-search{position:relative;z-index:6;margin:-84px 0 0!important;background:#fff!important;border-radius:16px!important;border:1px solid #e6e8ec!important;box-shadow:0 18px 40px -18px rgba(16,24,40,.28)!important;padding:18px 20px 20px!important}
body.hd-booking .b-search.sw-style-b{--sw-red:var(--hd-accent);--sw-red-dark:var(--hd-accent)}
body.hd-booking .hdb-search .booking-tabs{margin-bottom:14px!important}

/* Trust strip */
body.hd-booking .hdb-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 8px}
body.hd-booking .hdb-trust>div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:14px 16px}
body.hd-booking .hdb-trust .hdb-ic{width:34px;height:34px;padding:7px;border-radius:10px;background:color-mix(in srgb,var(--hd-accent) 10%,#fff);color:var(--hd-accent)}
body.hd-booking .hdb-trust b{display:block;font-size:14.5px}
body.hd-booking .hdb-trust span{display:block;font-size:13px;color:#667085}

/* Sections */
body.hd-booking .hdb-sec{margin:38px 0 0}
body.hd-booking .hdb-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
body.hd-booking .hdb-sh h2{font-size:24px;font-weight:800}
body.hd-booking .hdb-sh p{color:#667085;font-size:14.5px;margin-top:4px!important}
body.hd-booking .hdb-sh>a{display:inline-flex;align-items:center;gap:6px;color:var(--hd-accent)!important;font-weight:700;font-size:14.5px;white-space:nowrap}
html[dir=rtl] body.hd-booking .hdb .hdb-ic[viewBox] path[d^="M5 12h14"]{transform:scaleX(-1);transform-origin:center}

body.hd-booking .hdb-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.hd-booking .hdb-of{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e8ec;border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}
body.hd-booking .hdb-of:hover{box-shadow:0 14px 30px -16px rgba(16,24,40,.3);transform:translateY(-2px)}
body.hd-booking .hdb-of img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9ecf1}
body.hd-booking .hdb-tx{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
body.hd-booking .hdb-tag{align-self:flex-start;font-size:12px;font-weight:700;padding:3px 9px;border-radius:6px;background:color-mix(in srgb,var(--hd-accent) 12%,#fff);color:var(--hd-accent)}
body.hd-booking .hdb-tx h3{font-size:17px;font-weight:700}
body.hd-booking .hdb-tx p{font-size:14px;color:#475467}
body.hd-booking .hdb-meta{display:flex;align-items:center;gap:6px}
body.hd-booking .hdb-meta .hdb-ic{width:16px;height:16px;color:#667085}
body.hd-booking .hdb-more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;color:var(--hd-accent);font-weight:700;font-size:14px}
body.hd-booking .hdb-more .hdb-ic{width:16px;height:16px}

body.hd-booking .hdb-dest{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
body.hd-booking .hdb-d{position:relative;grid-column:span 2;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#dfe3e8}
body.hd-booking .hdb-d.l{grid-column:span 3;aspect-ratio:16/9}
body.hd-booking .hdb-d img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
body.hd-booking .hdb-d:hover img{transform:scale(1.04)}
body.hd-booking .hdb-t{position:absolute;inset:auto 0 0 0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff}
body.hd-booking .hdb-t b{display:block;font-size:19px;font-weight:800}
body.hd-booking .hdb-t span{font-size:13.5px;opacity:.9}

body.hd-booking .hdb-list{display:flex;flex-direction:column;gap:14px}
body.hd-booking .hdb-res{display:grid;grid-template-columns:240px minmax(0,1fr) 210px;background:#fff;border:1px solid #e6e8ec;border-radius:14px;overflow:hidden}
body.hd-booking .hdb-res:hover{box-shadow:0 14px 30px -18px rgba(16,24,40,.3)}
body.hd-booking .hdb-res img{width:100%;height:100%;min-height:150px;object-fit:cover;background:#e9ecf1}
body.hd-booking .hdb-m{padding:16px 18px;display:flex;flex-direction:column;gap:8px}
body.hd-booking .hdb-m h3{font-size:19px;font-weight:800}
body.hd-booking .hdb-loc{font-size:14px;color:#475467;display:flex;align-items:center;gap:4px}
body.hd-booking .hdb-loc .hdb-ic{width:16px;height:16px}
body.hd-booking .hdb-inc{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13.5px;color:#067647}
body.hd-booking .hdb-inc span{display:inline-flex;align-items:center;gap:4px}
body.hd-booking .hdb-inc .hdb-ic{width:15px;height:15px}
body.hd-booking .hdb-p{border-inline-start:1px solid #eef0f3;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:end;gap:12px}
body.hd-booking .hdb-pr small{display:block;font-size:12.5px;color:#667085}
body.hd-booking .hdb-pr b{font-size:22px;font-weight:800}
body.hd-booking .hdb-bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--hd-accent);color:var(--hd-accent-ink)!important;font-weight:700;font-size:14.5px;padding:11px 18px;border-radius:10px;white-space:nowrap}
body.hd-booking .hdb-bt .hdb-ic{width:16px;height:16px}

body.hd-booking .hdb-browse{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body.hd-booking .hdb-br{background:#fff;border:1px solid #e6e8ec;border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s}
body.hd-booking .hdb-br:hover{border-color:var(--hd-accent)}
body.hd-booking .hdb-bri{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--hd-accent) 10%,#fff);color:var(--hd-accent);margin-bottom:6px}
body.hd-booking .hdb-br b{font-size:16px}
body.hd-booking .hdb-br span:not(.hdb-bri){font-size:13.5px;color:#667085}

body.hd-booking .hdb-partner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:#141820;color:#fff;border-radius:18px;overflow:hidden;margin:40px 0 44px}
body.hd-booking .hdb-ptx{padding:34px 36px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
body.hd-booking .hdb-ptx h3{font-size:24px;font-weight:800;color:#fff!important}
body.hd-booking .hdb-ptx p{color:#c4c9d2}
body.hd-booking .hdb-ptx ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;color:#e4e7ec;font-size:14.5px}
body.hd-booking .hdb-ptx li{display:inline-flex;align-items:center;gap:6px}
body.hd-booking .hdb-ptx li .hdb-ic{width:16px;height:16px;color:var(--hd-accent)}
body.hd-booking .hdb-partner>img{width:100%;height:100%;object-fit:cover;min-height:240px}

/* Phone app bar (includes/pwa.php) in the light look */
body.hd-booking .hp-nav{background:#fff!important;border-top:1px solid #e6e8ec!important;box-shadow:0 -6px 20px -12px rgba(16,24,40,.2)!important}
body.hd-booking .hp-nav a{color:#667085!important}
body.hd-booking .hp-nav a.hp-on{color:var(--hd-accent)!important}
body.hd-booking .hp-nav a.hp-on .hp-dot{background:var(--hd-accent)!important}

/* Footer */
body.hd-booking .hdb-foot{background:#fff;border-top:1px solid #e6e8ec;padding:40px 0 calc(24px + env(safe-area-inset-bottom));color:#475467;font-size:14.5px}
body.hd-booking .hdb-fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:28px}
body.hd-booking .hdb-fbrand img{height:48px;width:auto;margin-bottom:10px}
body.hd-booking .hdb-fname{font-size:20px;color:#141820;display:block;margin-bottom:8px}
body.hd-booking .hdb-foot h5{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#141820;font-weight:800;margin-bottom:12px!important}
body.hd-booking .hdb-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
body.hd-booking .hdb-foot a:hover{color:var(--hd-accent)}
body.hd-booking .hdb-soc{display:flex;gap:8px;margin-top:12px}
body.hd-booking .hdb-soc a{width:36px;height:36px;border-radius:50%;border:1px solid #d0d5dd;display:grid;place-items:center;color:#344054}
body.hd-booking .hdb-fb{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eef0f3;margin-top:28px;padding-top:18px;font-size:13.5px}

/* Tablet / phone */
@media (max-width:991px){
  body.hd-booking .hdb-offers{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.hd-booking .hdb-browse{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.hd-booking .hdb-fg{grid-template-columns:1fr 1fr}
  body.hd-booking .hdb-res{grid-template-columns:200px minmax(0,1fr)}
  body.hd-booking .hdb-p{grid-column:1/-1;flex-direction:row;align-items:center;border-inline-start:0;border-top:1px solid #eef0f3;text-align:start}
}
@media (max-width:640px){
  body.hd-booking .hdb-wrap{padding:0 14px}
  body.hd-booking .bn-bar{padding:8px 14px!important}
  body.hd-booking .bn-logo .bn-logo-img{height:36px}
  body.hd-booking .hdb-band{padding:18px 0 96px}
  body.hd-booking .hdb-mtabs{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:0 -14px 16px;padding:0 14px;scrollbar-width:none}
  body.hd-booking .hdb-mtabs::-webkit-scrollbar{display:none}
  body.hd-booking .hdb-mtabs a{flex:none;padding:8px 13px;font-size:14px}
  body.hd-booking .hdb-band h1{font-size:27px}
  body.hd-booking .hdb-sub{font-size:15px}
  body.hd-booking .hdb-search{margin-top:-78px!important;padding:12px 12px 14px!important;border-radius:14px!important}
  body.hd-booking .hdb-trust{grid-template-columns:1fr 1fr;gap:8px}
  body.hd-booking .hdb-trust>div{padding:11px 12px;gap:9px}
  body.hd-booking .hdb-trust .hdb-ic{width:30px;height:30px;padding:6px}
  body.hd-booking .hdb-trust b{font-size:13.5px}
  body.hd-booking .hdb-trust span{font-size:12px}
  body.hd-booking .hdb-sec{margin-top:30px}
  body.hd-booking .hdb-sh h2{font-size:20px}
  body.hd-booking .hdb-offers{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:0 14px 6px;gap:12px;scrollbar-width:none}
  body.hd-booking .hdb-offers::-webkit-scrollbar{display:none}
  body.hd-booking .hdb-of{flex:0 0 82%;scroll-snap-align:start}
  body.hd-booking .hdb-dest{grid-template-columns:1fr 1fr;gap:10px}
  body.hd-booking .hdb-d,body.hd-booking .hdb-d.l{grid-column:span 1;aspect-ratio:1/1}
  body.hd-booking .hdb-d.l:first-child{grid-column:1/-1;aspect-ratio:16/9}
  body.hd-booking .hdb-t{padding:30px 12px 10px}
  body.hd-booking .hdb-t b{font-size:16px}
  body.hd-booking .hdb-res{grid-template-columns:110px minmax(0,1fr)}
  body.hd-booking .hdb-res img{min-height:120px}
  body.hd-booking .hdb-m{padding:12px 14px;gap:6px}
  body.hd-booking .hdb-m h3{font-size:17px}
  body.hd-booking .hdb-p{padding:12px 14px}
  body.hd-booking .hdb-pr b{font-size:18px}
  body.hd-booking .hdb-browse{grid-template-columns:1fr 1fr;gap:10px}
  body.hd-booking .hdb-br:last-child:nth-child(odd){grid-column:1/-1}
  body.hd-booking .hdb-partner{grid-template-columns:1fr;margin:32px 0}
  body.hd-booking .hdb-ptx{padding:24px 20px}
  body.hd-booking .hdb-ptx h3{font-size:20px}
  body.hd-booking .hdb-partner>img{min-height:0;aspect-ratio:16/9;order:-1}
  body.hd-booking .hdb-fg{grid-template-columns:1fr 1fr;gap:22px}
  body.hd-booking .hdb-fbrand{grid-column:1/-1}
  body.hd-booking .hdb-foot{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}