/* ============================================================
   Motoricambissimo Core — estilos globales del sitio
   Migrado desde: Astra > CSS adicional + snippet "footer".
   (La fuente Rock Salt / Saira se carga con wp_enqueue_style, ya no con @import.)
   ============================================================ */

.ast-container,.site-content .ast-container{max-width:100%!important;padding-left:0!important;padding-right:0!important}
.entry-content,.elementor-section-wrap{margin:0!important;padding:0!important}


.woocommerce-account .ast-container {
  max-width: 1500px;
  margin: 0 auto;
  width: 80%;
}


/* ================== SHOP — estilo Motoricambissimo ================== */

/* rejilla responsiva de productos */
.woocommerce ul.products,.woocommerce-page ul.products{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;
  gap:22px!important;margin:0!important;padding:0!important}
.woocommerce ul.products{list-style:none!important}

/* tarjeta */
.woocommerce ul.products li.product{
  width:auto!important;margin:0!important;padding:0!important;float:none!important;
  background:#141418!important;border:1px solid #2B2B32;border-radius:14px;overflow:hidden;
  transition:.18s;display:flex;flex-direction:column;position:relative;text-align:left}
.woocommerce ul.products li.product:hover{
  border-color:#E11D28;transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.4)}

/* foto cuadrada */
.woocommerce li.product .astra-shop-thumbnail-wrap{margin:0!important}
.woocommerce li.product img{aspect-ratio:1/1;object-fit:cover;width:100%!important;height:auto!important;margin:0!important;display:block;border-radius:0!important}

/* quitar etiqueta "In vendita!" gris */
.woocommerce span.onsale{display:none!important}

/* textos */
.woocommerce li.product .astra-shop-summary-wrap{padding:12px 14px 14px!important}
.woocommerce li.product .ast-woo-product-category{color:#6b6b73!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.5px}
.woocommerce li.product .woocommerce-loop-product__title{
  font-family:'Saira',sans-serif!important;font-size:14.5px!important;color:#F5F5F6!important;
  font-weight:500!important;line-height:1.3;padding:4px 0 6px!important;margin:0!important}
.woocommerce li.product .ast-loop-product__link{text-decoration:none!important}

/* precio */
.woocommerce li.product .price{
  font-family:'Saira Condensed',sans-serif!important;font-weight:800!important;font-size:20px!important;
  color:#fff!important;margin:0 0 12px!important;display:block}
.woocommerce li.product .price del{color:#6b6b73!important;font-weight:400!important;font-size:14px!important;opacity:1}
.woocommerce li.product .price del .woocommerce-Price-currencySymbol,.woocommerce li.product .price del bdi{color:#6b6b73!important}
.woocommerce li.product .price ins{text-decoration:none!important;color:#fff!important}

/* botón carrito rojo */
.woocommerce li.product a.add_to_cart_button,
.woocommerce li.product a.added_to_cart{
  display:block!important;background:#E11D28!important;color:#fff!important;border:0!important;border-radius:10px!important;
  font-family:'Saira Condensed',sans-serif!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.4px;
  padding:11px 14px!important;text-align:center!important;text-decoration:none!important;transition:.2s;margin:0!important}
.woocommerce li.product a.add_to_cart_button:hover{background:#FF3340!important}

/* wishlist (corazón) debajo del botón */
.woocommerce li.product .tinv-wraper{padding:0 14px 14px!important;margin:0!important}
.woocommerce li.product .tinvwl_add_to_wishlist_button{
  color:#9A9AA4!important;font-size:13px!important;display:inline-flex!important;align-items:center;gap:6px;margin-top:10px!important}
.woocommerce li.product .tinvwl_add_to_wishlist_button:hover{color:#FF3340!important}

/* ordenar / breadcrumb en claro sobre fondo oscuro */
.woocommerce .woocommerce-ordering select{background:#141418;color:#F5F5F6;border:1px solid #2B2B32;border-radius:8px;padding:8px 10px}
.woocommerce-breadcrumb{color:#9A9AA4}
.woocommerce-breadcrumb a{color:#9A9AA4}

/* paginación */
.woocommerce nav.woocommerce-pagination ul{border:0!important;gap:8px;display:flex;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0!important}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  background:#141418;color:#F5F5F6;border:1px solid #2B2B32!important;border-radius:8px;padding:8px 14px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:#E11D28;border-color:#E11D28!important;color:#fff}


/* ================== FILTRO en la Shop (horizontal, negro/rojo) ================== */
.wpc-filters-main-wrap{background:#141418;border:1px solid #2B2B32;border-radius:16px;
  padding:20px 24px;margin:0 auto 24px;max-width:1200px;font-family:'Saira',system-ui,sans-serif;color:#F5F5F6}

/* filtros en fila */
.wpc-filters-widget-wrapper{display:flex!important;flex-wrap:wrap;gap:22px 40px}
.wpc-filters-section{flex:1 1 150px;min-width:140px;margin:0!important;padding:0!important;border:0!important}

/* título */
.wpc-filter-title{font-family:'Saira Condensed',sans-serif!important;font-weight:700!important;font-size:14px!important;
  letter-spacing:1px!important;text-transform:uppercase!important;color:#fff!important;margin:0 0 12px!important;padding:0!important}
.wpc-filter-header{margin:0 0 10px!important;padding:0!important;border:0!important}

/* opciones */
.wpc-filters-ul-list{list-style:none!important;margin:0!important;padding:0!important}
.wpc-term-item{margin:0 0 9px!important;padding:0!important}
.wpc-term-item-content-wrapper{display:flex!important;align-items:center;gap:9px}
.wpc-filter-link{color:#9A9AA4!important;text-decoration:none!important;font-size:14px!important}
.wpc-filter-link:hover{color:#fff!important}
.wpc-filters-main-wrap input[type=checkbox]{accent-color:#E11D28;width:16px;height:16px;margin:0}
.wpc-term-count{color:#63636b!important;font-size:12px!important}

/* seleccionado */
.wpc-term-item-content-wrapper input:checked + label .wpc-filter-link{color:#FF3340!important;font-weight:600}

/* botones Mostra / Annulla */
.wpc-filters-widget-controls-wrapper{display:flex!important;align-items:center;gap:18px;margin-top:16px;
  padding-top:16px;border-top:1px solid #2B2B32}
.wpc-filters-apply-button{background:linear-gradient(135deg,#E11D28,#8E0F16)!important;color:#fff!important;
  font-family:'Saira Condensed',sans-serif!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px;
  padding:11px 22px!important;border-radius:10px!important;text-decoration:none!important;display:inline-block}
.wpc-filters-apply-button:hover{filter:brightness(1.12)}
.wpc-filters-close-button{color:#9A9AA4!important;text-decoration:none!important;font-size:14px!important}
.wpc-filters-close-button:hover{color:#fff!important}
.wpc-edit-filter-set{display:none!important}


/* ============ SHOP en 2 columnas: filtro izquierda / productos derecha ============ */
@media(min-width:900px){
  .ast-woocommerce-container{
    display:grid!important;
    grid-template-columns:280px minmax(0,1fr)!important;
    column-gap:34px!important;
    padding-left:40px!important;   /* ← súbelo/bájalo para mover la barra a la derecha */
    align-items:start!important;
  }

  /* breadcrumb arriba, a lo ancho */
  .ast-woocommerce-container > .woocommerce-breadcrumb{grid-column:1 / -1!important;grid-row:1!important}
  /* el header (que contiene el filtro) -> columna izquierda, fijo al hacer scroll */
  .ast-woocommerce-container > header.woocommerce-products-header{
    grid-column:1!important;grid-row:2 / span 99!important;
    position:sticky;top:90px;margin:0!important;
  }
  /* todo lo demás -> columna derecha */
  .ast-woocommerce-container > .woocommerce-notices-wrapper,
  .ast-woocommerce-container > .woocommerce-result-count,
  .ast-woocommerce-container > .woocommerce-ordering,
  .ast-woocommerce-container > ul.products,
  .ast-woocommerce-container > nav.woocommerce-pagination{grid-column:2!important}
  /* filtro: ancho completo de su columna y en vertical */
  .ast-woocommerce-container > header .page-description,
  .ast-woocommerce-container > header .widget_wpc_filters_widget,
  .ast-woocommerce-container .wpc-filters-main-wrap{width:100%!important;max-width:100%!important;margin:0!important;float:none!important}
  .ast-woocommerce-container .wpc-filters-widget-wrapper{display:flex!important;flex-direction:column!important;gap:18px!important}
  .ast-woocommerce-container .wpc-filters-section{flex:none!important;width:100%!important;min-width:0!important}
  .ast-woocommerce-container ul.products{margin-left:0!important;width:100%!important}
}

.ast-woocommerce-container,
.site-content .ast-container{padding-top:40px!important;padding-bottom:60px!important}

.elementor-widget-html{margin-top:0!important}
.ast-container>.entry-content,.site-content .ast-container{padding-top:0!important;margin-top:0!important}
@media(min-width:1100px){
  .ast-woocommerce-container ul.products{grid-template-columns:repeat(4,1fr)!important}
}


/* Compactar la barra de ordenación */
.woocommerce .woocommerce-ordering{
  display:inline-block!important;width:auto!important;background:none!important;
    margin:0 auto 18px 0!important;padding:0!important;text-align:left !important}
.woocommerce .woocommerce-ordering select{
  width:auto!important;min-width:200px;background:#141418!important;color:#F5F5F6!important;
  border:1px solid #2B2B32!important;border-radius:10px!important;padding:10px 14px!important;cursor:pointer}


/* textos de arriba de la shop en negro */
.woocommerce .woocommerce-result-count,
.woocommerce-breadcrumb a{color:#0a0a0a!important}

/* ocultar migas de pan */
.woocommerce-breadcrumb{display:none!important}

/* eslogan a lo ancho, encima de todo (debajo del header) */
.ast-woocommerce-container::before{
  content:"Trova il tuo ricambio, in un unico posto!";
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  font-family:'Rock Salt',cursive;
  font-weight:400;
  font-size:30px;
  line-height:1.4;
  color:#0a0a0a;
  padding-bottom:14px;
  border-bottom:4px solid #E11D28;
  margin-bottom:24px;
  display:block!important;
}


/* ================== ESTILO Subito: la tarjeta solo enlaza al anuncio ==================
   Sin botón "Aggiungi al carrello" en los listados; el comprador entra al anuncio y
   decide entre Comprar o Scrivere al venditore. Para volver a mostrarlo, borra este bloque. */
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.added_to_cart{display:none!important}


/* ================== FOOTER (migrado del snippet "footer") ================== */
.mrc-footer{background:#0A0A0C;color:#9A9AA4;border-top:1px solid #2B2B32;
  padding:36px 20px 28px;font-family:'Saira',system-ui,sans-serif}
.mrc-footer *{box-sizing:border-box}
.mrc-footer .in{max-width:1200px;margin:0 auto}
.mrc-footer .grid{display:grid;grid-template-columns:1fr;gap:26px}
.mrc-footer h4{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:19px;color:#fff;margin:0 0 8px}
.mrc-footer p{font-size:13px;max-width:36ch;margin:0}
.mrc-footer h5{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:13px;
  letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin:0 0 12px}
.mrc-footer a{display:block;font-size:13.5px;margin-bottom:9px;color:#9A9AA4;text-decoration:none;transition:.15s}
.mrc-footer a:hover{color:#fff}
.mrc-footer .bottom{margin-top:28px;padding-top:18px;border-top:1px solid #2B2B32;font-size:12px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(min-width:980px){.mrc-footer .grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}}

/* Ganarle a Astra en el footer */
.mrc-footer a{text-decoration:none!important}
.mrc-footer,.mrc-footer .in,.mrc-footer .grid,.mrc-footer>div,.mrc-footer .grid>div{text-align:left!important}
.mrc-footer .bottom{justify-content:space-between!important}

/* Quitar el espacio/línea blanca del contenedor de footer de Astra */
.site-below-footer-wrap,
.ast-small-footer,
.site-primary-footer-wrap{
  background:#0A0A0C!important;
  padding-top:0!important;padding-bottom:0!important;
  border:0!important;
}
footer.site-footer{background:#0A0A0C!important;border:0!important}


/* ================== MENÚ MÓVIL: texto en negro (el panel de Astra es blanco) ================== */
#ast-mobile-popup .menu-link,
#ast-mobile-popup .menu-item > a,
#ast-mobile-popup .ast-menu-toggle,
#ast-mobile-popup .ast-header-sections-navigation a,
.ast-mobile-popup-drawer .menu-link,
.ast-mobile-popup-drawer .main-header-menu a,
.ast-header-break-point .main-header-menu .menu-link,
.ast-header-break-point .main-header-menu .menu-item > a,
.ast-header-break-point .ast-mobile-header-content .menu-link,
.ast-header-break-point .ast-mobile-header-content a:not(.ast-custom-button-link):not(.ast-button){color:#0A0A0C!important}
#ast-mobile-popup .menu-link:hover,
.ast-header-break-point .main-header-menu .menu-link:hover{color:#E11D28!important}
#ast-mobile-popup .ast-icon svg,
#ast-mobile-popup .ast-menu-toggle svg,
.ast-header-break-point .main-header-menu .ast-menu-toggle svg{fill:#0A0A0C!important}


/* ================== FICHA DE PRODUCTO ==================
   Las reglas de rejilla de la Shop (2 columnas, filtro a la izquierda) usan el mismo contenedor
   .ast-woocommerce-container: en la ficha del anuncio la dejaban aplastada. Aquí se devuelve a flujo normal. */
body.single-product .ast-woocommerce-container{
  display:block!important;max-width:1200px!important;margin:0 auto!important;
  padding-left:24px!important;padding-right:24px!important}
body.single-product .ast-woocommerce-container > *{grid-column:auto!important;grid-row:auto!important}

/* textos legibles sobre el fondo claro de la ficha (salían en blanco) */
body.single-product div.product .summary .price,
body.single-product div.product .summary .price *,
body.single-product div.product .product_meta,
body.single-product div.product .product_meta *,
body.single-product div.product .stock,
body.single-product div.product .summary label,
body.single-product div.product .woocommerce-product-details__short-description,
body.single-product div.product .woocommerce-product-details__short-description *{color:#0A0A0C!important}
body.single-product div.product .summary .price{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:30px}
body.single-product div.product .stock{color:#1a7f37!important}
body.single-product .woocommerce-tabs table.shop_attributes th,
body.single-product .woocommerce-tabs table.shop_attributes td{color:#0A0A0C!important}

/* Tabla de "Veicoli compatibili": la cabecera salía repetida al final (tfoot) */
table.woo-vpf-ymm-product-terms-list-table tfoot,
body.single-product table tfoot{display:none!important}