/* YT Universal GEO — Estilos públicos dos artigos gerados */

/* Resumo respondível (Speakable / featured snippet) */
.ytug-summary {
    background: #f0f7ff;
    border-left: 4px solid #2563eb;
    padding: 12px 16px;
    margin-bottom: 24px;
    border-radius: 0 6px 6px 0;
}

/* FAQ visível */
.ytug-faq { margin: 32px 0; }
.ytug-faq-q { font-size: 1.05em; margin-bottom: 4px; }
.ytug-faq-a { margin-top: 0; color: #374151; }

/* Artigos relacionados */
.ytug-related { margin: 32px 0; padding: 20px; background: #f9fafb; border-radius: 8px; }
.ytug-related h2 { margin-top: 0; font-size: 1.1em; }
.ytug-related ul { margin: 0; padding-left: 20px; }
.ytug-related li { margin-bottom: 6px; }

/* Fontes externas */
.ytug-sources { margin: 24px 0; }
.ytug-sources h2 { font-size: 1.05em; }
.ytug-sources ul { padding-left: 20px; }

/* Fonte do vídeo */
.ytug-source { color: #6b7280; font-size: 0.9em; margin-top: 24px; }

/* Disclaimer de afiliado */
.ytug-disclaimer {
    background: #fffbeb;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin: 24px 0;
    font-size: 0.9em;
    border-radius: 0 6px 6px 0;
    line-height: 1.5;
}

/* Bloco de afiliados */
.ytug-affiliate { margin: 32px 0; }
.ytug-affiliate h2 { font-size: 1.1em; margin-bottom: 12px; }
.ytug-affiliate-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Botões CTA */
.ytug-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.95em;
    text-decoration: none;
    transition: opacity .2s;
}
.ytug-btn:hover { opacity: .85; text-decoration: none; }

.ytug-btn-amazon {
    background: #ff9900;
    color: #111;
}
.ytug-btn-ml {
    background: #ffe600;
    color: #333;
}

/* Video embed */
.ytug-video { margin: 24px 0; }

@media (max-width: 480px) {
    .ytug-affiliate-buttons { flex-direction: column; }
    .ytug-btn { justify-content: center; }
}

/* Fallback do vídeo (quando embed é bloqueado) */
.ytug-video { position: relative; margin: 24px 0; }
.ytug-video iframe { width: 100%; aspect-ratio: 16/9; height: auto; border-radius: 8px; }
.ytug-video-fallback {
    text-align: center;
    margin-top: 8px;
    font-size: 0.9em;
}
.ytug-video-fallback a {
    color: #c00;
    font-weight: 600;
    text-decoration: none;
}
.ytug-video-fallback a:hover { text-decoration: underline; }