/* Inherit base styles from Kingdoms.css */
@import url('Kingdoms.css');

/* Specific styles for Abandoned Top */
.kingdom-link {
    cursor: pointer;
    color: #007bff;
}

.kingdom-link:hover {
    text-decoration: underline;
    background-color: rgba(0,123,255,0.1);
}

/* Custom table styles */
.kingdoms-table td {
    vertical-align: middle;
}

/* Modificar los estilos del encabezado para que coincidan con Kingdoms */
.kingdoms-table th {
    background-color: #90aecb;
    color: black !important; /* Forzar color negro */
    font-weight: 600;
    font-size: var(--kingdom-font-size-xxl);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .kingdoms-table th,
    .kingdoms-table td {
        padding: 8px 4px;
        font-size: var(--kingdom-font-size-md);
    }
}

@media (max-width: 480px) {
    .kingdoms-table th,
    .kingdoms-table td {
        padding: 6px 2px;
        font-size: var(--kingdom-font-size-sm);
    }
}