/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/* Encabezado + botón alineados */
@media (max-width:1024px){
  .mce-reviews-header{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
  }
  .mce-reviews-header h2{ margin:0; }
}

/* Lista base (usa el callback de Woo para estrellas y meta) */
.mce-reviews-list .woocommerce-review__author{ font-weight:600; }
.mce-reviews-list .star-rating{ margin: 6px 0; }

/* Form del popup */
.mce-review-form input[type="text"],
.mce-review-form input[type="email"],
.mce-review-form textarea,
.mce-review-form select{
  width:100%; border:1px solid #E6E6E6; border-radius:0; padding:10px 12px;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mce-review-form .form-submit input[type="submit"]{
  background:#3E50A2; color:#fff; border:0; border-radius:0; padding:10px 16px;
  font-family:"Silk Serif TRIAL", serif; font-weight:600;
}
/* ==== REVIEWS LIST (para [mce_reviews_list]) ==== */
.mce-reviews-list{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #3E50A2;
}

/* Cada review como bloque con separador sutil */
.mce-reviews-list > li.review{
  padding: 16px 0;
  border-bottom: 1px solid #E6E6E6;
}

/* Ocultar avatar (Woo lo pone fuera del texto) */
.mce-reviews-list .comment_container > img.avatar,
.mce-reviews-list img.avatar{ 
  display: none !important; 
}

/* Contenido en columna: 1) estrellas, 2) meta (autor/fecha), 3) texto */
.mce-reviews-list .comment-text{
  margin: 0;
  padding: 0;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* 1) Estrellas arriba */
.mce-reviews-list .comment-text .star-rating{
  order: 0;
  margin: 0 0 4px 0;
}

/* 2) Meta: autor + fecha en una misma línea */
.mce-reviews-list .comment-text .meta{
  order: 1;
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  font-weight: 600;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Nombre (autor) y fecha */
.mce-reviews-list .woocommerce-review__author{
  font-weight: 600;
}
.mce-reviews-list .woocommerce-review__published-date{
  font-weight: 400;
  font-size: 12px;
  opacity: .8;
}

/* Opcional: esconder “verified owner” si aparece */
.mce-reviews-list .woocommerce-review__verified{
  display: none;
}

/* 3) Texto de la reseña con buen interlineado */
.mce-reviews-list .comment-text .description{
  order: 2;
  margin-top: 6px;
}
.mce-reviews-list .comment-text .description p{
  margin: 0;
  line-height: 1.5;
  font-weight: 400;
}

/* Asegurar alineación a la izquierda en cualquier heredado */
.mce-reviews-list,
.mce-reviews-list *{
  text-align: left !important;
}
/* ===== Popup Review (form [mce_review_form]) ===== */

/* 0) Tipografía base */
.mce-review-form,
.mce-review-form *{
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color:#3E50A2;
}

/* 1) Ocultar título del form (tu popup ya tiene el suyo) y notas */
.mce-review-form .comment-reply-title,
.mce-review-form .comment-notes{ display:none !important; }

/* 2) Ocultar “Logged in as … Edit profile / Logout” */
.mce-review-form .logged-in-as{ display:none !important; }

/* 3) Campos */
.mce-review-form select,
.mce-review-form input[type="text"],
.mce-review-form input[type="email"],
.mce-review-form textarea{
  width:100%;
  border:1px solid #E6E6E6;
  border-radius:0;
  padding:10px 12px;
  background:#fff;
  box-shadow:none;
  outline: none;
}
.mce-review-form textarea{ min-height:160px; resize:vertical; }

/* Focus */
.mce-review-form select:focus,
.mce-review-form input:focus,
.mce-review-form textarea:focus{
  border-color:#3E50A2;
}

/* Labels más sutiles (o escóndelos si prefieres) */
.mce-review-form label{
  display:block;
  margin:10px 0 6px;
  font-size:13px;
  opacity:.8;
}

/* 4) Botón Submit igual que los botones del carrito (Apply coupon) */
.mce-review-form .form-submit input[type="submit"]{
  background:#3E50A2 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  height:44px !important;
  padding:10px 16px !important;
  font-family:"Silk Serif TRIAL", serif !important;
  font-weight:600 !important;
  font-size:13px !important;
  line-height:1 !important;
  cursor:pointer;
}
.mce-review-form .form-submit input[type="submit"]:hover{
  opacity:.95;
}

/* 5) Espaciados internos del form (sutil y ordenado) */
.mce-review-form p{ margin:0 0 14px; }
.mce-review-form .comment-form-rating{ margin-top:2px; }

/* 6) Alineación general a la izquierda */
.mce-review-form,
.mce-review-form *{ text-align:left !important; }

/* ==== Popup review - look & feel (Helvetica y azul) ==== */
.mce-review-form,
.mce-review-form *{
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color:#3E50A2;
  text-align:left;
}

/* Título del form (pequeño y azul) */
.mce-review-form .comment-reply-title{
  font-size:18px !important;
  line-height:1.2 !important;
  margin:0 0 10px !important;
  color:#3E50A2 !important;
  font-weight:700 !important;
}

/* Ocultar “Logged in as …” */
.mce-review-form .logged-in-as{ display:none !important; }

/* Campos */
.mce-review-form select,
.mce-review-form input[type="text"],
.mce-review-form input[type="email"],
.mce-review-form textarea{
  width:100%;
  border:1px solid #E6E6E6;
  border-radius:0;
  padding:10px 12px;
  background:#fff;
  outline:none;
  box-shadow:none;
}
.mce-review-form textarea{ min-height:160px; resize:vertical; }
.mce-review-form select:focus,
.mce-review-form input:focus,
.mce-review-form textarea:focus{ border-color:#3E50A2; }
.mce-review-form p{ margin:0 0 14px; }

/* Estrellas - CORREGIDO */
.mce-review-form .mce-stars{ margin-top:2px; }
.mce-review-form .mce-stars-label{ display:block; margin:0 0 6px; font-size:13px; opacity:.8; }

/* IMPORTANTE: Cambiar a dirección normal (no row-reverse) */
.mce-review-form .mce-stars-wrap{ 
  display:inline-flex; 
  flex-direction:row;  /* <-- CAMBIO: de row-reverse a row */
  gap:6px; 
}

.mce-review-form .mce-stars-wrap input[type="radio"]{ 
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
}

.mce-review-form .mce-stars-wrap label{
  cursor:pointer; 
  font-size:22px; 
  line-height:1; 
  color:#C8CFEC;
  transition: color 0.2s ease;
}

/* CRÍTICO: Estrella seleccionada Y todas las anteriores */
.mce-review-form .mce-stars-wrap input[type="radio"]:checked ~ label,
.mce-review-form .mce-stars-wrap input[type="radio"]:checked + label {
  color:#3E50A2 !important;
}

/* Hover solo desktop */
@media (min-width: 768px) {
  .mce-review-form .mce-stars-wrap label:hover,
  .mce-review-form .mce-stars-wrap label:hover ~ label{ 
    color:#3E50A2; 
  }
}

/* Móvil - mejor touch */
@media (max-width: 767px) {
  .mce-review-form .mce-stars-wrap label {
    font-size: 32px;
    padding: 10px;
    margin: -5px;
  }
}
/* Botón como Apply coupon */
.mce-review-form .form-submit input[type="submit"]{
  background:#3E50A2 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  height:44px !important;
  padding:10px 16px !important;
  font-family:"Silk Serif TRIAL", serif !important;
  font-weight:600 !important;
  font-size:13px !important;
  line-height:1 !important;
  cursor:pointer;
}
.mce-review-form .form-submit input[type="submit"]:hover{ opacity:.95; }

/* ==== REVIEWS LIST (para [mce_reviews_list]) ==== */
.mce-reviews-list{ list-style:none; margin:0; padding:0; text-align:left; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important; color:#3E50A2; }
.mce-reviews-list > li.review{ padding:20px 0; border-bottom:1px solid #E6E6E6; }

/* Sin avatar */
.mce-reviews-list .comment_container > img.avatar,
.mce-reviews-list img.avatar{ display:none !important; }

/* Contenido ordenado en columna */
.mce-reviews-list .comment-text{ margin:0; padding:0; display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:6px; }
.mce-reviews-list .comment-text .star-rating{ order:0; margin:0 0 4px 0; }

/* Meta: autor + fecha */
.mce-reviews-list .comment-text .meta{ order:1; display:flex; align-items:baseline; gap:8px; margin:0; font-weight:600; }
.mce-reviews-list .woocommerce-review__author{ font-weight:600; }
.mce-reviews-list .woocommerce-review__published-date{ font-weight:400; font-size:12px; opacity:.8; }
.mce-reviews-list .woocommerce-review__verified{ display:none; }

/* Title de la reseña (si existe) */
.mce-reviews-list .mce-review-title{ order:2; margin:6px 0 0; font-weight:700; }

/* Texto de la reseña */
.mce-reviews-list .comment-text .description{ order:3; margin-top:2px; }
.mce-reviews-list .comment-text .description p{ margin:0; line-height:1.5; font-weight:400; }

/* Age Range (si existe) */
.mce-reviews-list .mce-review-meta-line{ order:4; margin-top:6px; font-size:12px; opacity:.9; }
/* Título del form dentro del popup (Helvetica, azul, más pequeño) */
.mce-review-form .comment-reply-title{
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color:#3E50A2 !important;
  font-size:16px !important;    /* más pequeño */
  line-height:1.2 !important;
  font-weight:600 !important;
  margin:0 0 10px !important;
}
/* PDP móvil: oculta SOLO el form nativo; deja la lista y los avisos visibles */
@media (max-width:1024px){
  .single-product .woocommerce-Reviews .comment-respond{
    display: none !important;
  }
}
.elementor-popup-modal .dialog-close-button,
.elementor-popup-modal .dialog-lightbox-close{
  position: absolute;
  right: 10px; top: 10px;
  z-index: 100002;
  pointer-events: auto;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    z-index: 90!important;
}
/* Por clase (la que tiene el elemento) */
a.current-language-reviews {
    color: #fc746b !important;
    font-size: 14px !important;
}

/* O por ID (más específico) */
a#lang-comments-link {
    color: #fc746b !important;
    font-size: 14px !important;
}

/* O ambas clases si alterna entre ellas */
a.current-language-reviews,
a.all-languages-reviews {
    color: #fc746b !important;
    font-size: 14px !important;
}