/*
Theme Name:     Neve
Theme URI:      https://themeisle.com/themes/neve/
Author:         ThemeIsle
Author URI:     https://themeisle.com
Tested up to:   6.2
Requires PHP:   7.0
Requires at least: 5.5
Description:    Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Version:        4.2.2
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Pro Slug:  			neve-pro-addon
AMP: 						true
WordPress Available:  yes
Requires License:     no
Tags: blog, custom-logo, e-commerce, rtl-language-support, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles, footer-widgets, portfolio, left-sidebar, right-sidebar
*/

/*
Theme Name:   Neve MotosCastellón
Theme URI:    https://motoscastellon.com
Description:  Child theme de Neve para MotosCastellón.com — taller de motos multimarca.
Author:       MotosCastellón
Template:     neve
Version:      0.1.0
Text Domain:  motoscastellon
*/

/* ==========================================================================
   MotosCastellón — CSS base
   Solo lo que Tailwind no cubre bien: sello, marquee, scrollbars, focus.
   Los colores viven en el bloque @theme de header.php.
   ========================================================================== */

:root {
  --mc-carbon: #0E1114;
  --mc-petrol: #10403C;
  --mc-amber:  #EFA02A;
  --mc-steel:  #6B7480;
  --mc-alu:    #E9EBEC;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Foco visible siempre — accesibilidad mínima innegociable */
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--mc-amber);
  outline-offset: 3px;
  border-radius: 2px;
}

/* --------------------------------------------------------------------------
   FIRMA DE MARCA: el sello del libro de mantenimiento
   -------------------------------------------------------------------------- */
.mc-sello {
  --sello-color: var(--mc-amber);
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .15rem;
  padding: .85rem 1.15rem;
  border: 2px solid var(--sello-color);
  border-radius: 3px;
  color: var(--sello-color);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  text-transform: uppercase;
  line-height: 1.1;
  transform: rotate(-7deg);
  opacity: .95;
  /* textura de tinta irregular */
  -webkit-mask-image: radial-gradient(circle at 30% 20%, #000 55%, rgba(0,0,0,.82) 78%, rgba(0,0,0,.6) 100%);
          mask-image: radial-gradient(circle at 30% 20%, #000 55%, rgba(0,0,0,.82) 78%, rgba(0,0,0,.6) 100%);
}
.mc-sello::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid currentColor;
  border-radius: 2px;
  opacity: .55;
}
.mc-sello__top   { font-size: .5rem;  letter-spacing: .28em; opacity: .8; }
.mc-sello__main  { font-size: .95rem; letter-spacing: .12em; font-weight: 600; }
.mc-sello__date  { font-size: .5rem;  letter-spacing: .2em;  opacity: .8; }

@media (prefers-reduced-motion: no-preference) {
  .mc-sello--anim { animation: mc-stamp .55s cubic-bezier(.2, 1.4, .4, 1) both; }
  @keyframes mc-stamp {
    0%   { transform: rotate(-7deg) scale(1.7); opacity: 0; }
    60%  { transform: rotate(-7deg) scale(.96); opacity: 1; }
    100% { transform: rotate(-7deg) scale(1);   opacity: .95; }
  }
}

/* --------------------------------------------------------------------------
   Marquee de marcas
   -------------------------------------------------------------------------- */
.mc-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.mc-marquee__track { display: flex; width: max-content; animation: mc-scroll 45s linear infinite; }
.mc-marquee:hover .mc-marquee__track { animation-play-state: paused; }
@keyframes mc-scroll { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .mc-marquee__track { animation: none; }
  .mc-marquee { overflow-x: auto; }
}

/* --------------------------------------------------------------------------
   Matrícula española (buscador de recambios)
   -------------------------------------------------------------------------- */
.mc-plate {
  display: flex; align-items: stretch;
  background: #fff; border: 2px solid #0E1114; border-radius: 5px; overflow: hidden;
}
.mc-plate__eu {
  width: 26px; background: #003399; color: #FFCC00;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
  padding-bottom: 6px; font-family: "IBM Plex Mono", monospace; font-size: .6rem; font-weight: 700;
}
.mc-plate__eu::before { content: "★"; font-size: .5rem; line-height: 1; margin-bottom: 2px; opacity: .9; }
.mc-plate__input {
  flex: 1; border: 0; background: transparent; color: #0E1114;
  font-family: "IBM Plex Mono", monospace; font-weight: 600; font-size: 1.15rem;
  letter-spacing: .18em; text-transform: uppercase; padding: .7rem .8rem; min-width: 0;
}
.mc-plate__input::placeholder { color: #A8AEB5; letter-spacing: .18em; }
.mc-plate__input:focus { outline: none; }

/* Ocultar scrollbar en carruseles horizontales */
.mc-noscroll { scrollbar-width: none; -ms-overflow-style: none; }
.mc-noscroll::-webkit-scrollbar { display: none; }

/* Revelado al hacer scroll */
@media (prefers-reduced-motion: no-preference) {
  .mc-reveal { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
  .mc-reveal.is-in { opacity: 1; transform: none; }
}

/* Detalles del acordeón de servicios */
.mc-acc summary::-webkit-details-marker { display: none; }
.mc-acc[open] .mc-acc__chev { transform: rotate(180deg); }
.mc-acc__chev { transition: transform .25s ease; }