/**
 * Estilos específicos para formulario de Delivery en modo oscuro
 * 
 * @package EventLive\Auth
 */

/* ========================================
   ESTILOS ESPECÍFICOS PARA FORMULARIO DE DELIVERY EN MODO OSCURO
   ======================================== */

.ela-popup-dark .ela-delivery-form,
.ela-popup-dark .ela-screen-register-delivery {
	color: #ffffff !important;
}

.ela-popup-dark .ela-delivery-form .ela-form-section h3 {
	color: #ffffff !important;
	font-weight: 600;
}

.ela-popup-dark .ela-delivery-form .ela-form-group label {
	color: #ffffff !important;
	font-weight: 600;
}

.ela-popup-dark .ela-delivery-form .ela-form-group .description {
	color: rgba(255, 255, 255, 0.95) !important;
	font-size: 12px;
}

.ela-popup-dark .ela-delivery-form .ela-form-group p {
	color: rgba(255, 255, 255, 0.95) !important;
}

.ela-popup-dark .ela-delivery-form .ela-form-group p.description {
	color: rgba(255, 255, 255, 0.9) !important;
}

.ela-popup-dark .ela-delivery-form .ela-cities-checkboxes {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.ela-popup-dark .ela-delivery-form .ela-cities-checkboxes label {
	color: #ffffff !important;
	font-weight: 500;
}

.ela-popup-dark .ela-delivery-form .ela-cities-checkboxes label span {
	color: #ffffff !important;
}

.ela-popup-dark .ela-delivery-form .ela-cities-error {
	color: #ff6b6b !important;
}

.ela-popup-dark .ela-delivery-form input[type="checkbox"] {
	accent-color: rgba(255, 255, 255, 0.8);
}

.ela-popup-dark .ela-delivery-form input[type="file"] {
	color: #ffffff;
}

.ela-popup-dark .ela-delivery-form input[type="file"]::file-selector-button {
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 4px;
	padding: 8px 16px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.ela-popup-dark .ela-delivery-form input[type="file"]::file-selector-button:hover {
	background: rgba(255, 255, 255, 0.3);
	border-color: rgba(255, 255, 255, 0.5);
}

.ela-popup-dark .ela-delivery-form select {
	background: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	color: #ffffff !important;
}

.ela-popup-dark .ela-delivery-form select option {
	background: #1a1a2e;
	color: #ffffff;
}

.ela-popup-dark .ela-delivery-form .ela-password-match {
	color: rgba(255, 255, 255, 0.95) !important;
}

.ela-popup-dark .ela-delivery-form .ela-password-match.match {
	color: #81c784 !important;
}

.ela-popup-dark .ela-delivery-form .ela-password-match.no-match {
	color: #e57373 !important;
}

/* Asegurar que todos los textos sean claros */
.ela-popup-dark .ela-screen-register-delivery p {
	color: rgba(255, 255, 255, 0.95) !important;
}

.ela-popup-dark .ela-screen-register-delivery h2 {
	color: #ffffff !important;
}

.ela-popup-dark .ela-screen-register-delivery h3 {
	color: #ffffff !important;
}

.ela-popup-dark .ela-screen-register-delivery label span {
	color: rgba(255, 255, 255, 0.95) !important;
}

/* Estilos para el asterisco rojo en modo oscuro */
.ela-popup-dark .ela-delivery-form label span[style*="color: red"],
.ela-popup-dark .ela-delivery-form label span[style*="color:red"] {
	color: #ff6b6b !important;
}

/* Textos de ayuda y descripciones más claros */
.ela-popup-dark .ela-screen-register-delivery .description {
	color: rgba(255, 255, 255, 0.9) !important;
}

.ela-popup-dark .ela-screen-register-delivery .ela-form-group p.description {
	color: rgba(255, 255, 255, 0.85) !important;
}