/* ============================================================
   ForNails — Wyniki wyszukiwania + Toast "Dodano do koszyka" + Lista życzeń
   Własny arkusz mu-pluginu fn-design-search-wishlist.php. Celowo NIEZALEŻNY
   od Woodmart Customizer Additional CSS (post 19068) — inne agenty pracują
   tam równolegle. Korzysta ze wspólnych zmiennych --fn-* (kolory/fonty marki)
   zdefiniowanych globalnie w Additional CSS; poniżej fallbacki (var(--fn-x, #hex))
   na wypadek innej kolejności ładowania arkuszy — wartości fallback 1:1 zgodne
   z :root zdefiniowanym w Additional CSS (zweryfikowane 15.07 na żywym serwerze).
   Zakres: strona wyników wyszukiwania (?s=...), toast po dodaniu do koszyka
   (site-wide — dodawanie do koszyka może się zdarzyć na wielu stronach),
   lista życzeń (/moje-konto/wishlist/). NIE dotyka nagłówka, karty produktu,
   koszyka ani mini-koszyka (drawer) — to zakres innych agentów.
   ============================================================ */

/* ------------------------------------------------------------
   0. Skróty na kolory/fonty marki (fallbacki, zmienne prawdziwe w Additional CSS)
   ------------------------------------------------------------ */
/* --fn-primary:#A34B65 --fn-primary-dark:#7E3A4F --fn-secondary:#2E2321
   --fn-accent:#C9A15A --fn-accent-light:#E4C989 --fn-bg:#FBF7F5
   --fn-bg-soft:#F3E9E5 --fn-border:#DDD0CB --fn-muted:#8B7D77 --fn-text:#2E2321
   --fn-white:#FFFFFF --fn-success:#6B8F71 --fn-sale:#8C2F45 --fn-error:#B3423F
   --fn-font-heading:'Playfair Display',Georgia,serif
   --fn-font-body:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif */

/* ============================================================
   1. WYNIKI WYSZUKIWANIA — body.search-results / body.search-no-results
   Strona istnieje już jako standardowy loop sklepu Woodmart (ten sam
   markup .products.wd-products co PLP/kategoria) — dziedziczy stylowanie
   karty produktu automatycznie. Poniżej wyłącznie delta specyficzna dla
   wyszukiwania: pasek wyników, siatka-zabezpieczenie (scoped tylko do
   search, nigdy nie dotyka PLP/kategorii), pusty stan z sugestią kategorii.
   ------------------------------------------------------------ */
body.search-results .shop-loop-head,
body.search-no-results .shop-loop-head{
  background: var(--fn-bg-soft, #F3E9E5);
  border: 1px solid var(--fn-border, #DDD0CB);
  border-radius: 8px;
  padding: 18px 22px;
  margin-bottom: 26px;
}
body.search-results .wd-breadcrumbs,
body.search-no-results .wd-breadcrumbs{
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 12.5px;
}
body.search-results .wd-breadcrumbs .wd-last,
body.search-no-results .wd-breadcrumbs .wd-last{
  font-family: var(--fn-font-heading, 'Playfair Display', serif);
  font-weight: 600;
  font-size: 14px;
  color: var(--fn-primary, #A34B65);
}
body.search-results .woocommerce-result-count,
body.search-no-results .woocommerce-result-count{
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 12.5px;
  color: var(--fn-muted, #8B7D77);
  margin: 8px 0 0;
}
body.search-results .woocommerce-ordering select.orderby,
body.search-no-results .woocommerce-ordering select.orderby{
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  color: var(--fn-secondary, #2E2321);
}

/* Siatka wyników — zabezpieczenie SCOPED wyłącznie do body.search-results,
   żeby pod żadnym pozorem nie ruszyć siatki PLP/kategorii (inny agent).
   Nadpisuje inline --wd-col-lg/md/sm (custom properties Woodmart) przez
   bezpośrednie ustawienie grid-template-columns z !important — niezależne
   od tego, jaki mechanizm zmiennych finalnie ustawi agent PLP. */
body.search-results .wd-products-element .products.wd-products,
body.search-no-results .wd-products-element .products.wd-products{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
}
@media (max-width: 1200px){
  body.search-results .wd-products-element .products.wd-products{ grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 782px){
  body.search-results .wd-products-element .products.wd-products{ grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
}
@media (max-width: 420px){
  body.search-results .wd-products-element .products.wd-products{ grid-template-columns: 1fr !important; }
}

/* Pusty stan — komunikat natywny Woo/Woodmart, ostylowany pod markę */
.woocommerce-no-products-found .woocommerce-info{
  background: var(--fn-bg-soft, #F3E9E5);
  border: 1px solid var(--fn-border, #DDD0CB);
  border-left: 3px solid var(--fn-primary, #A34B65);
  border-radius: 6px;
  padding: 20px 24px;
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 14.5px;
  color: var(--fn-secondary, #2E2321);
  margin: 0 0 4px;
  list-style: none;
}
.no-products-footer{
  margin: 26px auto 0;
  max-width: 460px;
}

/* Sugestia kategorii przy 0 wynikach — [woodmart_after_no_product_found],
   patrz fn-design-search-wishlist.php */
.fn-search-suggested{
  margin-top: 30px;
  text-align: center;
}
.fn-search-suggested__title{
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: var(--fn-muted, #8B7D77);
  margin: 0 0 16px;
}
.fn-search-suggested__grid{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.fn-search-suggested__pill{
  display: inline-flex;
  align-items: center;
  padding: 11px 22px;
  border: 1px solid var(--fn-border, #DDD0CB);
  border-radius: 999px;
  background: var(--fn-white, #fff);
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 13px;
  font-weight: 500;
  color: var(--fn-secondary, #2E2321);
  text-decoration: none !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.fn-search-suggested__pill:hover{
  background: var(--fn-primary, #A34B65);
  border-color: var(--fn-primary, #A34B65);
  color: var(--fn-white, #fff) !important;
}

/* ============================================================
   2. TOAST „DODANO DO KOSZYKA" — .fn-toast (site-wide)
   Niezależny od natywnego mechanizmu Woodmart (add_to_cart_action=widget
   na tej instalacji, czyli natywnie otwiera się mini-koszyk w nagłówku —
   to zakres innego agenta, zostawiony bez zmian). Ten toast to DODATKOWA,
   samodzielna warstwa podpięta pod ten sam event jQuery 'added_to_cart',
   żeby nie ruszać #wd-dropdown-cart ani magnific popup (używanych też
   przez quick-view/lightbox gdzie indziej na stronie).
   ------------------------------------------------------------ */
.fn-toast{
  position: fixed;
  top: 100px;
  right: 24px;
  z-index: 99990;
  width: 330px;
  max-width: calc(100vw - 32px);
  background: var(--fn-white, #fff);
  border: 1px solid var(--fn-border, #DDD0CB);
  border-radius: 10px;
  box-shadow: 0 14px 34px rgba(46, 35, 33, .18);
  padding: 16px 40px 16px 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  opacity: 0;
  transform: translateX(28px);
  pointer-events: none;
  transition: opacity .32s ease, transform .32s ease;
}
.fn-toast.is-visible{
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.fn-toast__thumb{
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--fn-bg-soft, #F3E9E5);
}
.fn-toast__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.fn-toast__body{
  flex: 1;
  min-width: 0;
}
.fn-toast__msg{
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 2px 0 5px;
  font-size: 13px;
  font-weight: 600;
  color: var(--fn-success, #6B8F71);
}
.fn-toast__msg svg{
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--fn-success, #6B8F71);
}
.fn-toast__name{
  margin: 0;
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--fn-secondary, #2E2321);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fn-toast__cta{
  flex-shrink: 0;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  background: var(--fn-secondary, #2E2321) !important;
  color: var(--fn-white, #fff) !important;
  border-radius: 4px;
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background .2s ease;
}
.fn-toast__cta:hover{
  background: var(--fn-primary, #A34B65) !important;
}
.fn-toast__close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--fn-muted, #8B7D77);
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.fn-toast__close:hover{
  color: var(--fn-primary, #A34B65);
}

@media (max-width: 600px){
  .fn-toast{
    left: 16px;
    right: 16px;
    bottom: 16px;
    top: auto !important;
    width: auto;
    max-width: none;
    transform: translateY(20px);
  }
  .fn-toast.is-visible{
    transform: translateY(0);
  }
}

/* ============================================================
   3. LISTA ŻYCZEŃ — /moje-konto/wishlist/ (.tinv-wishlist, wtyczka
   ti-woocommerce-wishlist). Markup zweryfikowany na żywo 15.07 (render
   uwierzytelniony przez wp-cli, konto testowe test-qa-14072026, bez
   logowania przez formularz/hasło) — natywnie <table class=
   "tinvwl-table-manage-list">, tu przekonwertowana na siatkę kart przez
   display:grid/flex + reset display na thead/tr/td (bezpieczna, znana
   technika responsywnych tabel). Zakres wyłącznie wewnątrz .tinv-wishlist —
   NIE dotyka sidebaru/zakładek Moje konto (inny agent, fn-design-account).
   ------------------------------------------------------------ */
.tinv-wishlist.woocommerce{
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  color: var(--fn-secondary, #2E2321);
}
.tinv-wishlist .tinv-header h2{
  font-family: var(--fn-font-heading, 'Playfair Display', serif);
  font-weight: 600;
  font-size: 24px;
  color: var(--fn-secondary, #2E2321);
  margin: 0 0 20px;
}
.tinv-wishlist .tinv-header h2::after{
  display: none;
}

/* --- Konwersja tabeli na siatkę kart --- */
.tinvwl-table-manage-list{
  display: block;
  width: 100%;
  border: none;
  border-collapse: collapse;
}
.tinvwl-table-manage-list thead{
  /* screen-reader only — nazwy kolumn nadal dostępne dla czytników ekranu */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.tinvwl-table-manage-list tbody{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 20px;
  width: 100%;
}
.tinvwl-table-manage-list tbody tr.wishlist_item{
  display: flex;
  flex-direction: column;
  position: relative;
  background: var(--fn-white, #fff);
  border: 1px solid var(--fn-border, #DDD0CB);
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.tinvwl-table-manage-list tbody tr.wishlist_item:hover{
  border-color: var(--fn-accent, #C9A15A);
  box-shadow: 0 6px 18px rgba(46, 35, 33, .08);
}
.tinvwl-table-manage-list tbody tr.wishlist_item td{
  display: block;
  width: 100%;
}

/* Checkbox masowego zaznaczania — mały, w rogu, dyskretny.
   UWAGA (zweryfikowane realnym pomiarem getBoundingClientRect/getComputedStyle
   15.07, nie zgadywaniem, kilka rund debugowania): ".product-cb"/".product-remove"
   to nazwy klas z WŁASNEGO CSS wtyczki ti-woocommerce-wishlist
   (assets/css/public.min.css, selektor ".tinv-wishlist .tinvwl-table-manage-list
   .product-cb{width:35px}") — trzeba je przebić !important, co samo w sobie
   działa dla top/right/left/position/height. ALE sam "width: Npx !important"
   NIE WYSTARCZAŁ — przy position:absolute wewnątrz tr{display:flex;
   flex-direction:column} przeglądarka i tak rozwiązywała szerokość na 373px
   (pełna karta), zmierzone i potwierdzone (getComputedStyle.width=373px mimo
   width:32px!important dopasowanego jako jedyna reguła). Jedyne co faktycznie
   przebiło to zjawisko: DODATKOWO max-width (+min-width) z !important obok
   width — potwierdzone eksperymentalnie na żywym DOM. Nie zgaduj i nie usuwaj
   max-width/min-width poniżej, nawet jeśli wygląda na redundantne z width. */
.tinvwl-table-manage-list td.product-cb{
  order: 0 !important;
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 3 !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
}
.tinvwl-table-manage-list td.product-cb input[type="checkbox"]{
  width: 19px !important;
  height: 19px !important;
  margin: 0 !important;
  display: inline-block !important;
  cursor: pointer;
  accent-color: var(--fn-primary, #A34B65);
}

/* Usuń — odznaka w rogu w stylu serca (ikona zamieniona na kontur serca
   przez mask-image, ta sama technika co ikony w fn-design-home.css) */
.tinvwl-table-manage-list td.product-remove{
  order: 0 !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 3 !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
}
.tinvwl-table-manage-list td.product-remove button{
  width: 32px !important;
  height: 32px !important;
  min-width: 0 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid var(--fn-border, #DDD0CB) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 1px 5px rgba(46, 35, 33, .14);
  transition: background .2s ease, transform .15s ease, border-color .2s ease;
}
.tinvwl-table-manage-list td.product-remove button:hover{
  background: var(--fn-primary, #A34B65);
  border-color: var(--fn-primary, #A34B65);
  transform: scale(1.08);
}
.tinvwl-table-manage-list td.product-remove i.ftinvwl-times{
  display: block;
  width: 16px;
  height: 16px;
  font-size: 0;
  color: transparent;
  background-color: var(--fn-primary, #A34B65);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}
.tinvwl-table-manage-list td.product-remove button:hover i.ftinvwl-times{
  background-color: var(--fn-white, #fff);
}

/* Miniatura */
.tinvwl-table-manage-list td.product-thumbnail{
  order: 1;
  aspect-ratio: 1 / 1;
  background: var(--fn-bg-soft, #F3E9E5);
  overflow: hidden;
}
.tinvwl-table-manage-list td.product-thumbnail a,
.tinvwl-table-manage-list td.product-thumbnail img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Nazwa */
.tinvwl-table-manage-list td.product-name{
  order: 2;
  padding: 14px 14px 0;
}
.tinvwl-table-manage-list td.product-name a{
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 13.5px;
  line-height: 1.4;
  color: var(--fn-secondary, #2E2321);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tinvwl-table-manage-list td.product-name a:hover{
  color: var(--fn-primary, #A34B65);
}
.tinvwl-table-manage-list td.product-name dl.variation{
  margin: 6px 0 0;
  font-size: 10.5px;
  color: var(--fn-muted, #8B7D77);
}
.tinvwl-table-manage-list td.product-name dl.variation dt,
.tinvwl-table-manage-list td.product-name dl.variation dd{
  display: inline;
  margin: 0;
}

/* Data dodania — drobna, przyjazna, pod nazwą */
.tinvwl-table-manage-list td.product-date{
  order: 3;
  padding: 4px 14px 0;
  font-size: 10.5px;
  color: var(--fn-muted, #8B7D77);
}

/* Cena */
.tinvwl-table-manage-list td.product-price{
  order: 4;
  padding: 6px 14px 0;
}
.tinvwl-table-manage-list td.product-price .woocommerce-Price-amount{
  font-family: var(--fn-font-heading, 'Playfair Display', serif);
  font-weight: 600;
  font-size: 16px;
  color: var(--fn-secondary, #2E2321);
}

/* Stan magazynowy */
.tinvwl-table-manage-list td.product-stock{
  order: 5;
  padding: 6px 14px 0;
}
.tinvwl-table-manage-list td.product-stock p.stock{
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 500;
}
.tinvwl-table-manage-list td.product-stock p.stock.in-stock{
  color: var(--fn-success, #6B8F71);
}
.tinvwl-table-manage-list td.product-stock p.stock.out-of-stock{
  color: var(--fn-error, #B3423F);
}
.tinvwl-table-manage-list td.product-stock i.ftinvwl{
  font-size: 12px;
}

/* Dodaj do koszyka — przypięty do dołu karty (margin-top:auto na flex) */
.tinvwl-table-manage-list td.product-action{
  order: 6;
  margin-top: auto;
  padding: 12px 14px 14px;
}
.tinvwl-table-manage-list td.product-action button.button{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--fn-secondary, #2E2321) !important;
  color: var(--fn-white, #fff) !important;
  border: none !important;
  border-radius: 4px;
  padding: 11px 12px !important;
  cursor: pointer;
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 12.5px !important;
  font-weight: 600;
  letter-spacing: .2px;
  transition: background .2s ease;
  box-shadow: none !important;
}
.tinvwl-table-manage-list td.product-action button.button:hover{
  background: var(--fn-primary, #A34B65) !important;
}
.tinvwl-table-manage-list td.product-action i.ftinvwl-shopping-cart{
  display: block;
  width: 15px;
  height: 15px;
  font-size: 0;
  color: transparent;
  background-color: var(--fn-white, #fff);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
}

/* --- Pasek działań masowych (tfoot) --- */
.tinvwl-table-manage-list tfoot{
  display: block;
  width: 100%;
}
.tinvwl-table-manage-list tfoot td{
  display: block;
  width: 100%;
  padding: 18px 0 0;
  border-top: 1px solid var(--fn-border, #DDD0CB);
  margin-top: 8px;
}
.tinvwl-table-manage-list tfoot .tinvwl-to-left.look_in,
.tinvwl-table-manage-list tfoot .tinvwl-to-right.look_in{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.tinvwl-table-manage-list tfoot .tinvwl-to-left.look_in{
  margin-bottom: 12px;
}
.tinvwl-table-manage-list tfoot .tinvwl-to-right.look_in{
  justify-content: flex-end;
}
.tinvwl-table-manage-list tfoot select#tinvwl_product_actions{
  height: 40px;
  padding: 0 30px 0 12px;
  border: 1px solid var(--fn-border, #DDD0CB);
  border-radius: 4px;
  background-color: var(--fn-white, #fff);
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 12.5px;
  color: var(--fn-secondary, #2E2321);
}
.tinvwl-table-manage-list tfoot button.button{
  height: 40px;
  padding: 0 18px;
  border-radius: 4px;
  border: 1px solid var(--fn-primary, #A34B65);
  background: var(--fn-white, #fff);
  color: var(--fn-primary, #A34B65);
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
.tinvwl-table-manage-list tfoot button.button:hover{
  background: var(--fn-primary, #A34B65);
  color: var(--fn-white, #fff);
}

/* --- Pusty stan --- */
.tinv-wishlist .cart-empty.woocommerce-info{
  background: var(--fn-bg-soft, #F3E9E5);
  border: 1px solid var(--fn-border, #DDD0CB);
  border-radius: 8px;
  padding: 42px 30px !important;
  text-align: center;
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 14.5px;
  color: var(--fn-secondary, #2E2321);
  margin: 0 0 4px;
  list-style: none;
}
.tinv-wishlist .cart-empty.woocommerce-info::before{
  content: "";
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto 18px;
  background-color: var(--fn-primary, #A34B65);
  opacity: .85;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}
.tinv-wishlist .return-to-shop{
  text-align: center;
  margin: 22px 0 0;
}
/* Selektor bardziej specyficzny niż ".woocommerce a.button.wc-backward" z
   fn-design-cart.css, więc wygrywa TYLKO tutaj (lista życzeń) bez dotykania
   pliku koszyka ani jego stylu gdzie indziej. */
.tinv-wishlist.woocommerce .return-to-shop .button.wc-backward{
  display: inline-block;
  background: var(--fn-primary, #A34B65) !important;
  color: var(--fn-white, #fff) !important;
  border: none !important;
  border-radius: 4px;
  padding: 13px 32px !important;
  font-family: var(--fn-font-body, 'Poppins', sans-serif) !important;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none !important;
}
.tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:hover{
  background: var(--fn-primary-dark, #7E3A4F) !important;
}

/* --- Paginacja (defensywnie, na wypadek >10 pozycji) --- */
.tinv-lists-nav{
  margin-top: 26px;
  text-align: center;
}
.tinv-lists-nav a,
.tinv-lists-nav span.page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  margin: 0 3px;
  padding: 0 8px;
  border: 1px solid var(--fn-border, #DDD0CB);
  border-radius: 4px;
  font-family: var(--fn-font-body, 'Poppins', sans-serif);
  font-size: 13px;
  color: var(--fn-secondary, #2E2321);
  text-decoration: none;
}
.tinv-lists-nav .current,
.tinv-lists-nav span.page-numbers.current{
  background: var(--fn-primary, #A34B65);
  border-color: var(--fn-primary, #A34B65);
  color: var(--fn-white, #fff);
}
.tinv-lists-nav a:hover{
  border-color: var(--fn-primary, #A34B65);
  color: var(--fn-primary, #A34B65);
}

/* --- Mobile --- */
@media (max-width: 600px){
  .tinvwl-table-manage-list tbody{
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .tinv-wishlist .tinv-header h2{
    font-size: 20px;
  }
  .tinvwl-table-manage-list tfoot .tinvwl-to-right.look_in{
    justify-content: stretch;
  }
  .tinvwl-table-manage-list tfoot .tinvwl-to-right.look_in button.button{
    flex: 1;
  }
}
@media (max-width: 400px){
  .tinvwl-table-manage-list tbody{
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   KONIEC fn-design-search-wishlist.css
   ============================================================ */