/*
 * =====================================
 * VARIABLES DE AJUSTE
 * =====================================
 */
:root {
    /* Usaremos estos colores SÓLO para los botones nuevos, para que se vean */
    --rulebook-accent: #e74c3c;
    --rulebook-denounce-btn-bg: #7f8c8d;
}

/* ------------------ Menú Lateral (Corrección de Espaciado) ------------------ */

.cRulebook_Sidebar .ipsSideMenu_mainTitle {
    /* Quita el padding vertical excesivo si existe */
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.cRulebook_Menu_List .ipsSideMenu_item {
    /* Ajusta el padding de los ítems del menú para reducir el espacio */
    padding: 10px 15px !important; 
    line-height: 1.2; /* Reduce la altura de la línea si es muy grande */
    margin: 0 !important; /* Asegura que no haya margen entre ítems */
    border-top: none; /* Elimina bordes superiores si existen */
}

/* ------------------ Tarjeta de Contenido y Posicionamiento de Botones ------------------ */

.cRulebook_ContentSection {
    /* Asegura que el contenido pueda contener el botón flotante */
    position: relative;
    overflow: hidden; /* Limpia bordes si IPS agrega alguno */
    padding: 0 !important; /* IPS a menudo añade padding a la sección, lo eliminamos */
}

.cRulebook_EntryCard {
    /* Contenedor principal del artículo */
    position: relative; /* Clave para el posicionamiento del ActionOverlay */
    margin-bottom: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ------------------ BARRA DE ACCIÓN FLOTANTE (ENTRY) ------------------ */

.cRulebook_ActionOverlay {
    /* Posicionamiento y capa */
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    
    /* Añade un fondo ligeramente transparente para que los botones se vean sobre la foto */
    padding: 8px 12px;
    border-radius: 4px;
}

/* Estilos para los botones de la acción flotante */
.cRule_btn-edit, .cRule_btn-denounce {
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 6px 10px !important; /* Hacemos los botones más pequeños y compactos */
    border-radius: 3px !important;
    
    /* Colores para que sobresalgan */
    color: #fff !important;
}

.cRule_btn-edit {
    background: var(--rulebook-accent) !important;
    border-color: var(--rulebook-accent) !important;
}

.cRule_btn-denounce {
    background: var(--rulebook-denounce-btn-bg) !important;
    border-color: var(--rulebook-denounce-btn-bg) !important;
}

/* ------------------ Ajuste de la Barra de Autor (para no superponer el texto) ------------------ */

.cRulebook_AuthorData {
    /* Solo ajustamos el padding para compensar el botón flotante */
    padding-top: 50px !important; 
    margin-bottom: 0 !important;
}

/* Escondemos el botón original de edición si está visible en la sección de autor */
.cRulebook_AuthorData .ipsButton_link:contains("Edit") {
    display: none !important;
}

.cShareLink_google {
	background: #4285F4;
}

@media screen and (max-width: 979px) {
	.cRules_header {
		text-align: center;
	}
}