/* GPIBT website 1 only. Paint-only overrides: never change display, sizing,
   spacing, typography, ordering, positioning, images, or access controls. */
html[data-website-id="1"] #wrapwrap {
    --glass-purple: #6F0C99;
    --glass-violet: #8B5CF6;
    --glass-blue: #2563EB;
    --glass-ink: #29213f;
    --glass-muted: #625774;
    --glass-surface: rgba(255, 255, 255, .76);
    --glass-line: rgba(139, 92, 246, .24);
    --glass-shadow: 0 12px 36px rgba(71, 30, 119, .10), inset 0 0 0 1px rgba(255, 255, 255, .68);
    --gpibt-navy: #6F0C99;
    --gpibt-blue: #2563EB;
    --gpibt-gold: #8B5CF6;
    --gpibt-cream: #f4f0fc;
    --gpibt-ink: #29213f;
    --gpibt-muted: #625774;
    --navy: #6F0C99;
    --blue: #2563EB;
    --gold: #8B5CF6;
    --cream: #f4f0fc;
    --ink: #29213f;
    --workspace-blue: #6F0C99;
    --workspace-blue-dark: #531071;
    --workspace-canvas: transparent;
    --workspace-border: rgba(139, 92, 246, .24);
    --workspace-text: #29213f;
    --workspace-muted: #625774;
    --bs-primary: #6F0C99;
    --bs-primary-rgb: 111, 12, 153;
    --bs-link-color: #6F0C99;
    --bs-link-color-rgb: 111, 12, 153;
    --bs-link-hover-color: #2563EB;
    --bs-link-hover-color-rgb: 37, 99, 235;
    --bs-body-color: #29213f;
    color: var(--glass-ink);
    background: radial-gradient(ellipse at 8% 4%, rgba(139, 92, 246, .22), transparent 48%),
                radial-gradient(ellipse at 95% 32%, rgba(37, 99, 235, .14), transparent 50%),
                linear-gradient(135deg, #f8f3ff, #eef4ff);
}

/* Keep the exact existing section/grid geometry and all photo layers. */
html[data-website-id="1"] #wrapwrap main,
html[data-website-id="1"] #wrapwrap :is(.gpibt-site, .ghistory, .gorg, .mygpibk-shell, .ebook-library, .sidang-shell, .lp-shell) {
    background-color: transparent !important;
    color: var(--glass-ink);
}
html[data-website-id="1"] #wrapwrap :is(.gpibt-quick, .gpibt-section.white, .ghistory .section, .gorg .section, .gpibt-section, .o_cc1, .o_cc2) {
    background-color: rgba(255, 255, 255, .38) !important;
}
html[data-website-id="1"] #wrapwrap :is(.ghistory .cream, .gorg .cream) {
    background-color: rgba(139, 92, 246, .065) !important;
}

/* Frosted site navigation; no repositioning or menu markup changes. */
html[data-website-id="1"] #wrapwrap > header :is(.navbar, .o_header_mobile),
html[data-website-id="1"] #wrapwrap > header {
    background-color: rgba(255, 255, 255, .88) !important;
    box-shadow: 0 8px 28px rgba(86, 30, 125, .08), inset 0 -1px rgba(139, 92, 246, .18);
}
html[data-website-id="1"] #wrapwrap > header .nav-link {
    color: #52336b !important;
}
html[data-website-id="1"] #wrapwrap > header .nav-link:is(:hover, :focus, .active) {
    color: #6F0C99 !important;
    text-shadow: 0 0 18px rgba(139, 92, 246, .16);
}
html[data-website-id="1"] #wrapwrap :is(.dropdown-menu, .offcanvas, .modal-content, .popover) {
    background-color: rgba(255, 255, 255, .96) !important;
    border-color: var(--glass-line) !important;
    box-shadow: var(--glass-shadow);
    color: var(--glass-ink);
}
html[data-website-id="1"] #wrapwrap .dropdown-item:is(:hover, :focus, .active) {
    background-color: rgba(139, 92, 246, .12) !important;
    color: #6F0C99 !important;
}

/* Existing visual surfaces only. Inset strokes do not affect box dimensions. */
html[data-website-id="1"] #wrapwrap :is(.card, .quick-card, .stat-panel, .calling, .org-card, .ghistory .quote, .ghistory .region, .mygpibk-card, .ebook-card, .ebook-filters, .sidang-card, .mygpibk-topbar, .mygpibk-post-menu, .mygpibk-share-menu) {
    background-color: var(--glass-surface) !important;
    border-color: var(--glass-line) !important;
    border-radius: 18px;
    box-shadow: var(--glass-shadow) !important;
    color: var(--glass-ink) !important;
}
html[data-website-id="1"] #wrapwrap :is(.card-header, .card-footer) {
    background-color: rgba(139, 92, 246, .045) !important;
    border-color: var(--glass-line) !important;
}
html[data-website-id="1"] #wrapwrap :is(.quick-card, .stat-panel, .calling, .org-card, .gorg .card, .ghistory .quote, .ghistory .region) :is(h2, h3, h4, .stat-number, .person) {
    color: #6F0C99 !important;
}
html[data-website-id="1"] #wrapwrap :is(.quick-card, .stat-panel, .calling, .org-card, .gorg .card, .ghistory .quote, .ghistory .region) :is(p, small, .stat-label) {
    color: #514562 !important;
}
html[data-website-id="1"] #wrapwrap :is(.calling b, .timeline-year, .year, .gorg .role, .mygpibk-section-title, .mygpibk-devotion-title) {
    color: #6F0C99 !important;
}
html[data-website-id="1"] #wrapwrap :is(.gpibt-kicker, .eyebrow) {
    color: #6F0C99;
}

/* Photo identities retained: replace only the old navy/gold color veil. */
html[data-website-id="1"] #wrapwrap .gpibt-site .gpibt-hero,
html[data-website-id="1"] #wrapwrap .ghistory .hero {
    background-image: linear-gradient(115deg, rgba(111, 12, 153, .94), rgba(92, 58, 188, .84), rgba(37, 99, 235, .82)), url('/manajemen_gereja/static/src/img/gpibt-hero.jpg') !important;
}
html[data-website-id="1"] #wrapwrap .gpibt-site .gpibt-cta {
    background-image: linear-gradient(115deg, rgba(111, 12, 153, .94), rgba(37, 99, 235, .88)), url('/manajemen_gereja/static/src/img/gpibt-hero.jpg') !important;
}
html[data-website-id="1"] #wrapwrap :is(.gorg .hero, .gorg .cta, .ghistory .cta, .gpibt-site .leader, .ebook-hero, .sidang-editor-hero, .lp-hero) {
    background-color: #6F0C99 !important;
    background-image: linear-gradient(115deg, rgba(111, 12, 153, .96), rgba(139, 92, 246, .78), rgba(37, 99, 235, .9)) !important;
    color: #fff !important;
}
html[data-website-id="1"] #wrapwrap :is(.gpibt-hero, .gpibt-cta, .gorg .hero, .gorg .cta, .ghistory .hero, .ghistory .cta, .leader-copy, .ebook-hero, .sidang-editor-hero, .lp-hero) :is(h1, h2, h3, p, .lead, .intro, .leader-name, .leader-role, .gpibt-kicker, .eyebrow, .sidang-kicker) {
    color: #fff !important;
}

/* Interactive controls preserve original sizing, typography and form behavior. */
html[data-website-id="1"] #wrapwrap :is(.btn-primary, .gpibt-btn:not(.alt), .mygpibk-btn-primary, .page-item.active .page-link) {
    --bs-btn-bg: #6F0C99;
    --bs-btn-border-color: #6F0C99;
    --bs-btn-hover-bg: #2563EB;
    --bs-btn-hover-border-color: #2563EB;
    --bs-btn-active-bg: #2563EB;
    background-color: #6F0C99 !important;
    background-image: linear-gradient(115deg, #6F0C99, #2563EB) !important;
    border-color: rgba(139, 92, 246, .65) !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(111, 12, 153, .18) !important;
}
html[data-website-id="1"] #wrapwrap :is(.btn-primary, .gpibt-btn:not(.alt), .mygpibk-btn-primary):hover {
    background-image: linear-gradient(115deg, #6F0C99, #8B5CF6, #2563EB) !important;
}
html[data-website-id="1"] #wrapwrap :is(.btn-outline-primary, .btn-outline-secondary, .mygpibk-soft-link, .mygpibk-quick-link, .page-link) {
    background-color: rgba(255, 255, 255, .65) !important;
    background-image: none !important;
    border-color: var(--glass-line) !important;
    color: #6F0C99 !important;
    box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .15) !important;
}
html[data-website-id="1"] #wrapwrap .gpibt-btn.alt {
    background-color: rgba(255, 255, 255, .12) !important;
    border-color: rgba(255, 255, 255, .6) !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}
html[data-website-id="1"] #wrapwrap :is(.form-control, .form-select, .input-group-text, .mygpibk-rich-editor, .mygpibk-composer-pill) {
    background-color: rgba(255, 255, 255, .86) !important;
    border-color: rgba(139, 92, 246, .32) !important;
    color: var(--glass-ink) !important;
    box-shadow: inset 0 1px 5px rgba(111, 12, 153, .04) !important;
}
html[data-website-id="1"] #wrapwrap :is(.form-control, .form-select)::placeholder {
    color: #756782 !important;
}
html[data-website-id="1"] #wrapwrap :is(.form-control, .form-select):focus {
    border-color: #8B5CF6 !important;
    box-shadow: 0 0 0 .2rem rgba(139, 92, 246, .18) !important;
}
html[data-website-id="1"] #wrapwrap :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid #2563EB;
    outline-offset: 3px;
}
html[data-website-id="1"] #wrapwrap :is(.nav-pills .nav-link.active, .mygpibk-icon-nav a.active, .view-toggle .active, .ebook-filters .active) {
    background-color: rgba(139, 92, 246, .14) !important;
    color: #6F0C99 !important;
    border-color: var(--glass-line) !important;
}

/* Replace the previous Anggota neumorphic paint, retaining the 14px text. */
html[data-website-id="1"] #wrapwrap .gpibt-member-neu {
    --neu-bg: rgba(255, 255, 255, .76);
    --neu-dark: rgba(111, 12, 153, .08);
    --neu-light: rgba(255, 255, 255, .8);
    color: var(--glass-ink);
}
html[data-website-id="1"] #wrapwrap .gpibt-member-neu :is(.card, .table-responsive) {
    background: var(--glass-surface) !important;
    box-shadow: var(--glass-shadow) !important;
}
html[data-website-id="1"] #wrapwrap .gpibt-member-neu h1 {
    color: #6F0C99 !important;
}
html[data-website-id="1"] #wrapwrap .gpibt-member-neu .neu-eyebrow {
    background: rgba(139, 92, 246, .11);
    color: #6F0C99;
    box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .18);
}
html[data-website-id="1"] #wrapwrap .gpibt-member-neu :is(.text-muted, th) {
    color: #625774 !important;
}
html[data-website-id="1"] #wrapwrap .gpibt-member-neu .table {
    --bs-table-bg: transparent;
    --bs-table-color: #29213f;
    --bs-table-hover-bg: rgba(139, 92, 246, .07);
}
html[data-website-id="1"] #wrapwrap .gpibt-member-neu :is(th, td) {
    border-color: var(--glass-line) !important;
}
html[data-website-id="1"] #wrapwrap :is(.btn-link, .ebook-author, .ebook-read-link) {
    color: #6F0C99 !important;
}

/* Existing footer structure, links, images and copyright stay untouched. */
html[data-website-id="1"] #wrapwrap > footer {
    background-color: #6F0C99 !important;
    background-image: linear-gradient(115deg, #6F0C99, #4935a4, #2563EB) !important;
    color: #fff !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .24);
}
html[data-website-id="1"] #wrapwrap > footer :is(#footer, .o_footer_copyright, .o_cc) {
    background-color: transparent !important;
    color: #fff !important;
}
html[data-website-id="1"] #wrapwrap > footer :is(a:not(.btn), p, h2, h3, h4, h5, small, .text-muted) {
    color: #fff !important;
}

/* Readable solid fallback; blur is enhancement, never a visibility dependency. */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html[data-website-id="1"] #wrapwrap :is(.card, .quick-card, .stat-panel, .calling, .org-card, .ghistory .quote, .ghistory .region, .ebook-card, .ebook-filters, .sidang-card, .mygpibk-card, .mygpibk-topbar, .gpibt-member-neu .table-responsive, .dropdown-menu, .modal-content, .offcanvas) {
        -webkit-backdrop-filter: blur(16px) saturate(125%);
        backdrop-filter: blur(16px) saturate(125%);
    }
}
@media (prefers-reduced-transparency: reduce) {
    html[data-website-id="1"] #wrapwrap { --glass-surface: #fff; }
    html[data-website-id="1"] #wrapwrap :is(.card, .quick-card, .stat-panel, .calling, .org-card, .ebook-card, .mygpibk-card, .dropdown-menu, .modal-content, .offcanvas) {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #fff !important;
    }
}
@media print {
    html[data-website-id="1"] #wrapwrap { background: #fff; }
    html[data-website-id="1"] #wrapwrap :is(.card, .quick-card, .stat-panel, .calling, .org-card, .ebook-card, .mygpibk-card) {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #fff !important;
        box-shadow: none !important;
    }
}