/* ====================================================================
       FORCE CONSISTENT KIT COLORS — public + admin identical (CSS-only)
       Se ws-kit-dark/accent vieram invertidos/preto, força fallbacks usáveis
       ==================================================================== */
    :root {
        --wstf-safe-dark: #2a2a2a;
        --wstf-safe-light: #FFF9F7;
    }
    /* Se kit-dark for muito claro (>>50% luma) OU acento for preto, sobrescreve */
    html body {
        --ws-kit-dark: var(--ws-kit-dark, #2a2a2a);
    }
    /* Specific override: se kit-dark veio gold/light em vez de dark, força preto */
    @media (min-width: 0) {
        :root {
            --ws-kit-dark-original: var(--ws-kit-dark);
        }
    }

    /* H1/H2/H3 — kit */
    .ate-post-head__title, body.single h1.ate-post-head__title, body.single .ate-post-content h1, h1.entry-title {
        font-family: var(--ate-font-display, 'Cormorant Garamond', Georgia, serif) !important;
        font-size: clamp(22px, 4vw, 36px) !important; font-weight: 500 !important; line-height: 1.25 !important;
        color: var(--ws-kit-primary, var(--ws-kit-dark, #2a2a2a)) !important;
        margin: 0 0 14px !important; text-wrap: balance; max-width: 38ch;
        display: block !important; visibility: visible !important; opacity: 1 !important; text-transform: none !important;
    }
    body.single .ate-post-content h2 {
        font-family: var(--ate-font-display, 'Cormorant Garamond', Georgia, serif) !important;
        font-size: clamp(20px, 3.4vw, 28px) !important; font-weight: 500 !important; line-height: 1.3 !important;
        color: var(--ws-kit-primary, var(--ws-kit-dark, #2a2a2a)) !important;
        margin: 2.2em 0 .6em !important; text-wrap: balance;
        padding-bottom: .25em; border-bottom: 1px solid color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 14%, transparent);
    }
    body.single .ate-post-content h3 {
        font-family: var(--ate-font-display, 'Cormorant Garamond', Georgia, serif) !important;
        font-size: clamp(17px, 2.6vw, 22px) !important; font-weight: 600 !important;
        color: var(--ws-kit-dark, #2a2a2a) !important; margin: 1.6em 0 .4em !important;
    }
    @media (max-width:680px){
        .ate-post-head__title, h1.ate-post-head__title, body.single .ate-post-content h1 { font-size: clamp(19px,5.4vw,26px)!important; line-height:1.3!important; max-width:100%; }
        body.single .ate-post-content h2 { font-size: clamp(18px,4.6vw,22px)!important; }
        body.single .ate-post-content h3 { font-size: clamp(16px,4vw,19px)!important; }
    }
    body.single .ate-post-content p, body.single .ate-post-content li {
        font-family: var(--ate-font-text, 'Inter', system-ui, sans-serif) !important;
        font-size: clamp(15px, 1.05vw, 16.5px) !important; line-height: 1.7 !important; color: var(--ws-kit-dark, #2a2a2a) !important;
    }

    /* === GALERIA — visual kit (CSS only) === */
    #wspg-widget {
        background: linear-gradient(180deg,
            color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 8%, #fff) 0%,
            color-mix(in srgb, var(--ws-kit-light, #FFF9F7) 70%, #fff) 100%) !important;
        border: 1px solid color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 18%, transparent) !important;
        border-radius: 18px !important; padding: 28px 16px 24px !important; margin: 24px auto !important;
    }
    #wspg-widget h3 { color: var(--ws-kit-primary, var(--ws-kit-dark, #1a1a1a)) !important; }
    #wspg-widget .count { display: none !important; }
    #wspg-widget .item {
        flex: 0 0 260px !important; width: 260px !important; height: 325px !important;
        aspect-ratio: auto !important; border-radius: 16px !important; overflow: hidden !important;
        background-color: #fff !important; box-shadow: 0 6px 18px rgba(0,0,0,.10) !important;
        position: relative !important; line-height: 0 !important;
    }
    /* IMG: SEMPRE visivel, dentro ou fora de wrap */
    #wspg-widget .item img,
    #wspg-widget .item .ws-post-img-wrap img,
    #wspg-widget .item span > img,
    #wspg-widget .item > img {
        width: 100% !important; height: 100% !important; min-height: 100% !important;
        object-fit: cover !important; object-position: center !important;
        display: block !important; visibility: visible !important; opacity: 1 !important;
        position: absolute !important; inset: 0 !important; z-index: 1 !important;
        border-radius: 16px !important;
    }
    /* ws-post-img-wrap se renderizar: vira contents pra img fluir */
    #wspg-widget .item .ws-post-img-wrap {
        display: contents !important;
    }
    /* MATA overlays do ws-image-hover (não a img!) */
    #wspg-widget .ws-hover-overlay,
    #wspg-widget .ws-hover-cta,
    #wspg-widget .ws-hover-brand,
    #wspg-widget .ws-hover-logo {
        display: none !important; visibility: hidden !important; pointer-events: none !important;
    }
    /* Caption visivel */
    #wspg-widget .item .cap {
        display: block !important; visibility: visible !important; opacity: 1 !important;
        position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
        padding: 14px 12px 10px !important; font-size: 0.78rem !important; line-height: 1.35 !important;
        background-color: linear-gradient(to top, rgba(0,0,0,.78), transparent)  !important;
        color: #fff !important; z-index: 5 !important;
    }
    #wspg-widget .item.from-other {
        outline: 1px solid color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 35%, transparent) !important;
        outline-offset: -1px !important;
    }
    /* Badge — REMOVIDO completamente */
    html body #wspg-widget .item .badge,
    html body #wspg-widget .badge,
    html body #wspg-widget span.badge {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        pointer-events: none !important;
    }
    @media (max-width:680px){
        #wspg-widget { padding: 24px 12px 20px !important; }
        #wspg-widget .item { flex: 0 0 220px !important; width: 220px !important; height: 275px !important; }
    }
    @media (max-width:420px){
        #wspg-widget .item { flex: 0 0 78vw !important; width: 78vw !important; max-width: 280px !important; height: 96vw !important; max-height: 350px !important; }
    }

    /* === FAQ === */
    #wsfa-widget {
        background: linear-gradient(180deg,
            color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 10%, #fff) 0%,
            color-mix(in srgb, var(--ws-kit-light, #FFF9F7) 65%, #fff) 100%) !important;
        padding: 40px 18px !important; margin-top: 0 !important;
        border: 1px solid color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 18%, transparent) !important;
        border-radius: 18px !important;
    }
    #wsfa-widget h2 {
        font-family: 'Cormorant Garamond', serif !important;
        font-size: clamp(22px, 4.4vw, 32px) !important; font-weight: 500 !important;
        color: var(--ws-kit-primary, var(--ws-kit-dark, #2a2a2a)) !important;
        border-bottom: none !important; padding-bottom: 0 !important; text-transform: none !important;
    }
    #wsfa-widget .h::after {
        content: ''; display: block; width: 50px; height: 1px;
        background: var(--ws-kit-primary, #c5a46d); margin: 12px auto 0; opacity: .5;
    }
    #wsfa-widget .item { background: #fff !important; border: 1px solid color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 18%, transparent) !important; }
    #wsfa-widget .q .num { background: color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 22%, #fff) !important; color: var(--ws-kit-primary, #c5a46d) !important; }
    #wsfa-widget .q .arr { background: var(--ws-kit-primary, #c5a46d) !important; }

    /* === Header desktop: cor kit (bege/gold) nos botões Cidade, Waze e Avaliar — Safari-safe === */
    /* Header CTAs em estilo OUTLINE (igual footer): fundo transparente + borda dourada + texto dourado */
    .wshh-luxo-loc,
    .wshh-bar .wshh-luxo-loc,
    .wshh-luxo .wshh-luxo-loc,
    .wshh-luxo-cta.cta-waze,
    .wshh-bar .wshh-luxo-cta.cta-waze,
    .wshh-luxo .wshh-luxo-cta.cta-waze,
    a.wshh-luxo-cta.cta-waze,
    .wshh-luxo-cta.cta-review,
    .wshh-bar .wshh-luxo-cta.cta-review,
    .wshh-luxo .wshh-luxo-cta.cta-review,
    a.wshh-luxo-cta.cta-review {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        color: var(--ws-kit-primary, #c5a46d) !important;
        border: 1.5px solid var(--ws-kit-primary, #c5a46d) !important;
        box-shadow: none !important;
        opacity: 1 !important;
        filter: none !important;
        text-shadow: none !important;
        font-weight: 500 !important;
    }
    .wshh-luxo-loc:hover,
    .wshh-bar .wshh-luxo-loc:hover,
    .wshh-luxo-cta.cta-waze:hover,
    .wshh-bar .wshh-luxo-cta.cta-waze:hover,
    .wshh-luxo .wshh-luxo-cta.cta-waze:hover,
    .wshh-luxo-cta.cta-review:hover,
    .wshh-bar .wshh-luxo-cta.cta-review:hover,
    .wshh-luxo .wshh-luxo-cta.cta-review:hover {
        background: var(--ws-kit-primary, #c5a46d) !important;
        background-color: var(--ws-kit-primary, #c5a46d) !important;
        background-image: none !important;
        color: #fff !important;
        border-color: var(--ws-kit-primary, #c5a46d) !important;
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(197, 164, 109, 0.35) !important;
    }
    .wshh-luxo-cta.cta-waze svg,
    .wshh-luxo-cta.cta-review svg,
    .wshh-luxo-loc svg {
        fill: var(--ws-kit-primary, #c5a46d) !important;
        color: var(--ws-kit-primary, #c5a46d) !important;
    }
    .wshh-luxo-cta.cta-waze:hover svg,
    .wshh-luxo-cta.cta-review:hover svg,
    .wshh-luxo-loc:hover svg {
        fill: #fff !important;
        color: #fff !important;
    }
    .wshh-luxo-cta.cta-waze .wshh-luxo-cta-text,
    .wshh-luxo-cta.cta-review .wshh-luxo-cta-text,
    .wshh-luxo-loc span {
        color: var(--ws-kit-primary, #c5a46d) !important;
    }
    .wshh-luxo-cta.cta-waze:hover .wshh-luxo-cta-text,
    .wshh-luxo-cta.cta-review:hover .wshh-luxo-cta-text,
    .wshh-luxo-loc:hover span {
        color: #fff !important;
    }

    /* === FIX: ws-smart-footer estava sumindo no mobile (NUCLEAR override) === */
    html body #wssf-footer,
    html body footer#wssf-footer,
    html body .wssf-footer,
    html body footer#wssf-footer.wssf-footer,
    html body[class*=" "] #wssf-footer {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: 1px !important;
        position: relative !important;
    }
    @media (max-width: 880px) {
        html body #wssf-footer,
        html body footer#wssf-footer,
        html body .wssf-footer {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            height: auto !important;
        }
    }
    @media (max-width: 680px) {
        html body #wssf-footer { display: block !important; }
    }

    /* === FIX: ws-kit-dark e ws-kit-accent invertidos em alguns sites — força fallbacks seguros === */
    :root {
        /* Se ws-kit-dark vier muito claro (e0b060 = light gold), força fallback escuro */
        --wstf-dark: var(--ws-kit-dark, #2a2a2a);
        --wstf-accent: var(--ws-kit-accent, var(--ws-kit-primary, #c5a46d));
    }
    /* Detecta se ws-kit-dark é light (heurística simples): se for, sobrescreve */
    @supports (color: color-mix(in srgb, white, black)) {
        body[data-wskit-dark-light="1"] {
            --ws-kit-dark: #2a2a2a !important;
        }
    }

    /* === Logo: círculo branco + glow animado (anel gradiente) === */
    html body .wshh-luxo .wshh-luxo-logo,
    html body .wshh-luxo-logo {
        background: var(--wshh-circle-bg, #fff) !important;
        overflow: visible !important;
        border-radius: 50% !important;
        border: 0 !important;
        box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important;
        position: relative !important;
        isolation: isolate;
    }
    /* GLOW ANEL: gradiente animado em volta da logo */
    html body .wshh-luxo-logo::before {
        content: '' !important;
        position: absolute !important;
        inset: -6px !important;
        border-radius: 50% !important;
        padding: 4px !important;
        background: conic-gradient(
            from 0deg,
            var(--ws-kit-primary, #c5a46d),
            var(--ws-kit-accent, #b08d54),
            #fff,
            var(--ws-kit-primary, #c5a46d),
            var(--ws-kit-accent, #b08d54)
        ) !important;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
        -webkit-mask-composite: xor !important;
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
        mask-composite: exclude !important;
        animation: wshh-logo-spin 4s linear infinite !important;
        z-index: -1 !important;
        pointer-events: none !important;
    }
    @keyframes wshh-logo-spin {
        0%   { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    /* Glow extra com sombra suave colorida */
    html body .wshh-luxo-logo {
        box-shadow:
            0 4px 14px rgba(0,0,0,0.18),
            0 0 28px color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 50%, transparent),
            0 0 44px color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 22%, transparent),
            0 0 0 3px var(--wshh-circle-bg, #fff) !important;
    }
    /* Glow PULSE também */
    html body .wshh-luxo-logo::after {
        content: '' !important;
        position: absolute !important;
        inset: -10px !important;
        border-radius: 50% !important;
        border: 2px solid color-mix(in srgb, var(--ws-kit-primary, #c5a46d) 35%, transparent) !important;
        animation: wshh-logo-pulse 2.5s ease-in-out infinite !important;
        pointer-events: none !important;
        z-index: -2 !important;
    }
    @keyframes wshh-logo-pulse {
        0%   { transform: scale(1);   opacity: 0.7; }
        50%  { transform: scale(1.18); opacity: 0; }
        100% { transform: scale(1);   opacity: 0.7; }
    }
    body.no-glow .wshh-luxo-logo::after { display: none !important; }
    html body .wshh-luxo-logo > img,
    html body .wshh-luxo .wshh-luxo-logo > img {
        width: 110% !important;
        height: 110% !important;
        object-fit: contain !important;
        object-position: center !important;
        display: block !important;
        border-radius: 50% !important;
        background: var(--wshh-circle-bg, #fff) !important;
        padding: 2% !important;
        box-sizing: border-box !important;
        position: relative !important;
        z-index: 1 !important;
        margin: -5% !important;
    }
    /* Footer logo — mesma estética com glow */
    html body #wssf-footer .wssf-logo,
    html body .wssf-logo {
        background: var(--wshh-circle-bg, #fff) !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        box-shadow:
            0 4px 14px rgba(0,0,0,0.14),
            0 0 0 2px var(--wshh-circle-bg, #fff) !important;
        position: relative !important;
        isolation: isolate;
        aspect-ratio: 1 / 1;
        width: 120px;
        height: 120px;
    }
    html body .wssf-logo > img {
        width: 110% !important;
        height: 110% !important;
        object-fit: contain !important;
        object-position: center !important;
        display: block !important;
        border-radius: 50% !important;
        background: #fff !important;
        padding: 2% !important;
        box-sizing: border-box !important;
        position: relative !important;
        z-index: 1 !important;
        margin: -5% !important;
    }
    /* Opção: pra DESLIGAR o glow, adicione classe .no-glow no body */
    body.no-glow .wshh-luxo-logo::before,
    body.no-glow .wssf-logo::before { display: none !important; }
    body.no-glow .wshh-luxo-logo,
    body.no-glow .wssf-logo {
        box-shadow: 0 4px 14px rgba(0,0,0,0.10), 0 0 0 2px #fff !important;
    }

    /* === Consistência admin/público SEM bloquear combos: usa fallback inicial, mas permite override === */
    /* (removido !important pra deixar o combo do hero-header poder mudar a cor) */

    /* === v1.3.7: Safari-safe — usa CSS var --wshh-bg (cor escolhida) em vez de hardcode === */
    /* No Safari sem color-mix, ainda respeita a cor do header configurada no modal */
    @supports not (background: color-mix(in srgb, white, black)) {
        html body .wshh-luxo:not([style*="background"]) {
            background: var(--wshh-bg, #f4ede0);
        }
        html body #wssf-footer:not([style*="background"]) {
            background: var(--wssf-bg, var(--wshh-bg, #f4ede0));
        }
    }

    /* === Single post: esconder data, mostrar categoria === */
    body.single .ate-post-head__meta > time { display: none !important; }
    body.single .ate-post-head__meta a.wstf-cat-link {
        color: var(--ws-kit-primary, #c5a46d) !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        font-size: 0.86rem !important;
        text-transform: uppercase;
        letter-spacing: .08em;
        transition: color .2s, transform .2s;
        display: inline-block;
    }
    body.single .ate-post-head__meta a.wstf-cat-link:hover {
        color: var(--ws-kit-accent, var(--ws-kit-dark, #b08d54)) !important;
        transform: translateX(2px);
    }

    /* === Logo intensity: aplica filtros baseado em var --wstf-logo-intensity (0 a 4) === */
    html body .wshh-luxo-logo[data-intensity="0"] > img,
    html body .wssf-logo[data-intensity="0"] > img { filter: none; }
    html body .wshh-luxo-logo[data-intensity="1"] > img,
    html body .wssf-logo[data-intensity="1"] > img { filter: saturate(1.25) brightness(1.05) contrast(1.05); }
    html body .wshh-luxo-logo[data-intensity="2"] > img,
    html body .wssf-logo[data-intensity="2"] > img { filter: saturate(1.5) brightness(1.1) contrast(1.12); }
    html body .wshh-luxo-logo[data-intensity="3"] > img,
    html body .wssf-logo[data-intensity="3"] > img { filter: saturate(1.85) brightness(1.15) contrast(1.2); }
    html body .wshh-luxo-logo[data-intensity="4"] > img,
    html body .wssf-logo[data-intensity="4"] > img { filter: saturate(2.2) brightness(1.2) contrast(1.3); }
    html body .wshh-luxo-logo[data-intensity="5"] > img,
    html body .wssf-logo[data-intensity="5"] > img {
        filter: brightness(0) saturate(100%) contrast(1) invert(0);
        mix-blend-mode: normal;
    }

    /* Botão admin pra ciclar intensidade — só pra logged-in */
    body.logged-in .wstf-intensity-btn {
        position: absolute !important;
        top: -8px !important;
        right: -8px !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, #9333ea, #6d28d9) !important;
        color: #fff !important;
        border: 2px solid #fff !important;
        cursor: pointer !important;
        font-size: 16px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 99 !important;
        box-shadow: 0 4px 12px rgba(147, 51, 234, 0.4) !important;
        transition: transform .2s !important;
        padding: 0 !important;
    }
    body.logged-in .wstf-intensity-btn:hover { transform: scale(1.15) rotate(15deg); }
    body.logged-in .wstf-intensity-btn::after {
        content: attr(data-level);
        position: absolute;
        bottom: -22px;
        right: -2px;
        background: #1a1a1a;
        color: #fff;
        font-size: 9px;
        padding: 2px 6px;
        border-radius: 6px;
        white-space: nowrap;
        font-weight: 600;
    }