/*
 * Detector de Bulos — Global stylesheet (enqueued on every page).
 *
 * Contains only the language-switcher overlay, which is now rendered
 * site-wide via wp_body_open. Landing-page-specific CSS lives in
 * assets/css/landing.css (front-page only).
 */

/* ---------------------------------------------------------------------------
   Minimal CSS variables for the switcher on non-landing pages.
   landing.css re-declares the same values in :root — no conflict, last-write
   wins (same value either way).
   --------------------------------------------------------------------------- */

:root {
    --ddb-hell-muted: rgba(245, 240, 235, 0.65);
    --ddb-hell-text:  #f5f0eb;
}

/* ---------------------------------------------------------------------------
   Language switcher — position: fixed, always visible in the top-right corner.
   --------------------------------------------------------------------------- */

.ddb-lang-switcher {
    position: fixed;
    top: clamp(0.75rem, 2vw, 1.25rem);
    right: clamp(0.75rem, 3vw, 2rem);
    z-index: 900;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    background: rgba(10, 5, 0, 0.85);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(192, 57, 43, 0.3);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                 Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.ddb-lang-btn {
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: var(--ddb-hell-muted);
    padding: 0.15rem 0.25rem;
    transition: color 0.2s;
}

.ddb-lang-btn:hover,
.ddb-lang-btn.ddb-lang-active {
    color: var(--ddb-hell-text);
}

.ddb-lang-btn.ddb-lang-active {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ddb-lang-sep {
    color: rgba(245, 240, 235, 0.3);
    font-size: 0.75rem;
}