/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.2
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/


/* write custom css after this line */

/*/// TORNEOS: Tablas de Posicion  ///*/

/* Estilos Generales para el Contenedor de la Tabla */
.table-container {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
    color: #333;
    overflow: hidden;
}

/* Título de la Tabla */
.table-title {
    font-size: 0.95rem;
    font-weight: bold;
    color: #2f2f2f;
    margin-bottom: 6px;
    text-align: center;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 6px;
    text-transform: uppercase;
}

/* Estilos de la Tabla (Común para Resultados y Posiciones) */
.results-table,
.standings-table {
    width: 100%;
    border-collapse: collapse;
}

/* Estilo para la fila de cabecera completa */
.results-table thead tr,
.standings-table thead tr {
    background-color: #eb0045;
    color: #fff;
}

/* Bordes redondeados de la cabecera */
.results-table thead th:first-child,
.standings-table thead th:first-child {
    border-top-left-radius: 10px;
}

.results-table thead th:last-child,
.standings-table thead th:last-child {
    border-top-right-radius: 10px;
}
 
/* Encabezados de la Tabla - Sin bordes individuales */
.results-table thead th,
.standings-table thead th {
    padding: 12px 8px;
    text-align: center;
    font-weight: bold;
    font-size: 0.9rem;
    border-bottom: none;
}

/* Filas de la Tabla - Fondos alternos, sin bordes de línea */
.results-table tbody tr,
.standings-table tbody tr {
    background-color: #ffffff;
    transition: background-color 0.3s ease;
    border-bottom: none;
}

.results-table tbody tr:nth-child(even),
.standings-table tbody tr:nth-child(even) {
    background-color: #f8f8f8;
}

.results-table tbody tr:hover,
.standings-table tbody tr:hover {
    background-color: #f0f0f0;
}
 
/* Celdas de la Tabla */
.results-table td,
.standings-table td {
    padding: 12px 8px;
    text-align: center;
    font-size: 0.95rem;
}

/* Estilos para la columna de posición en todas las tablas de posiciones */
.table-container[data-tipo="posiciones"] tbody td:first-child {
    padding: 0;
    text-align: center;
    width: 40px; /* Tamaño de la caja */
}
.table-container[data-tipo="posiciones"] tbody td:first-child span {
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px 0;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    border-radius: 5px; /* Bordes redondeados */
    background-color: transparent; /* Por defecto, sin color de fondo */
}

/* Colores para la tabla de la DIVISIÓN PROFESIONAL */
.table-container[data-torneo="divisionprofesional"] tbody tr:nth-child(1) td:first-child span,
.table-container[data-torneo="divisionprofesional"] tbody tr:nth-child(2) td:first-child span {
    background-color: #116045; /* Copa Libertadores - Fase de Grupos */
}
.table-container[data-torneo="divisionprofesional"] tbody tr:nth-child(3) td:first-child span {
    background-color: #1FB27F; /* Copa Libertadores - Fase 1 */
}
.table-container[data-torneo="divisionprofesional"] tbody tr:nth-child(4) td:first-child span,
.table-container[data-torneo="divisionprofesional"] tbody tr:nth-child(5) td:first-child span,
.table-container[data-torneo="divisionprofesional"] tbody tr:nth-child(6) td:first-child span {
    background-color: #2346AF; /* Copa Sudamericana - Fase 1 */
}
.table-container[data-torneo="divisionprofesional"] tbody tr:nth-child(15) td:first-child span {
    background-color: #F73643; /* Descenso Indirecto */
}
.table-container[data-torneo="divisionprofesional"] tbody tr:nth-child(16) td:first-child span {
    background-color: #9F0712; /* Descenso Directo */
}

/* Colores para la tabla de la COPA PACEÑA */
.table-container[data-torneo="copa_pacena"] tbody tr:nth-child(1) td:first-child span {
    background-color: #116045; /* Primer puesto */
}
.table-container[data-torneo="copa_pacena"] tbody tr:nth-child(2) td:first-child span,
.table-container[data-torneo="copa_pacena"] tbody tr:nth-child(3) td:first-child span {
    background-color: #1FB27F; /* Segundo y Tercer puesto */
}

/* Colores para la tabla de la COPA SIMÓN BOLÍVAR */
.table-container[data-torneo="copa_simon_bolivar"] tbody tr:nth-child(1) td:first-child span {
    background-color: #116045; /* Primer puesto */
}
.table-container[data-torneo="copa_simon_bolivar"] tbody tr:nth-child(2) td:first-child span {
    background-color: #1FB27F; /* Segundo puesto */
}
/* AFP Primera: todas las posiciones en gris como el 7mo lugar */
.table-container[data-torneo="afp_primera"] tbody td:first-child span {
    background-color: transparent; /* sin fondo */
    color: #888; /* color gris del número */
} 
/* Para el resto de las posiciones en todas las tablas, color gris en el número */
.standings-table tbody tr:not(:nth-child(-n+6)):not(:nth-child(15)):not(:nth-child(16)) td:first-child span {
    background-color: transparent;
    color: #888;
}
.table-container[data-torneo="copa_pacena"] tbody tr:not(:nth-child(-n+3)) td:first-child span,
.table-container[data-torneo="copa_simon_bolivar"] tbody tr:not(:nth-child(-n+2)) td:first-child span {
    background-color: transparent;
    color: #888;
}


/* Alineación a la izquierda para la columna de Equipos en Posiciones */
.standings-table td:nth-child(2) {
    text-align: left;
}
.standings-table td:nth-child(2) .team-cell {
    justify-content: flex-start;
}

/* Estilos Específicos para las Tablas de Resultados y Posiciones */
.team-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 500;
}
.team-cell .team-logo {
    width: 30px;
    height: 30px;
    object-fit: contain;
    border-radius: 50%;
}
.results-table .team-cell span {
    font-weight: bold;
}
.score-cell {
    font-size: 1.1rem;
    font-weight: bold;
    color: #eb0045;
}
.vs-text {
    font-size: 1.1rem;
    font-weight: bold;
    color: #888;
}
.live-status-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.live-dot {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}
.status-text {
    font-weight: bold;
    color: red;
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
}

/* --- Nuevos estilos para los nombres cortos en móviles --- */
/* Por defecto, muestra el nombre completo y oculta el nombre corto */
.team-short-name {
    display: none;
}
.team-full-name {
    display: inline;
}
/* Media Query para dispositivos con un ancho máximo de 768px */
@media (max-width: 768px) {
    .team-full-name {
        display: none;
    }
    .team-short-name {
        display: inline;
    }
    .standings-table td {
        font-size: 0.8rem;
    }
}
/* --- Fin de los nuevos estilos --- */


@media (max-width: 600px) {
    .table-container { padding: 10px; }
    .results-table td, .standings-table td { padding: 8px 4px; font-size: 0.8rem; }
    .results-table thead th, .standings-table thead th { padding: 8px 4px; font-size: 0.7rem; }
    .team-cell { flex-direction: column; gap: 4px; }
    .team-cell .team-logo { width: 25px; height: 25px; }
}

/*/// TORNEOS: Tablas de Posicion  ///*/


/* Ocultar comentarios nativos de TieLabs / WordPress */
.post-components .comments-area,
.post-components #comments {
    display: none !important;
}



/*/////////////////////////////////////////////////////////*/

.mayus-rojo {
  text-transform: uppercase;   /* Mayúsculas */
  color: #eb0045;              /* Rojo */
  font-weight: 600;             /* Grosor */
  font-size: 1rem;              /* Tamaño letra */
  text-align: center;           /* Centrado */
}

/* Mantener estilos internos de strong, em, a, etc. */
.mayus-rojo strong,
.mayus-rojo b,
.mayus-rojo em,
.mayus-rojo i,
.mayus-rojo a,
.mayus-rojo span {
  color: inherit;
  font-weight: inherit;
}