/* ============================================================================= Valquiven · Correcciones web · v1.0.0 Todos los selectores de este fichero estan VERIFICADOS en el HTML de produccion de valquiven.es (ficha del dumper hidraulico, 9-sep-2026). Se carga desde el plugin con prioridad 100, o sea despues del tema y del hijo, asi que no le afecta el @media sin cerrar de antek-child. ========================================================================== */ :root{ --vq-mag:#C8197D; --vq-mag-d:#9D1361; --vq-mag-l:#FCE7F1; --vq-ink:#1A1F26; --vq-ink-2:#3A424B; --vq-ink-3:#6B7480; --vq-line:#E8EAED; --vq-line-2:#F2F4F6; --vq-paper:#FBFCFD; --vq-bg:#F5F6F8; --vq-ok:#157A3C; --vq-ok-bg:#E7F5EC; --vq-info:#1665A6; --vq-info-bg:#E9F2FB; --vq-warn:#8A5D00; --vq-warn-bg:#FFF6E0; --vq-bad:#9B1B1B; --vq-bad-bg:#FDE8E8; --vq-r-s:6px; --vq-r-m:9px; --vq-r-l:13px; } /* ----------------------------------------------------------------------------- 1 · EL AVISO DE SOLICITUD · lo inserta el JS del plugin Es lo que resuelve la queja del cliente: la web decia "reserva" y el cliente entendio que quedaba comprometido. -------------------------------------------------------------------------- */ .vq-aviso-solicitud{ margin:10px 0 0 !important; padding:11px 14px !important; background:var(--vq-info-bg) !important; border-left:3px solid var(--vq-info) !important; border-radius:0 var(--vq-r-m) var(--vq-r-m) 0 !important; font-size:.8125rem !important; line-height:1.45 !important; color:var(--vq-ink-2) !important; font-weight:400 !important; text-transform:none !important; letter-spacing:0 !important; } .vq-porte-nota{ display:block; margin-top:4px; font-size:.75rem; line-height:1.4; color:var(--vq-ink-3); font-weight:400; } /* ----------------------------------------------------------------------------- 2 · EL TICK VERDE El texto ya lo cambia el filtro gettext, asi que NO se oculta: ahora dice la verdad y sigue siendo util. Lo que se le quita es el aire de confirmacion: el verde y el icono de check pasan a neutro. El aviso rojo de fechas no disponibles (.c-vehicle-book__dates-not-available) NO se toca: esa informacion si es correcta y hace falta. -------------------------------------------------------------------------- */ .c-vehicle-book__dates-available{ color:var(--vq-ink-3) !important; font-weight:400 !important; } .c-vehicle-book__dates-available .c-vehicle-book__dates-ico, .c-vehicle-book__dates-available .ip-check{ color:var(--vq-ink-3) !important; opacity:.6 !important; } /* ----------------------------------------------------------------------------- 3 · EL PRECIO DE LA FICHA · solo legibilidad, ni una propiedad de posicion -------------------------------------------------------------------------- */ .c-vehicle-book__amount{ font-weight:800 !important; letter-spacing:-.02em !important; } .c-vehicle-book__delivery-price{ font-variant-numeric:tabular-nums !important; } /* ----------------------------------------------------------------------------- 4 · EL PRECIO EN MOVIL VERIFICADO: en el DOM la barra lateral con el precio va DESPUES de toda la descripcion. En escritorio el tema la flota a la derecha y ademas la hace pegajosa (js-sticky-sidebar-nearby), asi que ahi ya funciona. En movil cae al final. Se resuelve con position:sticky sobre el bloque de precio, que funciona sea el padre flex, grid o float. NO se reordena la plantilla: Antek esta congelado en la 7.2 y una plantilla sobreescrita se rompe al actualizar. -------------------------------------------------------------------------- */ @media (max-width:1169px){ .c-vehicle-book__price-block, .js-book-price-block{ position:sticky !important; bottom:0 !important; z-index:50 !important; background:#fff !important; border-top:1px solid var(--vq-line) !important; box-shadow:0 -4px 14px rgba(0,0,0,.10) !important; padding:12px 14px !important; } /* Area tactil de 44 px en los controles reales de la ficha */ .c-vehicle-book__date, .c-vehicle-book__cnt-value, .c-vehicle-book__book, .booking-attr-cart{ min-height:44px !important; } } /* ----------------------------------------------------------------------------- 5 · "MI CUENTA" CON LA MARCA Clases estandar de WooCommerce, verificadas en valquiven.es/my-account/. Es el marco sobre el que se construira el panel de cliente. -------------------------------------------------------------------------- */ .woocommerce-MyAccount-navigation ul{ list-style:none !important; margin:0 !important; padding:0 !important; } .woocommerce-MyAccount-navigation ul li{ margin:0 0 4px !important; } .woocommerce-MyAccount-navigation ul li a{ display:block !important; padding:11px 16px !important; border-radius:var(--vq-r-m) !important; color:var(--vq-ink-2) !important; font-weight:500 !important; text-decoration:none !important; } .woocommerce-MyAccount-navigation ul li.is-active > a{ background:var(--vq-mag-l) !important; color:var(--vq-mag-d) !important; font-weight:600 !important; } .woocommerce-MyAccount-navigation ul li a:hover{ background:var(--vq-bg) !important; } /* Cinturon de seguridad: si la pestaña Descargas reapareciera por cualquier via, aqui tampoco se ve. El filtro de PHP es el mecanismo principal. */ .woocommerce-MyAccount-navigation-link--downloads{ display:none !important; } /* ----------------------------------------------------------------------------- 6 · ACCESIBILIDAD Selectores reales y !important a proposito: la version anterior usaba :where(), que pone la especificidad a CERO, y cualquier regla del tema le ganaba. Por eso los recuadros de foco salian negros. -------------------------------------------------------------------------- */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible{ outline:3px solid var(--vq-mag) !important; outline-offset:2px !important; box-shadow:none !important; } @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } } /* ----------------------------------------------------------------------------- 7 · UTILIDADES para las plantillas del plugin de catalogo, cuando exista Sin !important: aqui no compiten con nada de Antek. -------------------------------------------------------------------------- */ .vq-disp{ display:flex; align-items:center; gap:8px; font-size:.875rem; color:var(--vq-ink-3); background:var(--vq-paper); border:1px solid var(--vq-line); border-radius:var(--vq-r-m); padding:12px 16px; } .vq-fianza{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-size:.9375rem; padding:12px 0; border-top:1px solid var(--vq-line-2); } .vq-fianza__nota{ font-size:.8125rem; color:var(--vq-ink-3); font-weight:400; } .vq-fianza__importe{ font-variant-numeric:tabular-nums; font-weight:600; } .vq-precio__total{ font-weight:800; font-size:2rem; letter-spacing:-.02em; line-height:1.1; } .vq-precio__unit{ font-size:.875rem; color:var(--vq-ink-3); margin-top:4px; } /* D-218: si el motor de precios no responde, "consultar". Nunca 0 ni guion. */ .vq-precio--consultar{ font-weight:700; font-size:1.25rem; color:var(--vq-ink-2); } .vq-aviso{ background:var(--vq-info-bg); border-left:3px solid var(--vq-info); border-radius:0 var(--vq-r-m) var(--vq-r-m) 0; padding:12px 16px; font-size:.875rem; color:var(--vq-ink-2); } .vq-pill{ display:inline-block; font-size:.75rem; font-weight:600; padding:2px 10px; border-radius:999px; white-space:nowrap; } .vq-pill--ok{ background:var(--vq-ok-bg); color:var(--vq-ok); } .vq-pill--info{ background:var(--vq-info-bg); color:var(--vq-info); } .vq-pill--warn{ background:var(--vq-warn-bg); color:var(--vq-warn); } .vq-pill--bad{ background:var(--vq-bad-bg); color:var(--vq-bad); }