/* -----------------------------------------------------
   CODIGOS CSS AFOMUC - VERSION FINAL TRADUCIDA
----------------------------------------------------- */

/* 1) TITULOS EN BLANCO Y CENTRADOS */
h1.wp-block-post-title, h1.entry-title, .wp-block-site-title, .wp-block-site-title a {
    text-align: center !important;
    color: #ffffff !important;
}

/* 2) MOSTRAR MENÚ EN ESCRITORIO */
@media (min-width: 782px) {
    header .wp-block-navigation { display: flex !important; visibility: visible !important; opacity: 1 !important; position: relative !important; }
}

/* 3) OCULTAR MENÚ DUPLICADO */
main .wp-block-navigation, .entry-content .wp-block-navigation, .post-content .wp-block-navigation { display: none !important; }

/* 4) CENTRAR LOGO */
.site-header .site-branding { width: 100% !important; display: flex !important; justify-content: center !important; text-align: center !important; }

/* 5) LETRAS BLANCAS MENÚ SUPERIOR */
.wp-block-navigation .wp-block-navigation-item__content, .wp-block-navigation .wp-block-navigation-item__content a, .wp-block-navigation a { color: #ffffff !important; }

/* 6) ZONA INFERIOR: FORZAR BLANCO EN CONTACTO */
.wp-block-group p, .wp-block-group h4, .wp-block-group a, .wp-block-column p, .wp-block-column h4, .wp-block-column a, footer p, footer a { color: #ffffff !important; }

/* 7) REDES SOCIALES: COLORES ORIGINALES */
.wp-social-link-facebook svg { fill: #1877F2 !important; color: #1877F2 !important; }
.wp-social-link-instagram svg { fill: #E4405F !important; color: #E4405F !important; }
.wp-social-link-youtube svg { fill: #FF0000 !important; color: #FF0000 !important; }

/* 8) MENÚ MÓVIL (Fondo oscuro) */
.wp-block-navigation__responsive-container.is-menu-open { background-color: #000000 !important; }
.wp-block-navigation__responsive-container.is-menu-open * { color: #ffffff !important; }

/* 9) TEXTO NEGRO PARA TABLAS */
.timeline_area *, [class*="event"] *, [class*="timeline"] * { color: #000000 !important; }

/* 10) CORRECCIÓN PÁGINA DE COMPRA (CHECKOUT) */
.woocommerce-checkout label, .woocommerce-checkout h3, .woocommerce-checkout #order_review_heading, .woocommerce-checkout .form-row { color: #333333 !important; }

/* 11) TRADUCCIONES PARA EVENT BOOKING MANAGER */

/* Event Description -> Descripción del evento */
.mpwem-event-description h2 { font-size: 0 !important; }
.mpwem-event-description h2:before { content: "Descripción del evento"; font-size: 32px !important; }

/* Event Timelines -> Información del evento */
.mpwem-event-timelines h3 { font-size: 0 !important; }
.mpwem-event-timelines h3:before { content: "Información adicional"; font-size: 28px !important; }

/* Ticket Options -> Opciones de entrada */
.mpwem_event_ticket_options_title { font-size: 0 !important; }
.mpwem_event_ticket_options_title:before { content: "Selecciona tus asientos"; font-size: 24px !important; }

/* Seat no, Type, Fare, Action (Tabla inferior) */
.mpwem_seat_selection_row_header h6 { font-size: 0 !important; }
.mpwem_seat_selection_row_header h6:nth-child(1):before { content: "Asiento"; font-size: 16px !important; font-weight: bold; }
.mpwem_seat_selection_row_header h6:nth-child(2):before { content: "Tipo"; font-size: 16px !important; font-weight: bold; }
.mpwem_seat_selection_row_header h6:nth-child(3):before { content: "Tarifa"; font-size: 16px !important; font-weight: bold; }
.mpwem_seat_selection_row_header h6:nth-child(4):before { content: "Acción"; font-size: 16px !important; font-weight: bold; }

/* Type y Price (Tooltip del asiento) */
.mpwem_seat_details strong:nth-of-type(1) { font-size: 0 !important; }
.mpwem_seat_details strong:nth-of-type(1):before { content: "Tipo: "; font-size: 14px !important; }
.mpwem_seat_details strong:nth-of-type(2) { font-size: 0 !important; }
.mpwem_seat_details strong:nth-of-type(2):before { content: "Precio: "; font-size: 14px !important; }

/* Total Price -> Precio Total */
.mpwem_total_price_html { font-size: 0 !important; }
.mpwem_total_price_html:before { content: "Precio Total: "; font-size: 18px !important; }

/* Register For This Event (Botón) */
.mpwem_event_register_button { font-size: 0 !important; }
.mpwem_event_register_button:before { content: "Reservar Entradas"; font-size: 18px !important; }

/* Available / Sold (Leyenda) */
.mpwem_ticket_status_item:nth-child(1) span { font-size: 0 !important; }
.mpwem_ticket_status_item:nth-child(1) span:before { content: " Libre"; font-size: 14px !important; }
.mpwem_ticket_status_item:nth-child(2) span { font-size: 0 !important; }
.mpwem_ticket_status_item:nth-child(2) span:before { content: " Ocupado"; font-size: 14px !important; }

/* Total Seats / Available (Contadores) */
.mpwem_total_seats_count h6:nth-child(1) { font-size: 0 !important; }
.mpwem_total_seats_count h6:nth-child(1):before { content: "Aforo total"; font-size: 16px !important; }
.mpwem_total_available_seats_count h6:nth-child(1) { font-size: 0 !important; }
.mpwem_total_available_seats_count h6:nth-child(1):before { content: "Disponibles"; font-size: 16px !important; }

/* Event Schedule Details -> Horario del evento */
.mpwem-event-schedule-details h5 { font-size: 0 !important; }
.mpwem-event-schedule-details h5:before { content: "Horario del evento"; font-size: 20px !important; }

/* Add Calendar -> Añadir al calendario */
.mpwem_add_to_calendar_title { font-size: 0 !important; }
.mpwem_add_to_calendar_title:before { content: "Añadir al calendario"; font-size: 18px !important; }
/* --- NUEVOS AJUSTES PARA LA PÁGINA DE COMPRA (AÑADIR AL FINAL) --- */

/* 1. Hace visibles las etiquetas de tarjeta, notas y guardado */
.woocommerce-checkout label, 
.woocommerce-checkout .wc-payment-form label,
.woocommerce-checkout #order_comments_field label,
.woocommerce-checkout label[for="wc-stripe-new-payment-method"],
.woocommerce-checkout .woocommerce-form__label span {
    color: #333333 !important;
    display: inline-block !important;
}

/* 2. Traduce y cambia a negro la frase de suscripción de MailPoet */
.woocommerce-checkout label[for="mailpoet_woocommerce_checkout_subscribe"] {
    font-size: 0 !important;
    color: transparent !important;
}

.woocommerce-checkout label[for="mailpoet_woocommerce_checkout_subscribe"]:after {
    content: "Me gustaría recibir correos exclusivos con descuentos e información.";
    font-size: 14px !important;
    color: #333333 !important;
    visibility: visible !important;
    display: inline-block !important;
}
/* --- REFUERZO PARA TEXTOS EN FINALIZAR COMPRA --- */

/* Forzar color negro en las etiquetas de los campos de pago y notas */
.woocommerce-checkout .form-row label, 
.woocommerce-checkout #order_comments_field label,
.woocommerce-checkout .place-order label,
.woocommerce-checkout .woocommerce-form__label-wrapper span,
.woocommerce-checkout #payment label {
    color: #000000 !important;
    display: inline-block !important;
    visibility: visible !important;
}

/* Traducción de la frase de MailPoet al español y en negro */
#mailpoet_woocommerce_checkout_subscribe_container label {
    font-size: 0 !important;
}

#mailpoet_woocommerce_checkout_subscribe_container label:after {
    content: "Deseo recibir correos con descuentos e información exclusiva.";
    font-size: 14px !important;
    color: #000000 !important;
    visibility: visible !important;
}

/* Específico para el texto de 'Guardar información de pago' */
.woocommerce-checkout .wc-stripe-save-source-wrapper label {
    color: #000000 !important;
}
/* --- FONDO OSCURO Y LETRAS BLANCAS PARA PÁGINA DE EVENTOS --- */

/* 1. Fondo general del contenedor del evento */
.single-event_manager_event, 
.mpwem-event-single-layout-1,
.mpwem-main-container {
    background-color: #1a1a1a !important; /* Gris muy oscuro, no es negro */
    color: #ffffff !important;
    padding: 20px;
    border-radius: 8px;
}

/* 2. Forzar todos los títulos y textos a blanco */
.single-event_manager_event h1, 
.single-event_manager_event h2, 
.single-event_manager_event h3, 
.single-event_manager_event h4, 
.single-event_manager_event h5, 
.single-event_manager_event h6,
.single-event_manager_event p,
.single-event_manager_event span,
.single-event_manager_event div,
.mpwem-event-description,
.mpwem-event-timelines {
    color: #ffffff !important;
}

/* 3. Ajuste para que los iconos de los eventos también se vean */
.single-event_manager_event i,
.mpwem-event-meta-info i {
    color: #ffffff !important;
}

/* 4. El cuadro de selección de asientos (Seat Plan) */
/* Lo mantenemos con un fondo ligeramente distinto para que resalte */
.mpwem_event_ticket_options_title {
    color: #ffffff !important;
}

.mpwem_seat_plan_wrapper {
    background-color: #2c2c2c !important; /* Un poco más claro que el fondo */
    padding: 15px;
    border-radius: 10px;
}

/* 5. Asegurar que los botones no se pierdan */
.mpwem_event_register_button {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    font-weight: bold !important;
}