/* ==========================================================================
   Legacy header stylesheet — retired.

   The old overlay header (.main-nav, .hamburger-menu, .nav-menu, .submenu)
   was replaced by the Coldbrook nav:
     - landing  : .cb-nav        (front-page.css — markup in front-page.php)
     - interior : .cb-inner-nav  (inner.css — markup in templates/header.php)

   header.js still runs but bails out early: it only targets elements that
   no longer exist in any template, so its scroll/blur toggles are no-ops.

   Only the blocks below are still referenced by page content, so this file
   stays enqueued (see inc/theme-setup.php) until those sections move into
   a more appropriate stylesheet.
   ========================================================================== */

.liquid-glass {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.liquid-glass::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg,
        rgba(59, 130, 246, 0.1) 0%,
        rgba(147, 51, 234, 0.1) 25%,
        rgba(236, 72, 153, 0.1) 50%,
        rgba(245, 158, 11, 0.1) 75%,
        rgba(34, 197, 94, 0.1) 100%);
    border-radius: inherit;
    z-index: -1;
}

.why-choice-juara-swiper .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
}

.why-choice-juara-swiper .swiper-slide {
    height: auto !important;
    display: flex !important;
    align-items: stretch !important;
}

.why-choice-juara-swiper .liquid-glass {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 450px !important; /* Set minimum height */
    height: 100% !important;
}

.why-choice-juara-swiper .liquid-glass p {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
}