/*
Theme Name: Marcos Limma 2.0
Theme URI: https://joceilton.com.br/ (ou o domínio do projeto)
Description: Tema premium focado em performance e jornalismo investigativo, construído com Tailwind CSS e arquitetura modular.
Author: Joceilton Gomes da Rocha
Author URI: https://github.com/joceilton (ou seu portfolio)
Version: 2.0.0
License: GNU General Public License v2 or later
Text Domain: marcos-limma
Requires at least: 6.0
Requires PHP: 7.4
*/


@layer components {
    /* Container Principal */
    .wp-polls {
        @apply bg-white dark:bg-slate-800 p-6 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 max-w-full my-4;
    }

    /* Título da Enquete (Pergunta) */
    .wp-polls strong {
        @apply block text-lg font-bold text-slate-800 dark:text-white mb-4;
    }

    /* Lista de Opções */
    .wp-polls-ul, .wp-polls-ans {
        @apply space-y-3 list-none p-0 m-0 !important;
    }

    .wp-polls-ul li, .wp-polls-ans li {
        @apply text-slate-600 dark:text-slate-300 text-sm flex flex-col gap-2 !important;
    }

    /* Inputs e Labels */
    .wp-polls label {
        @apply cursor-pointer flex items-center gap-2 hover:text-blue-600 transition-colors;
    }

    .wp-polls input[type="radio"], .wp-polls input[type="checkbox"] {
        @apply w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500 !important;
    }

    /* Barras de Resultado */
    .wp-polls-image {
        @apply h-3 rounded-full bg-blue-500 !important;
    }

    /* Container da Barra de Progresso */
    .wp-polls-ans div[style*="width"] {
        @apply bg-slate-100 dark:bg-slate-700 rounded-full h-3 overflow-hidden mt-1;
    }

    /* Botões */
    .wp-polls .Buttons {
        @apply mt-6 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg 
               transition-all duration-200 border-none cursor-pointer shadow-sm active:scale-95 !important;
    }

    /* Rodapé da Enquete (Links de Resultado/Votos) */
    .wp-polls p {
        @apply text-xs text-slate-500 mt-4 flex justify-center gap-4;
    }

    .wp-polls p a {
        @apply hover:text-blue-500 underline decoration-slate-300 underline-offset-4;
    }

    /* Loading */
    .wp-polls-loading {
        @apply italic text-slate-400 text-xs mt-2 animate-pulse;
    }
}