/* ==========================================================================
   Pagina My Favorites — /my-favorites/ (page-id-549)
   Wishlist utente. Pagina montata in WPBakery (Impreza US Header/Page Builder):
     · banda titolo "My Favorites" (separator 40px + h1 us_custom_a1151c42 + 40px)
     · US Grid prodotti .w-grid.us_product_list layout_213 cols_4 (gap 16px)
       → STESSA card di home / categoria / store (Grid Layout 213).
     · empty state .w-grid-none "No results found.".
   Solo CSS. Auto-caricato dal loader ricorsivo Impreza (css/pages/).
   Scope: body.page-id-549 (id stabile sull'installazione).
   Token colore condivisi con my-account / cart / store.
   ========================================================================== */

.page-id-549 {
  --pmc-fav-dark: #080707;
  --pmc-fav-light: #766f67;
  --pmc-fav-cream: #f9f1e3;
  --pmc-fav-serif: "Lora", Georgia, "Times New Roman", serif;
}

/* ---- Griglia layout_213: row-gap per l'overlap prodotto ----
   La card 213 lascia sporgere il prodotto sopra il box (overlap -44% di
   layout_213, condiviso con home). Col gap default (16px) la riga sotto si
   affolla contro la card sopra. Stessa logica di category-grid.css; qui 4
   colonne (card più strette → poke minore) → row-gap 72px. Column-gap resta
   quello del grid (16px). */
.page-id-549 .w-grid.us_product_list .w-grid-list {
  row-gap: 72px;
}

/* ---- Empty state: nessun preferito ----
   Il messaggio Impreza di default (.w-grid-none) è testo nudo allineato a
   sinistra. Centrato, respiro verticale, tono del design system. */
.page-id-549 .w-grid.us_product_list.no_results .w-grid-none {
  display: block;
  padding: 48px 16px 96px;
  text-align: center;
  font-family: var(--pmc-fav-serif);
  font-size: 22px;
  line-height: 1.4;
  color: var(--pmc-fav-light);
}

/* ---- Responsive ---- */
@media (max-width: 767px) {
  .page-id-549 .w-grid.us_product_list .w-grid-list {
    row-gap: 56px;
  }
  .page-id-549 .w-grid.us_product_list.no_results .w-grid-none {
    padding: 32px 16px 64px;
    font-size: 18px;
  }
}

.page-id-549 .l-canvas.type_wide {
  background: linear-gradient(180deg, #fff3dd 0%, #e1cfac 100%);
}