/* ====== SOLO MÓVIL (
 /* ===== FIX HEADER EN FICHAS DE PRODUCTO (MÓVIL) ===== */
@media (max-width: 768px) {
  /* El header de Elementor en fichas WooCommerce */
  body.single-product header.elementor-location-header {
    background: #1c1c1c !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 9999 !important;
    position: relative;
  }

  /* Todo lo que hay dentro del header en blanco sobre fondo negro */
  body.single-product header.elementor-location-header * {
    background: transparent !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    border-color: transparent !important;
  }

  /* Icono hamburguesa */
  body.single-product header.elementor-location-header .elementor-menu-toggle,
  body.single-product header.elementor-location-header .menu-toggle,
  body.single-product header.elementor-location-header .hamburger {
    background: transparent !important;
    color: #ffffff !important;
  }

  /* Carrito */
  body.single-product header.elementor-location-header .cart-contents,
  body.single-product header.elementor-location-header .cart-contents * {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    background: transparent !important;
  }
  body.single-product header.elementor-location-header .cart-contents .count {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
  }

  /* Selector de idioma */
  body.single-product header.elementor-location-header .trp-language-switcher,
  body.single-product header.elementor-location-header .trp-language-switcher *,
  body.single-product header.elementor-location-header .gtranslate_wrapper,
  body.single-product header.elementor-location-header .gtranslate_wrapper * {
    background: transparent !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  /* El contenido de la ficha se queda en blanco */
  body.single-product #content,
  body.single-product .site-content,
  body.single-product .entry-content,
  body.single-product .product {
    background: #ffffff !important;
  }
}
/* === Móvil: caja de cantidad negra con texto blanco en fichas === */
@media (max-width: 768px){

  /* Caja de cantidad (WooCommerce) */
  body.single-product .quantity input.qty,
  body.single-product input.qty,
  body.single-product .quantity .qty {
    background:#1c1c1c !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important; /* iOS/Chrome evita "desaparece" */
    caret-color:#ffffff !important;
    border:1px solid rgba(255,255,255,0.35) !important;
    border-radius:8px !important;
    height:48px !important;
    line-height:48px !important;
    padding:0 12px !important;
    width:72px !important;             /* puedes subir a 80-88 si lo prefieres */
    text-align:center !important;
    font-weight:700 !important;
    background-clip: padding-box !important;
  }

  /* Quitar flechitas de los number para que no rompan el estilo */
  body.single-product input[type="number"]::-webkit-outer-spin-button,
  body.single-product input[type="number"]::-webkit-inner-spin-button { 
    -webkit-appearance: none !important; margin:0 !important; 
  }
  body.single-product input[type="number"] { 
    -moz-appearance: textfield !important; 
  }

  /* Estado focus: borde visible (opcional, rojo marca Sagra #FF2734) */
  body.single-product .quantity input.qty:focus{
    outline:2px solid #FF2734 !important;
    outline-offset:0 !important;
  }

  /* Evitar que el tema invierta colores en :focus/:hover */
  body.single-product .quantity input.qty:hover,
  body.single-product .quantity input.qty:active{
    background:#1c1c1c !important;
    color:#ffffff !important;
  }

  /* Autofill de Android/Chrome: mantener fondo y texto en blanco */
  body.single-product .quantity input.qty:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #1c1c1c inset !important;
    -webkit-text-fill-color:#ffffff !important;
    
			/* === Valoraciones en ficha producto: Nombre y Correo === */
@media (max-width:768px){
  /* Campos Nombre y Correo */
  body.single-product #review_form input#author,
  body.single-product #review_form input#email {
    background:#ffffff !important;   /* fondo blanco */
    color:#000000 !important;        /* texto negro */
    -webkit-text-fill-color:#000000 !important; /* evita texto invisible */
    caret-color:#000000 !important;
    border:1px solid #ccc !important;
    border-radius:6px !important;
    padding:12px !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  /* Placeholder gris clarito */
  body.single-product #review_form input#author::placeholder,
  body.single-product #review_form input#email::placeholder {
    color:#666 !important;
  }

  /* Focus: borde rojo marca */
  body.single-product #review_form input#author:focus,
  body.single-product #review_form input#email:focus {
    outline:2px solid #FF2734 !important;
  }

  /* Autofill (Android/iOS/Chrome): mantener blanco con texto negro */
  body.single-product #review_form input#author:-webkit-autofill,
  body.single-product #review_form input#email:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color:#000000 !important;
    caret-color:#000000 !important;
  }
}
			
			/* === Valoraciones: Nombre y Correo con fondo blanco + texto negro === */
@media (max-width:768px){
  body.single-product #review_form .comment-form input[type="text"],
  body.single-product #review_form .comment-form input[type="email"] {
    background-color:#ffffff !important;   /* caja blanca */
    color:#000000 !important;              /* texto negro */
    -webkit-text-fill-color:#000000 !important;
    caret-color:#000000 !important;
    border:1px solid #ccc !important;
    border-radius:6px !important;
    padding:12px !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  /* Placeholder gris */
  body.single-product #review_form .comment-form input[type="text"]::placeholder,
  body.single-product #review_form .comment-form input[type="email"]::placeholder {
    color:#555 !important;
  }

  /* Focus con borde rojo marca */
  body.single-product #review_form .comment-form input[type="text"]:focus,
  body.single-product #review_form .comment-form input[type="email"]:focus {
    outline:2px solid #FF2734 !important;
  }

  /* Autofill Android/iOS/Chrome */
  body.single-product #review_form .comment-form input[type="text"]:-webkit-autofill,
  body.single-product #review_form .comment-form input[type="email"]:-webkit-autofill {
    -webkit-box-shadow:0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color:#000000 !important;
    caret-color:#000000 !important;
  }
}