/*
 * Página de Refund Terms (Política de Reembolso).
 * Extraído do <style> inline do snippet-5-refund-terms.php.
 * Usa as variáveis de tokens.css.
 */

/* === BASE === */
.blz-refund-terms {
    background: var(--blz-bg-deep);                                              /* Fundo escuro principal */
    font-family: var(--blz-font-main);                                           /* Inter */
    color: var(--blz-text);
    min-height: 100vh;
    padding: 60px 20px;
}
.blz-refund-terms * { box-sizing: border-box; }                                  /* Reset interno */
.terms-container {                                                               /* Wrapper de largura limitada */
    max-width: 900px;
    margin: 0 auto;
}

/* === HEADER === */
.terms-header {
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 2px solid var(--blz-border-cyan);                             /* Linha sutil ciano abaixo */
}
.header-icon {
    font-size: 64px;                                                             /* Emoji 🚫 grande */
    margin-bottom: 20px;
    animation: float 3s ease-in-out infinite;                                    /* Flutua suavemente */
}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
.terms-title {                                                                   /* "Refund & Liability Policy" */
    font-family: var(--blz-font-heading);                                        /* Rajdhani */
    font-size: 48px;
    font-weight: 700;
    color: var(--blz-text-white);
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: var(--blz-gradient-cyan-purple);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.terms-subtitle {
    font-size: 16px;
    color: var(--blz-text-muted);
    margin: 0;
}

/* === ALERTS (caixas de aviso) === */
.alert {
    display: flex;
    gap: 20px;
    padding: 25px;
    border-radius: var(--blz-radius-lg);
    margin-bottom: 40px;
    backdrop-filter: blur(10px);                                                 /* Vidro fosco */
}
.alert-critical {                                                                /* Aviso vermelho — usado no topo */
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.1));
    border: 2px solid rgba(239, 68, 68, 0.4);
    box-shadow: 0 0 30px rgba(239, 68, 68, 0.2);
}
.alert-final {                                                                   /* Aviso vermelho — usado no final */
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.15));
    border: 2px solid rgba(239, 68, 68, 0.6);
    box-shadow: 0 0 40px rgba(239, 68, 68, 0.3);
}
.alert-icon {
    font-size: 40px;                                                             /* Emoji ⚠️ ou 🛑 grande */
    flex-shrink: 0;
}
.alert h3 {
    color: #fca5a5;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 15px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.alert p {
    color: #e5e7eb;
    line-height: 1.7;
    margin: 0 0 10px 0;
}
.alert-highlight {                                                               /* Linha destacada dentro do alert */
    background: rgba(239, 68, 68, 0.2);
    padding: 12px;
    border-radius: var(--blz-radius-sm);
    border-left: 3px solid var(--blz-danger);
}
.final-warning {                                                                 /* "DO NOT PURCHASE" — mensagem final */
    font-size: 24px;
    font-weight: 800;
    color: var(--blz-text-white);
    text-align: center;
    margin: 15px 0 !important;
    letter-spacing: 2px;
}

/* === INFO BOX (caixa ciano com info de exchange rate) === */
.info-box {
    display: flex;
    gap: 20px;
    padding: 25px;
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.1), rgba(6, 182, 212, 0.05));
    border: 1px solid var(--blz-border-cyan);
    border-radius: var(--blz-radius-lg);
    margin-bottom: 40px;
    backdrop-filter: blur(10px);
}
.info-icon {
    font-size: 36px;                                                             /* Emoji 💱 */
    flex-shrink: 0;
}
.info-content h4 {
    color: var(--blz-cyan);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.info-content p {
    color: var(--blz-text);
    line-height: 1.7;
    margin: 0 0 10px 0;
}
.validity-note {                                                                 /* "🔑 Key validity: 30 days" */
    background: rgba(34, 211, 238, 0.15);
    padding: 10px;
    border-radius: var(--blz-radius-sm);
    margin-top: 15px !important;
}

/* === SECTIONS (5 seções numeradas) === */
.terms-section { margin-bottom: 50px; }
.section-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--blz-border-purple);                           /* Linha roxa abaixo de cada seção */
}
.section-number {                                                                /* Círculo roxo com número (1, 2, 3, 4, 5) */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px; height: 45px;
    background: var(--blz-gradient-purple);
    color: var(--blz-text-white);
    font-size: 22px;
    font-weight: 700;
    border-radius: 50%;
    flex-shrink: 0;
}
.section-header h2 {
    font-family: var(--blz-font-heading);
    font-size: 28px;
    font-weight: 700;
    color: var(--blz-text-white);
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.section-intro {
    font-size: 16px;
    color: #e5e7eb;
    margin-bottom: 20px;
    line-height: 1.7;
}

/* === LISTA DE TERMOS === */
.terms-list {
    list-style: none;                                                            /* Remove marcadores padrão */
    padding: 0;
    margin: 0 0 20px 0;
}
.terms-list li {
    display: flex;
    gap: 12px;
    padding: 12px;
    margin-bottom: 8px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 8px;
    border-left: 3px solid rgba(168, 85, 247, 0.3);                              /* Borda esquerda roxa */
    color: var(--blz-text);
    line-height: 1.6;
    transition: var(--blz-transition);
}
.terms-list li:hover {                                                           /* Desliza pra direita no hover */
    background: rgba(255, 255, 255, 0.04);
    border-left-color: rgba(168, 85, 247, 0.6);
    transform: translateX(5px);
}
.list-icon {                                                                     /* Emoji ❌/⚠️/✓/🚫/✔️ na esquerda */
    flex-shrink: 0;
    font-size: 18px;
}
.terms-list.check li { border-left-color: var(--blz-border-cyan); }              /* Variante ciano (pra lista de acordos finais) */
.terms-list.check li:hover { border-left-color: var(--blz-border-cyan-strong); }

/* === HIGHLIGHT BOXES (caixas de destaque no final de cada seção) === */
.highlight-box {
    padding: 18px;
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.15), rgba(124, 58, 237, 0.1));
    border: 2px solid rgba(168, 85, 247, 0.4);
    border-radius: var(--blz-radius-md);
    color: #e9d5ff;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}
.highlight-box.warning {                                                         /* Amarelo */
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(245, 158, 11, 0.1));
    border-color: rgba(251, 191, 36, 0.4);
    color: #fef3c7;
}
.highlight-box.danger {                                                          /* Vermelho claro */
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.1));
    border-color: rgba(239, 68, 68, 0.4);
    color: #fecaca;
}
.highlight-box.critical {                                                        /* Vermelho forte */
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(185, 28, 28, 0.15));
    border-color: rgba(239, 68, 68, 0.6);
    color: var(--blz-text-white);
}

/* === FOOTER === */
.terms-footer {
    text-align: center;
    padding-top: 40px;
    border-top: 2px solid var(--blz-border-cyan);
    margin-top: 60px;
    color: var(--blz-text-dim);
    font-size: 14px;
}
.terms-footer p { margin: 5px 0; }

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .blz-refund-terms { padding: 40px 15px; }
    .terms-title { font-size: 32px; }
    .alert, .info-box {                                                          /* Empilha ícone em cima do texto */
        flex-direction: column;
        gap: 15px;
    }
    .section-header {                                                            /* Numero em cima do título */
        flex-direction: column;
        align-items: flex-start;
    }
    .section-header h2 { font-size: 22px; }
    .final-warning { font-size: 18px; }
}