/* Importar fuente Oswald Medium desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

/* Estilos SOLO para el plugin Control de Acceso - No afecta WordPress */

/* Títulos - Oswald Medium, mayúsculas */
/* Solo dentro de contenedores específicos del plugin */
.cda-plugin h1,
.cda-plugin h2,
.cda-plugin h3,
.cda-plugin h4,
.cda-plugin h5,
.cda-plugin h6,
#cda-employee-form h2,
#cda-gafete-form h2,
#cda-access-form h2,
.cda-config-container h2,
.cda-config-container h3,
.cda-config-container h4,
.cda-fonts-section h3,
.cda-fonts-section h4,
#cda-settings-page h1,
#cda-settings-page h2,
#cda-settings-page h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Botones - Fondo #ffc300, texto #000000 */
/* Solo botones dentro de contenedores del plugin */
.cda-plugin .button,
.cda-plugin .button-primary,
.cda-plugin .button-secondary,
.cda-plugin button[type="submit"],
.cda-plugin button[type="button"],
.cda-plugin input[type="submit"],
#cda-employee-form button,
#cda-gafete-form button,
#cda-access-form button,
#cda-template-form button,
#cda-template-form-visitante button,
#cda-upload-font-form button,
#cda-gafete-template-form button,
#cda-gafete-visitante-template-form button,
#cda-employee-form .button,
#cda-gafete-form .button,
#cda-access-form .button,
.cda-config-container .button,
.cda-config-container .button-primary,
.cda-config-container .button-secondary,
#cda-settings-page .button,
#cda-settings-page .button-primary {
    background-color: #ffc300 !important;
    color: #000000 !important;
    border-color: #ffc300 !important;
    font-weight: 500;
}

/* Hover de botones */
.cda-plugin .button:hover,
.cda-plugin .button-primary:hover,
.cda-plugin .button-secondary:hover,
.cda-plugin button[type="submit"]:hover,
.cda-plugin button[type="button"]:hover,
.cda-plugin input[type="submit"]:hover,
#cda-employee-form button:hover,
#cda-gafete-form button:hover,
#cda-access-form button:hover,
#cda-template-form button:hover,
#cda-template-form-visitante button:hover,
#cda-upload-font-form button:hover,
#cda-gafete-template-form button:hover,
#cda-gafete-visitante-template-form button:hover,
#cda-employee-form .button:hover,
#cda-gafete-form .button:hover,
#cda-access-form .button:hover,
.cda-config-container .button:hover,
.cda-config-container .button-primary:hover,
.cda-config-container .button-secondary:hover,
#cda-settings-page .button:hover,
#cda-settings-page .button-primary:hover {
    background-color: #e6b000 !important;
    border-color: #e6b000 !important;
    color: #000000 !important;
}

/* Active/Focus de botones */
.cda-plugin .button:active,
.cda-plugin .button-primary:active,
.cda-plugin .button-secondary:active,
.cda-plugin .button:focus,
.cda-plugin .button-primary:focus,
.cda-plugin .button-secondary:focus,
#cda-employee-form button:active,
#cda-employee-form button:focus,
#cda-gafete-form button:active,
#cda-gafete-form button:focus,
#cda-access-form button:active,
#cda-access-form button:focus,
.cda-config-container .button:active,
.cda-config-container .button:focus,
.cda-config-container .button-primary:active,
.cda-config-container .button-primary:focus,
#cda-settings-page .button:active,
#cda-settings-page .button:focus,
#cda-settings-page .button-primary:active,
#cda-settings-page .button-primary:focus {
    background-color: #cc9900 !important;
    border-color: #cc9900 !important;
    color: #000000 !important;
    box-shadow: 0 0 0 1px #cc9900 !important;
}

/* Links - Color #294062 */
/* Solo links dentro de contenedores del plugin */
.cda-plugin a,
.cda-plugin a:link,
.cda-plugin a:visited,
#cda-employee-form a,
#cda-gafete-form a,
#cda-access-form a,
.cda-config-container a,
#cda-settings-page a {
    color: #294062 !important;
    text-decoration: none;
}

/* Hover de links */
.cda-plugin a:hover,
.cda-plugin a:focus,
#cda-employee-form a:hover,
#cda-employee-form a:focus,
#cda-gafete-form a:hover,
#cda-gafete-form a:focus,
#cda-access-form a:hover,
#cda-access-form a:focus,
.cda-config-container a:hover,
.cda-config-container a:focus,
#cda-settings-page a:hover,
#cda-settings-page a:focus {
    color: #1e2f47 !important;
    text-decoration: underline;
}

/* Links en tablas del plugin */
.cda-plugin table a,
.cda-plugin table a:link,
.cda-plugin table a:visited,
#cda-employee-list-table a,
#cda-access-list-table a,
#cda-visitors-list-table a,
#cda-gafete-list-table a {
    color: #294062 !important;
}

.cda-plugin table a:hover,
.cda-plugin table a:focus,
#cda-employee-list-table a:hover,
#cda-access-list-table a:hover,
#cda-visitors-list-table a:hover,
#cda-gafete-list-table a:hover {
    color: #1e2f47 !important;
}

/* Paginación - links del plugin (sin fondo amarillo) */
.cda-plugin .pagination-links a,
.cda-plugin .tablenav-pages a,
.cda-plugin .tablenav-pages .button,
.cda-plugin .pagination-links .button,
#cda-employee-list-table + .tablenav a,
#cda-access-list-table + .tablenav a,
#cda-visitors-list-table + .tablenav a,
#cda-gafete-list-table + .tablenav a,
#cda-employee-list-table + .tablenav .button,
#cda-access-list-table + .tablenav .button,
#cda-visitors-list-table + .tablenav .button,
#cda-gafete-list-table + .tablenav .button {
    color: #294062 !important;
    background-color: transparent !important;
    border-color: #294062 !important;
}

.cda-plugin .pagination-links a:hover,
.cda-plugin .tablenav-pages a:hover,
.cda-plugin .tablenav-pages .button:hover,
.cda-plugin .pagination-links .button:hover,
#cda-employee-list-table + .tablenav a:hover,
#cda-access-list-table + .tablenav a:hover,
#cda-visitors-list-table + .tablenav a:hover,
#cda-gafete-list-table + .tablenav a:hover,
#cda-employee-list-table + .tablenav .button:hover,
#cda-access-list-table + .tablenav .button:hover,
#cda-visitors-list-table + .tablenav .button:hover,
#cda-gafete-list-table + .tablenav .button:hover {
    color: #1e2f47 !important;
    background-color: transparent !important;
    border-color: #1e2f47 !important;
}

/* Encabezados de tablas - Fondo #294062, texto blanco, mayúsculas */
.cda-plugin table thead th,
.cda-plugin table thead td,
.cda-plugin .wp-list-table thead th,
.cda-plugin .wp-list-table thead td,
#cda-employee-list-table thead th,
#cda-access-list-table thead th,
#cda-visitors-list-table thead th,
#cda-gafete-list-table thead th {
    background-color: #294062 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.5px;
}

/* Links en encabezados de tablas también en blanco */
.cda-plugin table thead th a,
.cda-plugin table thead td a,
.cda-plugin .wp-list-table thead th a,
.cda-plugin .wp-list-table thead td a,
#cda-employee-list-table thead th a,
#cda-access-list-table thead th a,
#cda-visitors-list-table thead th a,
#cda-gafete-list-table thead th a {
    color: #ffffff !important;
}

.cda-plugin table thead th a:hover,
.cda-plugin table thead td a:hover,
.cda-plugin .wp-list-table thead th a:hover,
.cda-plugin .wp-list-table thead td a:hover,
#cda-employee-list-table thead th a:hover,
#cda-access-list-table thead th a:hover,
#cda-visitors-list-table thead th a:hover,
#cda-gafete-list-table thead th a:hover {
    color: #ffc300 !important;
}