/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


/* 1. Forzar layout LTR dentro de Creative Elements, aunque la página sea RTL PARA ELIMINAR DESCUADRES A LA IZQ DE SECCIONES */
.lang-rtl .elementor,
.lang-rtl .elementor * {
    direction: ltr !important;
}

/* 2. Pero mantener el texto RTL donde toca (solo en los widgets de texto) */
.lang-rtl .elementor .elementor-widget-text-editor,
.lang-rtl .elementor .elementor-heading-title {
    direction: rtl !important;
    text-align: right !important;
}



/* Iconos de features con tamaño ajustado dentro del bloque específico boncategoryproduct de CreativeElements en la pagina INICIO (sino salian enormes) */
.feat-icons-boncat .boncategoruproduct img {
  min-width: 40px !important;
}
 


 /* Cuadro completo del newsletter (email + botón + check RGPD) con bordes redondeados */
#footer .footer-style-3 .block-newsletter .ps-emailsubscription-block {
  border: 1px solid #e8e8e8;   /* borde fino gris claro */
  border-radius: 8px;          /* redondeo de las esquinas */
  padding: 8px 10px;           /* un poco de aire interior */
  background-color: #a6a2a2;   /* fondo gris fuera del cuadrado */
  color: #ffffff;
}

#acceptLopdNewsletter {margin-left: 30px;}

#footer-container-first {color: #e83737;}

/* Newsletter footer estilo 3: input + botón bajitos, una sola línea */
#footer .footer-style-3 .block-newsletter .ps-emailsubscription-block input.form-control {
  height: 26px;          /* ajusta 36–42px */
  line-height: 26px;
  padding-top: 0;
  padding-bottom: 0;
}

#footer .footer-style-3 .block-newsletter .ps-emailsubscription-block .btn,
#footer .footer-style-3 .block-newsletter .ps-emailsubscription-block button[type="submit"] {
  height: 20px;
  line-height: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

/* Botón newsletter en footer: naranja SAFETOP */
#footer .footer-style-3 .block-newsletter .ps-emailsubscription-block button[name="submitNewsletter"] {
  background-color: #ff6600;   /* naranja */
  border-color:    #ff6600;
  color: #fff;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Hover: gris */
#footer .footer-style-3 .block-newsletter .ps-emailsubscription-block button[name="submitNewsletter"]:hover {
  background-color: #666666;
  border-color:    #666666;
  color: #ffffff;
}

/* Borde para el cuadro del email en el newsletter del footer */
#footer .footer-style-3 .block-newsletter .ps-emailsubscription-block .input-subscription {
  border: 1px solid #d0d0d0;  /* ajusta el color si quieres más oscuro/claro */
  background-color: #ffffff;   /* por si el fondo del footer es blanco roto */
  box-shadow: none;            /* por si el tema añade sombras raras */
}


/* Ocultar el rectángulo vacío debajo del newsletter */
#footer .footer-style-3 .block-newsletter .min-text-check {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}


/* Separacion entre el modulo del newsletter y el modulo de abajo del todo (footer) */
#footer-container-main, #checkout-footer {padding-top: 0.7rem;}



/* PUESTO POR PABLO 20-11-2025 PARA BOTON DE COPIAR LA REFERENCIA DE PRODUCTO. crece en hover*/

/* Botón copiar referencia */
.copy-ref-btn {
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* Icono redondo con fondo blanco */
.copy-ref-icon {
  background: #ffffff;
  border-radius: 999px;
  padding: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Imagen dentro del icono */
/* Blindar el tamaño del SVG para que no lo toque el CSS del tema */
.copy-ref-icon img {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  display: block;
}



/* Texto "copia" */
.copy-ref-label {
  font-size: 12px;
  text-transform: uppercase;
}

/* Efecto zoom al pasar el ratón */
.copy-ref-btn .copy-ref-icon {
  transition: transform 0.15s ease;
}

.copy-ref-btn:hover .copy-ref-icon {
  transform: scale(1.2);
}

/* Texto "OK!" (feedback) */

.copy-ref-feedback {
  display: none;

margin-top:4px;
padding:4px;
background:#e8f5e8;
color: #15803d;
border-left:3px solid #4CAF50;
border-radius:3px;
font-weight: 500;

  margin-left: 6px;
  font-size: 0.9em;
  
}