/* CUNAM v100 — desktop hero alignment and slider controls. */

/* Slider navigation is grouped above the quick-access row on desktop. */
.hero-slider-controls {
    display: none;
}

@media (min-width: 1024px) {
    /* Match the floating header's left and right content edges exactly. */
    .hero-slide-inner {
        width: auto !important;
        max-width: none !important;
        margin-right: var(--cunam-header-x) !important;
        margin-left: var(--cunam-header-x) !important;
        padding-right: 22px !important;
        padding-left: 22px !important;
    }

    .hero-slide-content {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .hero-slide-content::before {
        display: none !important;
    }

    .hero-signature-actions,
    .hero-signature-actions--single {
        justify-content: flex-start !important;
        align-items: center !important;
        margin-left: 0 !important;
    }

    /* Center the complete quick-access row on the hero, independent of .container. */
    .hero-bottom-panel.hero-service-panel {
        left: var(--cunam-header-x) !important;
        right: var(--cunam-header-x) !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        display: flex !important;
        justify-content: center !important;
    }

    .hero-bottom-panel.hero-service-panel .hero-service-links {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        justify-content: center !important;
    }

    .hero-slider-controls {
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        bottom: clamp(126px, 15.5vh, 152px) !important;
        z-index: 42 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 13px !important;
        width: max-content !important;
        transform: translateX(-50%) !important;
    }

    /* Preserve the v101 SVG arrow design inside one centered control group. */
    .hero-slider-arrow {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        transform: none !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 !important;
        line-height: 0 !important;
        font-size: 0 !important;
    }

    .hero-slider-arrow svg {
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        margin: 0 !important;
        overflow: visible !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        pointer-events: none !important;
    }

    .hero-slider-arrow:hover {
        transform: scale(1.04) !important;
    }

    .hero-slider-dots {
        position: static !important;
        inset: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        width: auto !important;
        margin: 0 2px !important;
        padding: 0 !important;
        transform: none !important;
    }

    .hero-slider-dots button,
    .hero-slider-dots button.is-active {
        width: 6px !important;
        min-width: 6px !important;
        height: 6px !important;
        min-height: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .48) !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .hero-slider-dots button.is-active {
        width: 9px !important;
        min-width: 9px !important;
        height: 9px !important;
        min-height: 9px !important;
        background: #fff !important;
        box-shadow: 0 0 0 4px rgba(255, 255, 255, .14) !important;
    }
}