/* ═══════════════════════════════════════════════════════════════════════
   PAGE HERO — banner foto untuk setiap halaman selain home.
   Satu komponen dasar, variasi warna/motif per halaman agar tiap halaman
   punya ciri khas sendiri tanpa keluar dari tema Galaxis (maroon & emas).
   ═══════════════════════════════════════════════════════════════════════ */
.page-hero{
    --ph-accent:var(--t-gold);
    --ph-accent-soft:rgba(255,170,1,.18);
    position:relative;
    isolation:isolate;
    display:flex;
    align-items:flex-end;
    min-height:470px;
    padding:172px 0 62px;
    color:#fff;
    overflow:hidden;
    background:#5B1005;
}
.page-hero .ph-bg{
    position:absolute;
    inset:0;
    z-index:-2;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    transform:scale(1.03);
}
.page-hero .ph-shade{
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(0deg,rgba(16,7,4,.95) 0%,rgba(22,9,5,.66) 48%,rgba(26,10,5,.32) 100%);
}
.page-hero::after{
    content:attr(data-motif);
    position:absolute;
    right:4%;
    top:50%;
    transform:translateY(-46%);
    font-family:var(--t-serif);
    font-size:clamp(9rem,18vw,17rem);
    line-height:1;
    color:rgba(255,255,255,.08);
    z-index:1;
    pointer-events:none;
    user-select:none;
}
.page-hero .ph-in{position:relative;z-index:2;width:100%}

/* breadcrumb */
.page-hero .ph-crumbs{margin:0 0 1.1rem}
.page-hero .ph-crumbs ol{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.55rem;
    margin:0;
    padding:0;
    list-style:none;
    font-size:.78rem;
    font-weight:600;
    color:#F0D9C9;
}
.page-hero .ph-crumbs li{display:inline-flex;align-items:center;gap:.55rem}
.page-hero .ph-crumbs li+li::before{content:"›";opacity:.55}
.page-hero .ph-crumbs a{color:#fff;opacity:.82;text-decoration:none}
.page-hero .ph-crumbs a:hover{opacity:1;color:var(--ph-accent)}
.page-hero .ph-crumbs li[aria-current]{color:var(--ph-accent)}

/* label kecil di atas judul */
.page-hero .ph-kick{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    padding:.44rem 1rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.28);
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(6px);
    color:#FFEBD2;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.page-hero .ph-kick::before{
    content:"";
    width:16px;
    height:2px;
    border-radius:2px;
    background:var(--ph-accent);
}

/* judul & teks */
.page-hero h1,
.page-hero #page-hero-title{
    font-family:var(--t-serif);
    font-size:clamp(2.35rem,5vw,4rem);
    line-height:1.02;
    font-weight:800;
    letter-spacing:-.01em;
    text-transform:uppercase;
    color:#fff;
    margin:.95rem 0 .7rem;
    max-width:20ch;
    text-wrap:balance;
}
.page-hero h1 em{
    display:block;
    font-style:italic;
    font-weight:700;
    color:var(--ph-accent);
    letter-spacing:0;
}
.page-hero .ph-lead{
    max-width:62ch;
    margin:0 0 1.15rem;
    color:#F6E7DA;
    font-size:1.02rem;
    line-height:1.6;
}

/* chip meta (durasi, lokasi, harga, rating) */
.page-hero .ph-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    margin:.2rem 0 1.35rem;
}
.page-hero .ph-chip{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.46rem .9rem;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.24);
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(6px);
    color:#fff;
    font-size:.8rem;
    font-weight:700;
    line-height:1.2;
}
.page-hero .ph-chip b{color:var(--ph-accent);font-weight:800}
.page-hero .ph-chip svg{width:15px;height:15px;flex:0 0 auto}

/* tombol */
.page-hero .ph-actions{display:flex;flex-wrap:wrap;gap:.65rem}
.page-hero .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    border:0;
    cursor:pointer;
    font-family:inherit;
    font-weight:800;
    font-size:.92rem;
    padding:.82rem 1.5rem;
    border-radius:999px;
    text-decoration:none;
    transition:.2s;
}
.page-hero .btn-gold{background:var(--t-gold);color:#1E1600;box-shadow:0 12px 24px -14px rgba(255,134,1,.95)}
.page-hero .btn-gold:hover{background:var(--t-gold-2);transform:translateY(-1px);color:#1E1600}
.page-hero .btn-line{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.75)}
.page-hero .btn-line:hover{background:rgba(255,255,255,.24);color:#fff}

/* ── varian per halaman (ciri khas) ─────────────────────────────────── */
.page-hero--tour{--ph-accent:#FFBB2E;--ph-accent-soft:rgba(255,187,46,.2)}
.page-hero--tour .ph-shade{background:linear-gradient(0deg,rgba(24,12,2,.95) 0%,rgba(31,17,4,.6) 50%,rgba(41,22,5,.26) 100%)}

.page-hero--hotel{--ph-accent:#FFD27A;--ph-accent-soft:rgba(255,210,122,.2)}
.page-hero--hotel .ph-shade{background:linear-gradient(0deg,rgba(6,28,33,.94) 0%,rgba(8,32,38,.6) 52%,rgba(10,36,42,.28) 100%)}

.page-hero--flight{--ph-accent:#8FD3FF;--ph-accent-soft:rgba(143,211,255,.2)}
.page-hero--flight .ph-shade{background:linear-gradient(0deg,rgba(6,16,32,.95) 0%,rgba(9,24,44,.64) 52%,rgba(12,30,52,.3) 100%)}

.page-hero--blog{--ph-accent:#FFC857;--ph-accent-soft:rgba(255,200,87,.2)}
.page-hero--service{--ph-accent:#FFD27A;--ph-accent-soft:rgba(255,210,122,.2)}
.page-hero--contact{--ph-accent:#FFD27A;--ph-accent-soft:rgba(255,210,122,.2)}
.page-hero--cms{--ph-accent:#FFC857;--ph-accent-soft:rgba(255,200,87,.2)}
.page-hero--cms .ph-shade{background:linear-gradient(0deg,rgba(20,10,6,.95) 0%,rgba(26,13,8,.68) 52%,rgba(30,16,10,.34) 100%)}

/* halaman detail: lebih ringkas */
.page-hero--compact{min-height:390px;padding:154px 0 48px}
.page-hero--compact h1,
.page-hero--compact #page-hero-title{font-size:clamp(1.9rem,3.6vw,2.9rem);max-width:26ch}
.page-hero--compact .ph-lead{font-size:.96rem;margin-bottom:.95rem}

@media(max-width:920px){
    .page-hero{min-height:410px;padding:146px 0 48px}
    .page-hero::after{font-size:11rem;right:-1%}
    .page-hero--compact{min-height:340px;padding:136px 0 40px}
}
@media(max-width:640px){
    .page-hero{min-height:360px;padding:124px 0 38px}
    .page-hero::after{display:none}
    .page-hero h1,
    .page-hero #page-hero-title{font-size:2.05rem;max-width:100%}
    .page-hero h1 em{font-size:.86em}
    .page-hero .ph-lead{font-size:.92rem}
    .page-hero--compact{min-height:300px;padding:116px 0 32px}
    .page-hero--compact h1{font-size:1.7rem}
}

/* ── hero + kartu pencarian di halaman /flights ─────────────────────── */
.gh-catalog .flightinthero.ph-offers{
    display:block;
    min-height:0;
    padding:150px 0 54px;
    background:#0B1B30;
    color:#fff;
}
.gh-catalog .flightinthero.ph-offers .ph-bg{transform:scale(1.02)}
.gh-catalog .flightinthero.ph-offers .ph-offers-head,
.gh-catalog .flightinthero.ph-offers .ph-offers-form{position:relative;z-index:2}
.gh-catalog .flightinthero.ph-offers .ph-offers-form{margin-top:1.75rem}
.gh-catalog .flightinthero.ph-offers h1{text-align:left;color:#fff;text-shadow:none}
.gh-catalog .flightinthero.ph-offers .ph-lead{margin-bottom:0}
.gh-catalog .flightinthero.ph-offers .duffeltopsearch{margin-top:0}
@media(max-width:920px){
    .gh-catalog .flightinthero.ph-offers{padding:136px 0 42px}
}
@media(max-width:640px){
    .gh-catalog .flightinthero.ph-offers{padding:118px 0 34px}
}