/* ============================================
   CIAOOPS - Companhia Teatral Oops!..
   Tema 2 — Escuro (azul-noite)
   Ativado via data-theme="theme2" no <body>.
   Apenas sobrescreve variáveis e superfícies fixas,
   sem alterar a estrutura do Tema 1 (style.css).
   ============================================ */

[data-theme="theme2"] {
    /* Fundos */
    --color-bg: #0B1220;
    --color-bg-alt: #0F1A28;
    --color-bg-card: #16232F;

    /* Texto */
    --color-text: #E6EDF3;
    --color-text-light: #AEBCC9;
    --color-text-muted: #7E8C99;

    /* Bordas / overlays */
    --color-border: #26374A;
    --color-overlay: rgba(3, 8, 15, 0.72);

    /* Sombras (mais profundas para contraste no escuro) */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.55);
    --shadow-xl: 0 16px 60px rgba(0, 0, 0, 0.6);

    /* Fallbacks usados pelo módulo de eventos */
    --body-bg: #0F1A28;
    --text-dark: #E6EDF3;
    --text-muted: #7E8C99;

    color-scheme: dark;
}

/* Superfícies que usam branco fixo (var(--color-white)) como fundo.
   var(--color-white) permanece branco para texto sobre cores,
   então convertemos apenas os fundos de superfície. */
[data-theme="theme2"] .nav-submenu,
[data-theme="theme2"] .integrante-modal-dialog,
[data-theme="theme2"] .site-modal-dialog,
[data-theme="theme2"] .section-slider-arrow {
    background: var(--color-bg-card);
}

[data-theme="theme2"] .section-slider-arrow {
    color: var(--color-cyan);
    box-shadow: var(--shadow-md);
}

/* Campo de e-mail da newsletter com fundo branco (apenas no Tema 2) */
[data-theme="theme2"] .newsletter-form .form-control {
    background: #ffffff;
    color: #1a1a1a;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

[data-theme="theme2"] .newsletter-form .form-control::placeholder {
    color: #8a8a8a;
}

/* Módulo de eventos (evento.php) — superfícies com #fff fixo */
[data-theme="theme2"] .event-info-card,
[data-theme="theme2"] .event-tickets-box,
[data-theme="theme2"] .event-related-card {
    background: var(--color-bg-card);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="theme2"] .event-tickets-box-header {
    background: var(--color-bg-alt);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme="theme2"] .event-info-card {
    box-shadow: var(--shadow-md);
}

[data-theme="theme2"] .newsletter-form .form-control:focus {
    background: #ffffff;
    color: #1a1a1a;
}

/* Seção "Nossa Metodologia" — troca o banner ciano por fundo escuro.
   Textos (branco/amarelo) e botão permanecem legíveis. */
[data-theme="theme2"] .metodo-banner {
    background: linear-gradient(135deg, #16232F 0%, #0F1A28 55%, #0B1220 100%);
    border: 1px solid rgba(0, 181, 204, 0.22);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

[data-theme="theme2"] .metodo-banner-deco-1 {
    background: rgba(0, 181, 204, 0.08);
}

[data-theme="theme2"] .metodo-eixo {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="theme2"] .metodo-eixo:hover {
    background: rgba(0, 181, 204, 0.1);
}

/* Marca d'água da máscara de teatro — maior e centralizada à direita,
   como no layout de referência. */
[data-theme="theme2"] .metodo-icon-large {
    top: 50%;
    bottom: auto;
    right: 4%;
    transform: translateY(-50%);
    font-size: clamp(9rem, 13vw, 13rem);
    color: rgba(255, 255, 255, 0.06);
}

/* Seção Newsletter — troca o box ciano por fundo escuro.
   Selo, título, textos (branco/amarelo) e botão continuam legíveis. */
[data-theme="theme2"] .newsletter-box {
    background: linear-gradient(135deg, #16232F 0%, #0F1A28 55%, #0B1220 100%);
    border: 1px solid rgba(0, 181, 204, 0.22);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
}

[data-theme="theme2"] .newsletter-deco-1 {
    background: rgba(0, 181, 204, 0.08);
}

[data-theme="theme2"] .newsletter-form-card {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="theme2"] .newsletter-icon {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
}

/* Marca d'água de envio de e-mail no fundo do box da newsletter,
   no mesmo estilo da máscara da metodologia. */
[data-theme="theme2"] .newsletter-box::after {
    content: "\f1d8"; /* fa-paper-plane (Font Awesome 6 Free, solid) */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translateY(-50%) rotate(-8deg);
    font-size: clamp(9rem, 13vw, 13rem);
    color: rgba(255, 255, 255, 0.06);
    z-index: 1;
    pointer-events: none;
    line-height: 1;
}

@media (max-width: 991.98px) {
    [data-theme="theme2"] .newsletter-box::after {
        display: none;
    }
}