/*
Theme Name: Casino Club Online
Theme URI: https://casinoclub.com.ar/
Author: Casino Club Online
Author URI: https://casinoclub.com.ar/
Description: Tema futurista para Casino Club Online Argentina. Portada estática con catálogo de juegos, blog dinámico gestionado desde el panel, menús de cabecera y pie administrables, sin cajas de autor ni comentarios.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: casinoclub
Tags: casino, blog, custom-menus, featured-images, one-column, entertainment
*/

/* ============================================================
   Menús administrables (header + footer)
   ============================================================ */
.cc-nav,
.cc-mobile-nav,
.cc-footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cc-nav {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cc-nav li {
    display: block;
}

.cc-nav li a {
    display: inline-block;
    font-family: "Space Grotesk", sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.06em;
    font-weight: 600;
    color: #444650;
    padding: 0.375rem 0.625rem;
    border-radius: 9999px;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.cc-nav li a:hover {
    color: #181c20;
}

.cc-nav li.current-menu-item a,
.cc-nav li.current_page_item a,
.cc-nav li.current-menu-ancestor a {
    color: #0A1B3D;
    font-weight: 700;
    background-color: #e5e8ed;
    padding: 0.375rem 0.75rem;
}

/* Menú móvil desplegable */
.cc-mobile-panel {
    display: none;
}

.cc-mobile-panel.cc-open {
    display: block;
}

.cc-mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.cc-mobile-nav li a {
    display: block;
    font-family: "Space Grotesk", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04em;
    font-weight: 600;
    color: #0A1B3D;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cc-mobile-nav li a:hover {
    background-color: #ebeef3;
}

.cc-mobile-nav li.current-menu-item a,
.cc-mobile-nav li.current_page_item a,
.cc-mobile-nav li.current-menu-ancestor a {
    background-color: #001b49;
    color: #ffffff;
}

/* Menús del pie */
.cc-footer-menu {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.cc-footer-menu li a {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    color: #444650;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cc-footer-menu li a:hover {
    color: #001b49;
}

/* ============================================================
   Contenido dinámico (entradas y páginas)
   ============================================================ */
.cc-article-content {
    color: #181c20;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 15px;
    line-height: 24px;
}

.cc-article-content > *:first-child { margin-top: 0; }
.cc-article-content > *:last-child { margin-bottom: 0; }

.cc-article-content p {
    margin: 0 0 1.5rem;
    color: #444650;
    line-height: 1.75;
}

.cc-article-content h1,
.cc-article-content h2,
.cc-article-content h3,
.cc-article-content h4 {
    font-family: "Space Grotesk", sans-serif;
    color: #0A1B3D;
    letter-spacing: -0.01em;
    margin: 2.5rem 0 1rem;
}

.cc-article-content h2 { font-size: 32px; line-height: 40px; font-weight: 700; letter-spacing: -0.02em; }
.cc-article-content h3 { font-size: 24px; line-height: 30px; font-weight: 600; }
.cc-article-content h4 { font-size: 20px; line-height: 26px; font-weight: 600; }

.cc-article-content ul,
.cc-article-content ol {
    margin: 0 0 1.5rem;
    padding-left: 1.5rem;
    color: #444650;
}

.cc-article-content ul { list-style: disc; }
.cc-article-content ol { list-style: decimal; }

.cc-article-content li {
    margin-bottom: 0.5rem;
    line-height: 1.7;
}

.cc-article-content strong { color: #0A1B3D; font-weight: 700; }
.cc-article-content em { font-style: italic; }

.cc-article-content a {
    color: #123068;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.cc-article-content a:hover { color: #001b49; }

.cc-article-content blockquote {
    margin: 2rem 0;
    padding: 1.5rem;
    border-radius: 1rem;
    background: rgba(230, 240, 250, 0.7);
    font-style: italic;
    color: #0A1B3D;
    font-size: 18px;
    line-height: 28px;
}

.cc-article-content blockquote p { margin: 0; color: #0A1B3D; }

.cc-article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 1rem;
    margin: 1.5rem auto;
    display: block;
}

.cc-article-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 1.5rem;
    background: #ffffff;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(10, 27, 61, 0.04);
}

.cc-article-content th,
.cc-article-content td {
    text-align: left;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #ebeef3;
}

.cc-article-content th {
    background: rgba(229, 232, 237, 0.6);
    color: #0A1B3D;
    font-family: "Space Grotesk", sans-serif;
    font-size: 12px;
    letter-spacing: 0.06em;
    font-weight: 600;
    text-transform: uppercase;
}

.cc-article-content tr:last-child td { border-bottom: 0; }

.cc-article-content figure { margin: 0 0 1.5rem; }

.cc-article-content .wp-caption,
.cc-article-content .wp-caption-text {
    font-size: 13px;
    color: #444650;
    text-align: center;
}

/* ============================================================
   Paginación del blog
   ============================================================ */
.cc-pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 3.5rem;
}

.cc-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    border-radius: 9999px;
    background: #ffffff;
    color: #123068;
    font-family: "Space Grotesk", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(10, 27, 61, 0.06);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cc-pagination .page-numbers:hover {
    background: #ebeef3;
}

.cc-pagination .page-numbers.current {
    background: #001b49;
    color: #ffffff;
}

.cc-pagination .page-numbers.dots {
    box-shadow: none;
    background: transparent;
}

/* Botón hamburguesa: estado activo */
.cc-burger.cc-open .cc-burger-open { display: none; }
.cc-burger:not(.cc-open) .cc-burger-close { display: none; }

/* Ocultar scrollbar del rail de chips (igual que el diseño original) */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }