/**
 * Halaman publik (Fasilitas, Bayar, Berita, Tentang, S&K, Kontak, Penawaran, Akun, …)
 * — selaras visual dengan /packages: hero navy + aksen biru langit, section abu-biru lembut.
 */
:root {
    --mb-pub-navy: #0c2340;
    --mb-pub-navy-mid: #153a5c;
    --mb-pub-accent: #7dd3fc;
    --mb-pub-accent-strong: #0ea5e9;
    --mb-pub-pretitle: #1e5a8a;
    --mb-pub-section-mist: #f1f5f9;
    --mb-pub-section-border: #e2e8f0;
}

/* —— Hero sub-halaman: sama nuansa .mb-pkg-hero —— */
.tt-page-hero {
    position: relative;
    padding: 3.25rem 0 3.5rem;
    background: linear-gradient(155deg, var(--mb-pub-navy) 0%, #0a1a2e 50%, var(--mb-pub-navy-mid) 100%);
    overflow: hidden;
    text-align: center;
}

.tt-page-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 1;
    pointer-events: none;
}

.tt-page-hero-bg {
    opacity: 0.18;
    z-index: 0;
}

.tt-page-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(12, 35, 64, 0.55) 0%, rgba(10, 26, 46, 0.88) 100%);
    pointer-events: none;
}

.tt-page-hero .container {
    position: relative;
    z-index: 3;
}

.tt-page-hero .tt-page-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.85rem, 4.5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.2;
}

.tt-page-hero .tt-page-title .accent {
    color: var(--mb-pub-accent);
}

.tt-page-hero .breadcrumb-item a:hover {
    color: var(--mb-pub-accent) !important;
}

.tt-page-hero .tt-page-subtitle {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.72);
    max-width: 640px;
    line-height: 1.65;
}

/* Hero lebih ringkas (Akun, checkout, keranjang) */
.tt-page-hero.tt-page-hero-sm {
    padding: 2.5rem 0 2.85rem;
}

.tt-page-hero.tt-page-hero-sm .tt-page-title {
    font-size: clamp(1.65rem, 4vw, 2.25rem);
}

/* Standar layanan: satu gaya hero dengan foto samar */
.tt-page-hero.tt-standar-hero .tt-standar-hero-bg {
    opacity: 0.16;
}

/* —— Section konten: latar seperti chip / filter /packages —— */
.tt-section-light {
    background: linear-gradient(180deg, #f8fafc 0%, var(--mb-pub-section-mist) 100%);
}

html:not([data-bs-theme='dark']) .tt-pretitle {
    color: var(--mb-pub-pretitle) !important;
}

html:not([data-bs-theme='dark']) .tt-title .accent {
    color: var(--mb-pub-accent-strong);
}

/* Halaman standar layanan: strip tambahan */
.tt-standar-plus-section {
    background: linear-gradient(180deg, rgba(241, 245, 249, 0.95) 0%, #ffffff 55%);
    border-block-color: var(--mb-pub-section-border);
}

/* —— Mode gelap —— */
html[data-bs-theme='dark'] .tt-page-hero {
    background: linear-gradient(155deg, #0a1628 0%, #0c2340 45%, #152a45 100%);
}

html[data-bs-theme='dark'] .tt-page-hero::after {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.5) 0%, rgba(10, 22, 40, 0.92) 100%);
}

html[data-bs-theme='dark'] .tt-page-hero .tt-page-title .accent {
    color: var(--mb-pub-accent);
}

html[data-bs-theme='dark'] .tt-section-light {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
}

html[data-bs-theme='dark'] .tt-pretitle {
    color: var(--mb-pub-accent) !important;
}

html[data-bs-theme='dark'] .tt-title .accent {
    color: var(--mb-pub-accent);
}

html[data-bs-theme='dark'] .tt-standar-plus-section {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.6) 0%, var(--bs-body-bg, #0f172a) 55%);
    border-block-color: rgba(255, 255, 255, 0.08);
}