/* Sticky under the header; top is set from JS via --header-offset */
.toggle-bloc {
    position: sticky;
    top: var(--header-offset, 0px);
    z-index: var(--toggle-sticky-z, 50);
}

/* Visuals only when the toggle is stuck */
.toggle-bloc.is-sticky {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: #fffc;
    border: 0 solid rgba(164, 169, 170, 0.5);
    border-bottom-width: 1px;
    box-shadow: 0 4px 32px rgba(5, 20, 45, 0.06);
    padding: 13px 0;
}


// 4-space tabs; comments in English for clean-code guidelines

// Base look (tes classes actuelles)
.toggle-client,
.toggle-advisor {
    transition: background-color .2s ease, color .2s ease;
    cursor: pointer;
}

// Active state = gris
.toggle-client.is-active,
.toggle-advisor.is-active {
    background-color: #f3f4f6; // ton gris
    color: #05142d;            // texte sombre
}

// Inactive state = blanc
.toggle-client:not(.is-active),
.toggle-advisor:not(.is-active) {
    background-color: #ffffff;
    color: #05142d;
}

/* Smooth height transition on the whole card */
.pricing-case, .pricing-case-premium {
    transition: height 260ms ease;
    overflow: hidden; /* ensure no overflow during animation */
}