/* =========================================================
   SHAHMIE TRAVEL & TOURS — V10 PUBLIC MULTIPAGE FIX
   - stable title heroes
   - unified public header/footer
   - Shahmie blue/orange instead of legacy maroon
   - payment/success pages aligned to public multipage UI
   ========================================================= */
:root{
  --primary:#0b5fbe!important;--primary-dark:#061b43!important;--primary-soft:#edf5ff!important;
  --secondary:#061b43!important;--secondary-2:#0b3f82!important;--gold:#f5bc46!important;
  --gold-soft:#fff4d7!important;--ink:#12233e!important;--muted:#687a94!important;
  --line:#dbe5f1!important;--surface:#fff!important;--surface-2:#f4f8fd!important;--surface-3:#edf4fc!important;
  --as-maroon:#0b5fbe!important;--as-maroon-2:#0a4f9f!important;--as-maroon-3:#0d6ac7!important;
  --as-maroon-deep:#061b43!important;--as-v14-maroon:#0b5fbe!important;--as-v14-maroon-deep:#061b43!important;--as-v14-maroon-dark:#082d66!important;
}
html,body{background:#fff!important;color:#17233d}body[data-layout="public"],body.register-page-v9,body.payment-flow-page{font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:linear-gradient(180deg,#f7faff 0%,#fff 45%,#f1f6fc 100%)!important}
/* Header is identical across public multipages */
body[data-layout="public"] .site-header,body.register-page-v9 .site-header,body.payment-flow-page .site-header,.site-header{background:rgba(255,255,255,.98)!important;color:#17233d!important;border-bottom:1px solid rgba(6,27,67,.09)!important;box-shadow:0 9px 28px rgba(8,28,62,.08)!important}
.main-nav a{color:#25334d!important}.main-nav a:hover,.main-nav a.active{color:#ff6800!important}.login-link{color:#17233d!important;background:#fff!important}.header-book{color:#fff!important}.topbar{background:#061b43!important}.brand img{filter:none!important;opacity:1!important}.brand__dark{display:block!important}.brand__light{display:none!important}
/* Fix all public page title heroes and remove legacy maroon overlays */
.page-hero,.page-hero-v9,.purchase-page-hero{
  position:relative!important;height:auto!important;min-height:420px!important;padding:64px 0!important;display:flex!important;align-items:center!important;overflow:hidden!important;
  color:#fff!important;border-radius:0 0 34px 34px!important;border-bottom:2px solid rgba(245,188,70,.95)!important;
  background:linear-gradient(90deg,rgba(3,18,47,.97) 0%,rgba(5,48,105,.87) 45%,rgba(7,83,159,.44) 100%),var(--page-bg,url('../images/hero/umrah.webp')) center/cover no-repeat!important;
  box-shadow:0 22px 55px rgba(4,29,66,.13)!important;
}
.page-hero::before,.page-hero-v9::before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 82% 22%,rgba(255,122,20,.24),transparent 26rem),linear-gradient(90deg,rgba(1,16,41,.2),transparent)!important;z-index:0!important;pointer-events:none!important}
.page-hero::after,.page-hero-v9::after{content:""!important;position:absolute!important;right:-9rem!important;bottom:-13rem!important;width:36rem!important;height:36rem!important;border:1px solid rgba(245,188,70,.28)!important;border-radius:50%!important;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.016)!important;z-index:0!important;pointer-events:none!important}
.page-hero__overlay{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(2,18,48,.28),transparent 70%)!important;z-index:0!important}
.page-hero__content,.page-hero>.container{position:relative!important;z-index:2!important;padding-top:0!important;padding-bottom:0!important;width:min(1220px,calc(100% - 40px))!important}
.page-hero h1,.page-hero-v9 h1,.purchase-page-hero h1{font-family:'Playfair Display',Georgia,serif!important;color:#fff!important;font-size:clamp(2.8rem,5.1vw,5.25rem)!important;line-height:1.02!important;max-width:920px!important;margin:14px 0 15px!important;text-shadow:0 10px 32px rgba(0,0,0,.24)!important;overflow:visible!important}
.page-hero p,.page-hero-v9 p,.purchase-page-hero p{color:#e8f1ff!important;font-size:1.08rem!important;line-height:1.7!important;max-width:780px!important;margin:0!important}.page-hero .eyebrow,.page-hero .eyebrow.light,.page-hero .eyebrow--light{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#ffd17f!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;padding:9px 14px!important;backdrop-filter:blur(9px)!important}.page-hero .breadcrumb,.page-hero .breadcrumbs{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 14px!important;color:#dbe8fa!important;font-size:.83rem!important}.page-hero .breadcrumb a,.page-hero .breadcrumbs a{color:#fff!important;font-weight:700!important}.page-hero .breadcrumb i,.page-hero .breadcrumbs i{color:#ffc45e!important}
/* All old maroon public blocks become Shahmie blue */
body[data-layout="public"] .section-deep,body[data-layout="public"] .customer-hero,body[data-layout="public"] .points-hero,body[data-layout="public"] .wallet-hero,body[data-layout="public"] .reward-admin-hero{background:linear-gradient(135deg,#061b43,#0a4f9f 62%,#0d6ac7)!important}
body[data-layout="public"] .btn-primary,body[data-layout="public"] .form-section-title>span,.register-page-v9 .btn-primary,.payment-flow-page .btn-primary{background:linear-gradient(135deg,#0b5fbe,#082d66)!important;color:#fff!important;border-color:transparent!important}
body[data-layout="public"] .btn-primary:hover,.register-page-v9 .btn-primary:hover,.payment-flow-page .btn-primary:hover{background:linear-gradient(135deg,#ff6800,#ff8a21)!important;color:#fff!important}
body[data-layout="public"] .btn-outline{border-color:#9fb9db!important;color:#082d66!important;background:#fff!important}.payment-flow-page .btn-outline{border-color:#f0a359!important;color:#d95800!important;background:#fff!important}.payment-flow-page .btn-outline:hover{background:#ff6800!important;color:#fff!important;border-color:#ff6800!important}
/* Payment pages */
.payment-flow-page .purchase-page-hero{--page-bg:url('../images/hero/umrah.webp');min-height:390px!important}.payment-flow-page main{background:linear-gradient(180deg,#f5f9fe,#fff)!important}.payment-method-card{border-color:#d9e5f2!important}.payment-method-card h2{color:#061b43!important}.payment-summary-banner,.manual-bank-card{background:linear-gradient(145deg,#061b43,#0b5fbe)!important;color:#fff!important}.payment-summary-banner .eyebrow,.manual-bank-card .eyebrow{color:#ffc96a!important}.payment-summary-banner h3,.manual-bank-card h3{color:#fff!important}
/* FPX checkout legacy page */
body[data-page="fpx-payment"] .checkout-bg{background:radial-gradient(circle at 85% 0,rgba(11,95,190,.13),transparent 26rem),linear-gradient(180deg,#edf5ff,#fff)!important}body[data-page="fpx-payment"] .checkout-heading h1,body[data-page="fpx-payment"] .checkout-card h1{color:#061b43!important}.payment-processing{background:rgba(3,28,65,.9)!important}.bank-grid label input:checked+span{border-color:#0b5fbe!important;background:#edf5ff!important;box-shadow:0 0 0 3px rgba(11,95,190,.12)!important}
/* Success pages: no legacy red full-page backdrop */
body[data-page="payment-success"] .success-page,body[data-page="manual-payment-success"] .success-page,.success-page{position:relative!important;min-height:78vh!important;background:linear-gradient(125deg,rgba(3,22,54,.94),rgba(8,70,139,.82)),url('../images/hero/umrah.webp') center/cover fixed!important;padding:72px 0!important}.success-page::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,123,24,.20),transparent 25rem);pointer-events:none}.success-page .section{position:relative;z-index:2;background:transparent!important}.success-shell{background:#fff!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 30px 80px rgba(1,18,45,.32)!important}.success-shell h1,.success-shell h2,.receipt-brand span{color:#061b43!important}.receipt-card{background:#fbfdff!important;border-color:#b9cce5!important}.success-actions .btn-primary{background:linear-gradient(135deg,#0b5fbe,#082d66)!important;color:#fff!important}
/* Avoid title clipping on smaller widths */
@media(max-width:1180px){.page-hero,.page-hero-v9,.purchase-page-hero{min-height:390px!important;padding:58px 0!important}.page-hero h1,.page-hero-v9 h1,.purchase-page-hero h1{font-size:clamp(2.6rem,6vw,4.4rem)!important}.main-nav{display:none!important}.menu-toggle{display:grid!important;place-items:center!important}}
@media(max-width:760px){.page-hero,.page-hero-v9,.purchase-page-hero{min-height:330px!important;padding:48px 0!important;border-radius:0 0 24px 24px!important}.page-hero__content,.page-hero>.container{width:min(100% - 28px,1220px)!important}.page-hero h1,.page-hero-v9 h1,.purchase-page-hero h1{font-size:clamp(2.35rem,11vw,3.35rem)!important;line-height:1.03!important}.page-hero p,.page-hero-v9 p,.purchase-page-hero p{font-size:.96rem!important;line-height:1.55!important}.page-hero .breadcrumb,.page-hero .breadcrumbs{font-size:.76rem!important}.success-page{padding:38px 0!important;background-attachment:scroll!important}.success-shell{border-radius:22px!important}.payment-method-grid{grid-template-columns:1fr!important}}