/* User Reading Collections Styles - Purple Theme */
.urc-button-wrapper { display: inline-flex; align-items: center; gap: 10px; }

.urc-collection-button {
    cursor: pointer;
    background-color: #7E57C2; /* Morado Principal */
    color: #FFFFFF;
    border: 1px solid #5E35B1; /* Morado Oscuro */
    padding: 8px 15px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    font-size: 0.9em;
}
.urc-collection-button:hover {
    background-color: #9575CD; /* Morado Claro */
    border-color: #7E57C2;
}
.urc-collection-button .urc-icon svg { /* Si usas SVGs para iconos y quieres que hereden color */
    fill: currentColor;
}

.urc-series-total-count { font-size: 0.9em; color: #777; } /* Puedes cambiar #777 si prefieres */

.urc-modal {
    display: none; position: fixed; z-index: 1000; left: 0; top: 0;
    width: 100%; height: 100%; overflow: auto;
    background-color: rgba(30, 10, 70, 0.7); /* Fondo overlay morado oscuro translúcido */
}
.urc-modal-content {
    background-color: #311B92; /* Morado muy oscuro para el fondo del modal */
    color: #EDE7F6; /* Texto Lavanda Claro */
    margin: 10% auto;
    padding: 25px;
    border: 1px solid #5E35B1; /* Borde Morado */
    width: 80%; max-width: 450px;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.urc-modal-close {
    color: #B39DDB; /* Morado claro para el 'x' */
    float: right; font-size: 28px; font-weight: bold; line-height: 1;
}
.urc-modal-close:hover, .urc-modal-close:focus {
    color: #FFFFFF;
    text-decoration: none; cursor: pointer;
}
.urc-modal-content h3 {
    margin-top: 0;
    color: #FFFFFF; /* Blanco para el título principal del modal */
    border-bottom: 1px solid #5E35B1;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.urc-modal-content p strong { color: #D1C4E9; } /* Lavanda más fuerte para el título de la serie */

.urc-modal-status-select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    background: #5E35B1; /* Fondo Morado */
    color: #EDE7F6; /* Texto Lavanda Claro */
    border: 1px solid #7E57C2; /* Borde Morado más claro */
    border-radius: 4px;
}
.urc-modal-status-select option {
    background: #5E35B1;
    color: #EDE7F6;
}

/* Botones del Modal */
.urc-modal-content .button { /* Estilo base para botones dentro del modal si usas clases .button de WP */
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.urc-modal-save.button-primary,
.urc-modal-save { /* Asegurando que tome precedencia */
    background-color: #7E57C2 !important; /* Morado Principal */
    border-color: #5E35B1 !important; /* Morado Oscuro */
    color: #FFFFFF !important;
    width: calc(50% - 5px);
    margin-top:10px;
    margin-right:5px;
    box-shadow: none;
    text-shadow: none;
}
.urc-modal-save.button-primary:hover,
.urc-modal-save:hover {
    background-color: #9575CD !important; /* Morado Claro */
    border-color: #7E57C2 !important;
}

.urc-modal-remove.button-secondary,
.urc-modal-remove { /* Asegurando que tome precedencia */
    background-color: #4A148C !important; /* Morado oscuro y saturado para Eliminar */
    border-color: #311B92 !important;
    color: #FFFFFF !important;
    width: calc(50% - 5px);
    margin-top:10px;
    box-shadow: none;
    text-shadow: none;
}
.urc-modal-remove.button-secondary:hover,
.urc-modal-remove:hover {
    background-color: #6A1B9A !important; /* Un poco más claro al pasar el mouse */
    border-color: #4A148C !important;
}

/* Estilos para la página "Mis Colecciones" */
.urc-my-collections-page ul { list-style: none; padding: 0; }
.urc-my-collections-page h2 {
    color: #5E35B1; /* Títulos de sección morados */
    border-bottom: 2px solid #7E57C2;
    padding-bottom: 5px;
}

.urc-collection-item {
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #5E35B1; /* Borde separador morado */
}
.urc-collection-item:last-child { border-bottom: none; }

.urc-item-thumbnail { margin-right: 15px; }
.urc-item-thumbnail img { max-width:80px; height:auto; border-radius:4px; border: 1px solid #7E57C2;}

.urc-item-content h3 { margin-top:0; }
.urc-item-content h3 a {
    color: #9575CD; /* Enlaces de título morado claro */
    text-decoration:none;
}
.urc-item-content h3 a:hover { color: #B39DDB; } /* Morado aún más claro al pasar el mouse */
.urc-item-content .urc-item-excerpt {
    color: #D1C4E9; /* Texto del extracto en un lavanda */
}


.urc-item-actions .urc-button-wrapper { display: block; margin-top: 10px; }

/* Enlaces de Login */
.urc-login-prompt a, .urc-login-to-collect, a.urc-login-to-collect { /* a. para más especificidad */
    color: #9575CD; /* Enlaces de login morado claro */
    text-decoration: none;
}
.urc-login-prompt a:hover, .urc-login-to-collect:hover, a.urc-login-to-collect:hover {
    color: #B39DDB;
    text-decoration: underline;
}

/* Para asegurar que los íconos dentro de los botones tomen el color del texto del botón */
.urc-collection-button .urc-icon,
.urc-collection-button .urc-icon i,
.urc-collection-button .urc-icon svg {
    color: inherit; /* Hereda el color del texto del botón */
    fill: currentColor; /* Para SVG */
}

/* Si el ícono es un <i> de FontAwesome y tiene un color propio, puede que necesites esto: */
.urc-collection-button .fa, .urc-collection-button .fas {
    color: inherit !important; /* Forzar herencia si es necesario */
}