/* IDTelNetwork - style publik tambahan */
.fade-in-element {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in-element.visible {
    opacity: 1;
    transform: translateY(0);
}

section[id] {
    scroll-margin-top: 6rem;
}

/* Select2 publik mengikuti tema gelap kartu pemesanan. */
.select2-container--default .select2-selection--single {
    display: flex; height: 46px; align-items: center; border: 1px solid #334155;
    border-radius: .5rem; background: #0f172a;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 12px; color: #e2e8f0; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; }
.select2-dropdown { border: 1px solid #334155; background: #0f172a; color: #e2e8f0; }
.select2-container--default .select2-results__option { color: #cbd5e1; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #0d9488; color: #fff; }
.select2-container--default .select2-results__option[aria-selected=true] { background: #1e293b; }
.select2-search--dropdown .select2-search__field { border: 1px solid #334155; border-radius: .375rem; background: #1e293b; color: #e2e8f0; }

.public-nav-dropdown > summary::-webkit-details-marker {
    display: none;
}

.public-nav-dropdown > summary::marker {
    content: '';
}

.public-nav-dropdown[open] .nav-chevron {
    transform: rotate(180deg);
}

.public-nav-dropdown[open] .public-nav-panel {
    animation: publicNavReveal .18s ease-out;
    transform-origin: top center;
}

.public-nav-trigger.is-active {
    background: rgba(20, 184, 166, .1);
    color: #f8fafc;
    box-shadow: inset 0 0 0 1px rgba(45, 212, 191, .18);
}

@keyframes publicNavReveal {
    from { opacity: 0; transform: translate(-50%, -6px) scale(.98); }
    to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .public-nav-dropdown[open] .public-nav-panel {
        animation: none;
    }
}