/* Elegant Glassmorphism Button styling */
.glass-btn {
    /* Layout Fixes */
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    width: max-content;

    /* Structure & Typography */
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 1rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);
    letter-spacing: 0.08em;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

    /* Strictly requested edge constraint */

    /* Muted premium slate-blue tint instead of bright primary blue */
    background: rgba(30, 41, 59, 0.4);

    /* Advanced depth stack: crisp overlay blur + precise drop shadows */
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);

    /* Hairline boundary highlight */
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 
        0 4px 30px rgba(0, 0, 0, 0.4),
        inset 0 1px 1px rgba(255, 255, 255, 0.1);
}

        /* Smooth interactive states */
.glass-btn:hover {
    color: #ffffff;
    background: rgba(30, 41, 59, 0.55);
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 
    0 10px 40px rgba(0, 0, 0, 0.6),
    0 0 0 2px rgba(255, 255, 255, 0.03),
    inset 0 1px 1px rgba(255, 255, 255, 0.15);
    letter-spacing: 0.11em; /* Subtle premium text expansion */
        
    
}

.glass-btn:active {
    transform: scale(0.98);
    background: rgba(15, 23, 42, 0.6);
}


.cedars-drilldown * {
    box-sizing: border-box;
    font-family: 'Manrope', sans-serif;

}

:root {
    --cedars-dd-duration: 350ms;
    --cedars-dd-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.cedars-drilldown {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: height var(--cedars-dd-duration) var(--cedars-dd-ease);
}

.cedars-drilldown__menu,
.cedars-drilldown__panel {
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
}

.cedars-drilldown__panel--nested {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
}

.cedars-drilldown__panel--animating {
    transition:
        transform var(--cedars-dd-duration) var(--cedars-dd-ease),
        opacity 300ms ease,
        visibility 0s linear var(--cedars-dd-duration);
}

.cedars-drilldown__panel--current,
.cedars-drilldown__panel--parent,
.cedars-drilldown__panel--right {
    visibility: visible;
    transition-delay: 0s;
}

.cedars-drilldown__panel--current:not(.cedars-drilldown__panel--nested) {
    position: relative;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.cedars-drilldown__panel--nested.cedars-drilldown__panel--current {
    position: absolute;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.cedars-drilldown__panel--parent {
    opacity: 0;
    transform: translate3d(-20%, 0, 0);
}

.cedars-drilldown__panel--right {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.cedars-drilldown__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.cedars-drilldown__item:last-child {
    border-bottom: 0;
}

.cedars-drilldown__panel > .cedars-drilldown__item {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
    transition:
        opacity 200ms ease,
        transform 280ms var(--cedars-dd-ease);
    transition-delay: calc(var(--cedars-dd-item-index, 0) * 35ms);
}

.cedars-drilldown__panel--current > .cedars-drilldown__item {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.cedars-drilldown__panel--current.cedars-drilldown__panel--entering > .cedars-drilldown__item {
    animation: cedars-dd-in 320ms var(--cedars-dd-ease) both;
    animation-delay: calc(var(--cedars-dd-item-index, 0) * 45ms);
}

@keyframes cedars-dd-in {
    from { opacity: 0; transform: translate3d(0, 10px, 0); }
    to   { opacity: 1; transform: translate3d(0, 0, 0); }
}

.cedars-drilldown__link
 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
    border: 0;
    background: transparent;
    color: #000;
    cursor: pointer;
    font: inherit;
    font-size: 15px;
    text-align: left;
    text-decoration: none;
    transition: color 150ms ease;
}
/* ── back button base (unchanged) ── */
.cedars-drilldown__back-btn {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 12px 16px;
            border: 0;
            background: transparent;
            color: #000;
            cursor: pointer;
            font: inherit;
            font-size: 15px;
            text-align: left;
            text-decoration: none;
            transition: color 150ms ease;
            background-color: transparent;
}

        /* ── arrow on the left via ::before ── */
        .cedars-drilldown__back-btn::before {
            font-size: 18px;
            line-height: 1;
            flex-shrink: 0;
            margin-right: 12px;
            transition: transform 150ms ease;
        }

        /* ── optional hover slide ── */
        .cedars-drilldown__back-btn:hover::before {
            transform: translateX(-4px);
            background-color: transparent;
            background: transparent;
        }
.cedars-drilldown__link:hover,
.cedars-drilldown__link:focus,
.cedars-drilldown__back-btn:hover,
.cedars-drilldown__back-btn:focus {
    color: #2563eb;
    outline: none;
}

.cedars-drilldown__item--has-children > .cedars-drilldown__link::after {
    content: "→";                      /* or "›" if you prefer */
    font-size: 18px;                   /* match back arrow size */
    line-height: 1;
    flex-shrink: 0;
    margin-left: 12px;                 /* space on the left, like back arrow has right margin */
    transition: transform 150ms ease;
    opacity: 0.6;                      /* optional, to match the old opacity */
}

/* hover slide – moves right instead of left */
.cedars-drilldown__item--has-children > .cedars-drilldown__link:hover::after {
    transform: translateX(4px);
}



.cedars-drilldown__panel[aria-hidden="true"] {
    pointer-events: none;
}