/*
 * PCL Header Fixo no Scroll 1.2.0
 */

.pcl-header-scroll-ready {
    isolation: isolate;
}

/* Base fixa antes da animação */
.pcl-header-scroll-ready.pcl-header-fixed-base {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;

    width: 100% !important;
    max-width: none !important;
    min-height: var(--pcl-header-height, unset) !important;

    z-index: var(--pcl-z-index, 99999) !important;
    box-shadow: var(--pcl-header-shadow, 0 4px 16px rgba(0,0,0,.28)) !important;

    will-change: transform, opacity;
    transition:
        transform var(--pcl-entry-duration, 550ms) var(--pcl-easing, ease-in-out),
        opacity var(--pcl-entry-duration, 550ms) var(--pcl-easing, ease-in-out);
}

/* Estado inicial fora da tela */
.pcl-header-scroll-ready.pcl-header-fixed-base[data-pcl-effect="soft-slide"],
.pcl-header-scroll-ready.pcl-header-fixed-base[data-pcl-effect="slide"],
.pcl-header-scroll-ready.pcl-header-fixed-base[data-pcl-effect="slide-fade"] {
    transform: translateY(calc(-1 * var(--pcl-distance, 100%)));
}

.pcl-header-scroll-ready.pcl-header-fixed-base[data-pcl-effect="fade"],
.pcl-header-scroll-ready.pcl-header-fixed-base[data-pcl-effect="slide-fade"] {
    opacity: 0;
}

.pcl-header-scroll-ready.pcl-header-fixed-base[data-pcl-effect="soft-slide"],
.pcl-header-scroll-ready.pcl-header-fixed-base[data-pcl-effect="slide"] {
    opacity: 1;
}

/* Estado visível */
.pcl-header-scroll-ready.pcl-header-fixed-base.pcl-header-visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

/* Saída usa duração própria */
.pcl-header-scroll-ready.pcl-header-fixed-base.pcl-header-leaving {
    transition:
        transform var(--pcl-exit-duration, 450ms) var(--pcl-easing, ease-in-out),
        opacity var(--pcl-exit-duration, 450ms) var(--pcl-easing, ease-in-out);
}

/* Sem animação */
.pcl-header-scroll-ready.pcl-header-fixed-base[data-pcl-effect="none"] {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
}

/* Fundo: substituir */
.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="replace"] {
    background-color: transparent !important;
    background-image:
        linear-gradient(
            var(--pcl-overlay-color, rgba(5,87,199,.40)),
            var(--pcl-overlay-color, rgba(5,87,199,.40))
        ),
        var(--pcl-bg-image, none) !important;

    background-position:
        center center,
        var(--pcl-bg-position, center center) !important;

    background-size:
        auto,
        var(--pcl-bg-size, cover) !important;

    background-repeat:
        no-repeat,
        var(--pcl-bg-repeat, no-repeat) !important;
}

.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="replace"] > .e-con-inner,
.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="replace"] > .elementor-container,
.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="replace"] > .elementor-widget-wrap,
.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="replace"] > .e-con,
.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="replace"] > .elementor-element {
    background-color: transparent !important;
    background-image: none !important;
}

.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="replace"] > .elementor-background-overlay,
.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="replace"] > .e-con-inner > .elementor-background-overlay,
.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="replace"] > .elementor-container > .elementor-background-overlay {
    display: none !important;
}

/* Fundo: sobrepor */
.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="overlay"]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background-color: var(--pcl-overlay-color, rgba(5,87,199,.40));
    background-image: var(--pcl-bg-image, none);
    background-position: var(--pcl-bg-position, center center);
    background-size: var(--pcl-bg-size, cover);
    background-repeat: var(--pcl-bg-repeat, no-repeat);
}

.pcl-header-scroll-ready[data-pcl-fixed="true"][data-pcl-background-mode="overlay"] > * {
    position: relative;
    z-index: 1;
}

/* Conteúdo sempre visível */
.pcl-header-scroll-ready[data-pcl-fixed="true"] .elementor-widget,
.pcl-header-scroll-ready[data-pcl-fixed="true"] .elementor-widget-container,
.pcl-header-scroll-ready[data-pcl-fixed="true"] .elementor-nav-menu,
.pcl-header-scroll-ready[data-pcl-fixed="true"] img,
.pcl-header-scroll-ready[data-pcl-fixed="true"] svg,
.pcl-header-scroll-ready[data-pcl-fixed="true"] a {
    opacity: 1 !important;
}

/* Logo reduzido somente no scroll */
.pcl-header-scroll-ready[data-pcl-fixed="true"] .pcl-header-scroll-logo {
    width: var(--pcl-logo-width, 130px) !important;
    max-width: var(--pcl-logo-width, 130px) !important;
    height: auto !important;

    transition:
        width var(--pcl-logo-transition, 350ms) var(--pcl-easing, ease-in-out),
        max-width var(--pcl-logo-transition, 350ms) var(--pcl-easing, ease-in-out);
}

/* 0px = não alterar */
.pcl-header-scroll-ready[data-pcl-fixed="true"] .pcl-header-scroll-logo[style*="--pcl-logo-width: 0px"] {
    width: auto !important;
    max-width: none !important;
}

/*
 * Preserva completamente o degradê do Elementor.
 * O plugin altera somente a sombra.
 */
.pcl-header-scroll-ready[data-pcl-fixed="true"] .pcl-header-scroll-button {
    box-shadow: var(--pcl-button-shadow, 0 0 40px rgba(0,0,0,.50)) !important;

    transition:
        box-shadow 220ms ease,
        transform 220ms ease,
        filter 220ms ease;
}

.pcl-header-scroll-ready[data-pcl-fixed="true"] .pcl-header-scroll-button:hover {
    box-shadow: var(--pcl-button-shadow-hover, 0 5px 18px rgba(0,0,0,.42)) !important;
}

/* Não redefine background, background-image, cor ou gradiente do botão. */

.pcl-header-scroll-placeholder {
    width: 100%;
    min-height: 1px;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .pcl-header-scroll-ready,
    .pcl-header-scroll-ready.pcl-header-fixed-base,
    .pcl-header-scroll-ready[data-pcl-fixed="true"] .pcl-header-scroll-logo,
    .pcl-header-scroll-ready[data-pcl-fixed="true"] .pcl-header-scroll-button {
        transition: none !important;
    }
}
