/* ========================================
   AGENDA SABIÁ - TEMA CRIMSON
   Dark/Light Mode - SEM GRADIENTES
   ======================================== */

/* ========================================
   DARK MODE
   ======================================== */

   :root,
   :root[data-theme="dark"] {
       --agenda-bg: #000;
       --agenda-text: #FFF;
       --agenda-text-secondary: #CCC;
       --agenda-text-muted: #AAA;
       --agenda-text-light: #BBB;
       --agenda-accent: #C60BF7;
       --agenda-accent-dark: #9B08C7;
       --agenda-secondary-bg: #272727;
       --agenda-border: #3a3a3a;
       --agenda-hover-bg: #333;
       --agenda-shadow: rgba(198, 11, 247, 0.2);
   }
   
   /* ========================================
      LIGHT MODE
      ======================================== */
   
   :root[data-theme="light"] {
       --agenda-bg: #FFF;
       --agenda-text: #000;
       --agenda-text-secondary: #333;
       --agenda-text-muted: #666;
       --agenda-text-light: #555;
       --agenda-accent: #DC4405;
       --agenda-accent-dark: #B33703;
       --agenda-secondary-bg: #F5F5F5;
       --agenda-border: #e5e5e5;
       --agenda-hover-bg: #f0f0f0;
       --agenda-shadow: rgba(220, 68, 5, 0.2);
   }
   
   /* ========================================
      CONTAINER
      ======================================== */

    /* #agenda-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 3rem 0;
    } */
   
   .agenda-container {
       margin: 40px auto;
       padding: 0 20px;
       background: var(--agenda-bg);
       color: var(--agenda-text);
   }
   
   /* ========================================
      HEADER - Título segue padrão do tema
      ======================================== */
   
   .agenda-header {
       text-align: center;
       margin-bottom: 3rem;
       padding: 2rem 0;
       border-bottom: 2px solid var(--agenda-accent);
   }
   
   .agenda-title {
       font-size: 2.5rem;
       font-weight: 700;
       margin-bottom: 0.5rem;
       color: var(--agenda-text); /* Cor do texto do tema, não roxo */
   }
   
   .agenda-title i {
       margin-right: 0.5rem;
       font-size: 0.9em;
       color: var(--agenda-accent); /* Só o ícone colorido */
   }
   
   .agenda-description {
       font-size: 1.125rem;
       color: var(--agenda-text-secondary);
       margin: 0;
   }
   
   /* ========================================
      FILTROS
      ======================================== */
   
   .agenda-filters {
       display: flex;
       justify-content: space-between;
       align-items: center;
       gap: 1rem;
       margin-bottom: 2rem;
       flex-wrap: wrap;
   }
   
   .agenda-filter-group {
       display: flex;
       gap: 0.75rem;
       flex-wrap: wrap;
   }
   
   .agenda-filter-btn {
       padding: 0.625rem 1.25rem;
       background: var(--agenda-secondary-bg);
       border: 1px solid var(--agenda-border);
       border-radius: 6px;
       color: var(--agenda-text-secondary);
       font-size: 0.875rem;
       font-weight: 500;
       cursor: pointer;
       transition: all 0.3s ease;
   }
   
   .agenda-filter-btn:hover {
       background: var(--agenda-hover-bg);
       border-color: var(--agenda-accent);
   }
   
   .agenda-filter-btn.active {
       background: var(--agenda-accent); /* COR SÓLIDA */
       border-color: var(--agenda-accent);
       color: #FFF;
   }
   
   .agenda-count {
       font-size: 0.875rem;
       color: var(--agenda-text-muted);
       font-weight: 500;
   }
   
   .agenda-count span {
       color: var(--agenda-accent);
       font-weight: 700;
   }
   
   /* ========================================
      TABELA
      ======================================== */
   
   .agenda-table-wrapper {
       overflow-x: auto;
       margin: 2rem 0;
       border-radius: 8px;
       background: var(--agenda-secondary-bg);
       box-shadow: 0 4px 20px rgba(0,0,0,0.1);
   }
   
   .agenda-table {
       width: 100%;
       border-collapse: collapse;
       background: var(--agenda-secondary-bg);
   }
   
   .agenda-table thead {
       background: var(--agenda-accent); /* COR SÓLIDA */
       color: #FFF;
   }
   
   .agenda-table th {
       padding: 1.25rem 1rem;
       text-align: left;
       font-weight: 600;
       font-size: 0.875rem;
       text-transform: uppercase;
       letter-spacing: 1px;
       border: none;
   }
   
   .agenda-table th i {
       margin-right: 0.5rem;
       opacity: 0.9;
       font-size: 0.85em;
   }
   
   .agenda-table th:first-child {
       border-top-left-radius: 8px;
   }
   
   .agenda-table th:last-child {
       border-top-right-radius: 8px;
   }
   
   .agenda-table tbody tr {
       border-bottom: 1px solid var(--agenda-border);
       transition: all 0.3s ease;
       background: var(--agenda-secondary-bg);
   }
   
   .agenda-table tbody tr:hover {
       background: var(--agenda-hover-bg);
       transform: translateX(4px);
       box-shadow: -4px 0 0 var(--agenda-accent);
   }
   
   .agenda-table tbody tr:last-child {
       border-bottom: none;
   }
   
   .agenda-table tbody tr:last-child td:first-child {
       border-bottom-left-radius: 8px;
   }
   
   .agenda-table tbody tr:last-child td:last-child {
       border-bottom-right-radius: 8px;
   }
   
   .agenda-table td {
       padding: 1.25rem 1rem;
       font-size: 0.9375rem;
       color: var(--agenda-text);
       border: none;
   }
   
   .agenda-row.agenda-past {
       opacity: 0.4;
   }
   
   /* ========================================
      COLUNAS
      ======================================== */
   
   .agenda-date {
       font-weight: 600;
       color: var(--agenda-accent);
       white-space: nowrap;
       min-width: 100px;
       font-size: 0.9375rem;
   }
   
   .agenda-time {
       font-weight: 700;
       color: var(--agenda-accent);
       white-space: nowrap;
       min-width: 80px;
       font-size: 1rem;
   }
   
   .agenda-event {
       font-weight: 500;
   }
   
   .agenda-link {
       color: var(--agenda-text);
       text-decoration: none;
       transition: all 0.3s ease;
       border-bottom: 2px solid transparent;
   }
   
   .agenda-link:hover {
       color: var(--agenda-accent);
       border-bottom: 2px solid var(--agenda-accent);
   }
   
   .agenda-location {
       color: var(--agenda-text-light);
       min-width: 120px;
   }
   
   .agenda-category {
       color: var(--agenda-text-light);
       min-width: 120px;
   }
   
   /* ========================================
      VAZIO
      ======================================== */
   
   .agenda-empty {
       text-align: center;
       padding: 4rem 2rem;
       color: var(--agenda-text-muted);
       background: var(--agenda-secondary-bg);
       border-radius: 8px;
       border: 2px dashed var(--agenda-border);
   }
   
   .agenda-empty p {
       margin: 0.5rem 0;
       font-size: 1.1rem;
   }
   
   .agenda-empty-icon {
       font-size: 4rem;
       display: block;
       margin-bottom: 1.5rem;
       color: var(--agenda-text-muted);
       opacity: 0.5;
   }
   
   .agenda-filter-empty {
       margin-top: 2rem;
   }
   
   /* ========================================
      CONTEÚDO DA PÁGINA - Cliente controla
      ======================================== */
   
   .agenda-page-content {
       margin-top: 4rem;
       padding: 3rem 0;
       border-top: 2px solid var(--agenda-border);
   }
   
   .agenda-page-content h2 {
       font-size: 2rem;
       font-weight: 700;
       color: var(--agenda-text);
       margin-bottom: 1rem;
       text-align: center;
   }
   
   .agenda-page-content p {
       font-size: 1rem;
       color: var(--agenda-text-secondary);
       text-align: center;
       max-width: 700px;
       margin: 0 auto 2rem;
       line-height: 1.6;
   }
   
   .agenda-page-content a {
       display: inline-flex;
       align-items: center;
       gap: 0.5rem;
       padding: 0.75rem 1.75rem;
       background: var(--agenda-accent); /* COR SÓLIDA */
       color: #FFF;
       text-decoration: none;
       border-radius: 6px;
       font-weight: 600;
       font-size: 0.9375rem;
       transition: all 0.3s ease;
       margin: 0 auto;
   }
   
   .agenda-page-content a:hover {
       background: var(--agenda-accent-dark);
       transform: translateY(-2px);
       box-shadow: 0 4px 12px var(--agenda-shadow);
   }
   
   /* Centralizar links */
   .agenda-page-content > p:has(a) {
       text-align: center;
   }
   
   /* ========================================
      ANIMAÇÕES
      ======================================== */
   
   @keyframes fadeIn {
       from {
           opacity: 0;
           transform: translateY(20px);
       }
       to {
           opacity: 1;
           transform: translateY(0);
       }
   }
   
   .agenda-container {
       animation: fadeIn 0.6s ease-out;
   }
   
   /* ========================================
      SCROLLBAR
      ======================================== */
   
   .agenda-table-wrapper::-webkit-scrollbar {
       height: 8px;
   }
   
   .agenda-table-wrapper::-webkit-scrollbar-track {
       background: var(--agenda-bg);
       border-radius: 8px;
   }
   
   .agenda-table-wrapper::-webkit-scrollbar-thumb {
       background: var(--agenda-accent);
       border-radius: 8px;
   }
   
   .agenda-table-wrapper::-webkit-scrollbar-thumb:hover {
       background: var(--agenda-accent-dark);
   }

   /* ========================================
   CONTEÚDO DA PÁGINA - Renderiza Ghost
   ======================================== */

    .agenda-page-section {
        margin-top: 4rem;
        padding-top: 3rem;
        border-top: 2px solid var(--agenda-border);
    }

    /* Herda estilos do tema para títulos e texto */
    .agenda-page-section h2 {
        font-size: 2rem;
        font-weight: 700;
        color: var(--agenda-text);
        margin: 2rem 0 1rem;
        text-align: center;
    }

    .agenda-page-section h3 {
        font-size: 1.5rem;
        font-weight: 600;
        color: var(--agenda-text);
        margin: 1.5rem 0 0.75rem;
    }

    .agenda-page-section p {
        font-size: 1.125rem;
        color: var(--agenda-text-secondary);
        line-height: 1.75;
        margin: 1rem 0;
        text-align: center;
    }

    /* Links viram botões automaticamente */
    .agenda-page-section .kg-card a,
    .agenda-page-section p > a:only-child {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 1.75rem;
        background: var(--agenda-accent);
        color: #FFF !important;
        text-decoration: none;
        border-radius: 6px;
        font-weight: 600;
        font-size: 0.9375rem;
        transition: all 0.3s ease;
        margin: 1rem auto;
        border: none;
    }

    .agenda-page-section .kg-card a:hover,
    .agenda-page-section p > a:only-child:hover {
        background: var(--agenda-accent-dark);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px var(--agenda-shadow);
    }

    /* Centralizar parágrafos com links */
    .agenda-page-section p:has(> a:only-child) {
        text-align: center;
    }

    /* Botões do Ghost (Button card) */
    .agenda-page-section .kg-button-card {
        text-align: center;
    }

    .agenda-page-section .kg-btn {
        background: var(--agenda-accent) !important;
        color: #FFF !important;
        padding: 0.75rem 1.75rem;
        border-radius: 6px;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .agenda-page-section .kg-btn:hover {
        background: var(--agenda-accent-dark) !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px var(--agenda-shadow);
    }

    /* Listas */
    .agenda-page-section ul,
    .agenda-page-section ol {
        color: var(--agenda-text-secondary);
        line-height: 1.75;
        margin: 1rem 0;
    }

    .agenda-page-section li {
        margin: 0.5rem 0;
    }

    /* Imagens */
    .agenda-page-section img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        margin: 2rem auto;
        display: block;
    }
   
   /* ========================================
      MOBILE
      ======================================== */
   
   @media (max-width: 768px) {
       .agenda-container {
           margin: 20px auto;
           padding: 0 16px;
       }
   
       .agenda-header {
           padding: 1.5rem 0;
           margin-bottom: 2rem;
       }
   
       .agenda-title {
           font-size: 2rem;
       }
   
       .agenda-description {
           font-size: 1rem;
       }
   
       .agenda-filters {
           flex-direction: column;
           align-items: stretch;
           gap: 1rem;
       }
   
       .agenda-filter-group {
           justify-content: center;
       }
   
       .agenda-count {
           text-align: center;
       }
   
       .agenda-table thead {
           display: none;
       }
   
       .agenda-table,
       .agenda-table tbody,
       .agenda-table tr,
       .agenda-table td {
           display: block;
           width: 100%;
       }
   
       .agenda-table tr {
           margin-bottom: 1.5rem;
           border: 2px solid var(--agenda-border);
           border-radius: 8px;
           padding: 1rem;
           background: var(--agenda-secondary-bg);
           box-shadow: 0 2px 10px rgba(0,0,0,0.1);
       }
   
       .agenda-table tr:hover {
           background: var(--agenda-hover-bg);
           border-color: var(--agenda-accent);
           box-shadow: 0 4px 20px var(--agenda-shadow);
           transform: translateX(0);
       }
   
       .agenda-table td {
           padding: 0.75rem 0;
           border: none;
           position: relative;
           padding-left: 40%;
           text-align: right;
           min-width: auto;
       }
   
       .agenda-table td::before {
           content: attr(data-label);
           position: absolute;
           left: 0;
           width: 35%;
           padding-right: 1rem;
           font-weight: 700;
           color: var(--agenda-accent);
           text-align: left;
           text-transform: uppercase;
           font-size: 0.75rem;
           letter-spacing: 0.5px;
       }
   
       .agenda-time {
           font-size: 1.125rem;
       }
   
       .agenda-page-content {
           margin-top: 3rem;
           padding: 2rem 0;
       }
   
       .agenda-page-content h2 {
           font-size: 1.5rem;
       }
   
       .agenda-page-content p {
           font-size: 0.9375rem;
           padding: 0 1.5rem;
       }
   
       .agenda-page-content a {
           padding: 0.65rem 1.5rem;
           font-size: 0.875rem;
       }
   
       .agenda-empty {
           padding: 3rem 1.5rem;
       }
   
       .agenda-empty-icon {
           font-size: 3rem;
       }
   }