/* --------------------------------------------------------------------
   Tendermeat.shop (ABstore / WAPRO B2B) - custom CSS v4
   Spojny wyglad z nowa strona tendermeat.pl (obecnie baqunia.pl)
   v3 (23.09.2026, uwagi z maila): wyszukiwarka, newsletter, ilosc +/-,
   DO KOSZYKA w kolorze marki, mniejsze nazwy kategorii, czytelna stopka
   v4: powiadomienia z bialym tekstem, caly zolty akcent skorki (#FBD766)
   zamieniony na oliwkowy marki #5e5e4e
   Zmiany wzgledem v1:
   - dodany font Inter do importu (przyciski go uzywaja, a nie byl ladowany)
   - style przyciskow zawezone do .btn i przyciskow wysylki formularza,
     zeby nie psuc ikonek (lupa, koszyk, +/-, hamburger, widget dostepnosci)
   - kolor linkow nie nadpisuje juz linkow-przyciskow (.btn)
   - usuniete globalne odstepy dla kazdego <section> (dublowaly odstepy sklepu)
   - naglowki h3/h4 nie dotykaja widgetu dostepnosci
   - pola formularzy jak w formularzu B2B na tendermeat.pl (tlo #f3f3f0, rogi 4px)
-------------------------------------------------------------------- */

/* 1. Fonty marki - te same co na tendermeat.pl */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&family=Cinzel:wght@500&family=Open+Sans:wght@400;500;600&family=Inter:wght@700&display=swap');

:root {
  --tm-color-dark: #2e2c27;   /* naglowki i ciemny tekst na jasnym tle */
  --tm-color-body: #666666;   /* akapity na jasnym tle */
  --tm-color-olive: #5e5e4e;  /* oliwkowe tlo, przyciski "Primary Imported" */
  --tm-color-field: #f3f3f0;  /* tlo pol formularza (jak w formularzu B2B) */
  --tm-color-white: #ffffff;

  --tm-font-heading-1: 'Cormorant Garamond', serif;
  --tm-font-heading-2: 'Cinzel', serif;
  --tm-font-body: 'Open Sans', sans-serif;
  --tm-font-button: 'Inter', sans-serif;

  --tm-space-md: 25px;
}

/* 2. Typografia */
body {
  font-family: var(--tm-font-body) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
  color: var(--tm-color-body) !important;
}

h1, .h1 {
  font-family: var(--tm-font-heading-1) !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 6px !important;
  color: var(--tm-color-dark) !important;
  font-size: clamp(28px, 2vw + 20px, 48px) !important;
}

h2, .h2 {
  font-family: var(--tm-font-heading-2) !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--tm-color-dark) !important;
  font-size: clamp(20px, 1vw + 16px, 28px) !important;
}

h3:not([class*="aifnmjmchg"]), .h3,
h4:not([class*="aifnmjmchg"]), .h4 {
  font-family: var(--tm-font-heading-2) !important;
  font-weight: 500 !important;
  color: var(--tm-color-dark) !important;
  letter-spacing: 1px !important;
}

p, li, td, .text {
  font-family: var(--tm-font-body) !important;
}

a:not(.btn) {
  color: var(--tm-color-olive);
  transition: color 0.2s ease;
}
a:not(.btn):hover {
  color: var(--tm-color-dark);
}

/* 3. Przyciski - "Primary Imported": oliwkowe tlo, Inter bold uppercase, ostre rogi */
.btn,
button[type="submit"],
input[type="submit"],
input[type="button"] {
  font-family: var(--tm-font-button) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn:not(.btn-sm):not(.btn-xs):not(.btn-link),
button[type="submit"],
input[type="submit"] {
  padding: 16px 24px !important;
}

.btn-primary,
button[type="submit"].btn-primary,
input[type="submit"] {
  background-color: var(--tm-color-olive) !important;
  border: 1px solid var(--tm-color-olive) !important;
  color: var(--tm-color-white) !important;
}
.btn-primary:hover,
input[type="submit"]:hover {
  background-color: var(--tm-color-dark) !important;
  border-color: var(--tm-color-dark) !important;
  color: var(--tm-color-white) !important;
}

.btn-default,
.btn-secondary {
  background-color: transparent !important;
  border: 2px solid var(--tm-color-olive) !important;
  color: var(--tm-color-olive) !important;
}
.btn-default.btn-default:hover,
.btn-secondary.btn-secondary:hover {
  background-color: var(--tm-color-olive) !important;
  color: var(--tm-color-white) !important;
}

.btn-sm {
  padding: 10px 24px !important;
}

/* 4. Formularze - jak w formularzu rejestracji B2B na tendermeat.pl */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
select,
textarea {
  font-family: var(--tm-font-body) !important;
  background-color: var(--tm-color-field) !important;
  border: 1px solid var(--tm-color-field) !important;
  border-radius: 4px !important;
  color: var(--tm-color-dark) !important;
}
input:focus,
select:focus,
textarea:focus {
  border-color: var(--tm-color-olive) !important;
  box-shadow: 0 0 0 2px rgba(94, 94, 78, 0.15) !important;
  outline: none !important;
}

label {
  font-family: var(--tm-font-body) !important;
  font-weight: 600 !important;
  color: var(--tm-color-dark) !important;
}

/* 5. Pasek cookies - ostre rogi i mniejszy font jak reszta przyciskow */
[class*="cookie"] .btn,
[id*="cookie"] .btn,
[class*="cookie"] button,
[id*="cookie"] button {
  border-radius: 0 !important;
  font-family: var(--tm-font-button) !important;
  font-size: 12px !important;
  padding: 10px 16px !important;
}

/* 6. Odstepy boczne kontenera (szerokosc 1350px zostaje natywna ABstore) */
.container,
.container-fluid {
  padding-left: var(--tm-space-md) !important;
  padding-right: var(--tm-space-md) !important;
}

@media (max-width: 1024px) {
  .container, .container-fluid {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 767px) {
  h1, .h1 { letter-spacing: 3px !important; }
  .btn:not(.btn-sm):not(.btn-xs):not(.btn-link),
  button[type="submit"],
  input[type="submit"] {
    padding: 12px 20px !important;
  }
}

@media (min-width: 1440px) {
  .container, .container-fluid {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (min-width: 1920px) {
  .container, .container-fluid {
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* --------------------------------------------------------------------
   7. Poprawki v3 - uwagi z maila
-------------------------------------------------------------------- */

/* 7a. Wyszukiwarka w naglowku - przycisk tej samej wysokosci co pole,
       "Zaawansowane" nie nachodzi na przycisk */
.abs-header-content-search .input-group {
  display: flex !important;
  align-items: stretch !important;
}
.abs-header-content-search input[type="text"],
.abs-header-content-search input[type="search"] {
  height: 44px !important;
  padding: 0 14px !important;
  line-height: 44px !important;
  border-radius: 0 !important;
}
.abs-header-content-search .input-group-btn {
  width: auto !important;
}
.abs-header-content-search .input-group-btn .btn,
.abs-header-content-search button {
  height: 44px !important;
  width: 52px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 44px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: var(--tm-color-olive) !important;
  color: var(--tm-color-white) !important;
}
.abs-header-content-search .input-group-btn .btn:hover,
.abs-header-content-search button:hover {
  background-color: var(--tm-color-dark) !important;
}
.abs-header-content-search .abs-search-options-links {
  padding-top: 6px !important;
  line-height: 1.4 !important;
}
.abs-header-content-search .abs-search-options-links a {
  color: var(--tm-color-body) !important;
  font-size: 12px !important;
}

/* 7b. Newsletter - pole i przycisk w jednej linii, ta sama wysokosc */
.newsletter-form .input-group,
.abs-newsletter-panel .input-group {
  display: flex !important;
  align-items: stretch !important;
}
.newsletter-form input[type="text"],
.newsletter-form input[type="email"],
.abs-newsletter-panel input[type="text"],
.abs-newsletter-panel input[type="email"] {
  height: 44px !important;
  padding: 0 14px !important;
  line-height: 44px !important;
  border-radius: 0 !important;
}
.newsletter-form .input-group-btn .btn,
.newsletter-form button,
.abs-newsletter-panel .input-group-btn .btn,
.abs-newsletter-panel button {
  height: 44px !important;
  min-width: 52px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  line-height: 44px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: var(--tm-color-olive) !important;
  color: var(--tm-color-white) !important;
}

/* 7c. Ilosc (kg) - male kwadratowe przyciski -/+ i czytelne pole na liczbe */
.touch-qnt .input-group {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
}
.touch-qnt .input-group > .input-group-btn > button,
.touch-qnt .input-group > .input-group-btn > .btn {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 38px !important;
  font-family: var(--tm-font-body) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  border: 1px solid #d5d5d5 !important;
  border-radius: 0 !important;
  background-color: var(--tm-color-field) !important;
  color: var(--tm-color-dark) !important;
}
.touch-qnt .input-group > .input-group-btn > button:hover,
.touch-qnt .input-group > .input-group-btn > .btn:hover {
  background-color: var(--tm-color-olive) !important;
  border-color: var(--tm-color-olive) !important;
  color: var(--tm-color-white) !important;
}
.touch-qnt input,
.touch-qnt input.has-number-spinner {
  width: 64px !important;
  min-width: 64px !important;
  height: 40px !important;
  padding: 0 4px !important;
  line-height: 40px !important;
  text-align: center !important;
  border: 1px solid #d5d5d5 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background-color: var(--tm-color-white) !important;
}

/* 7d. DO KOSZYKA - oliwkowy przycisk marki zamiast zoltego */
.abs-add-to-cart .btn:not(.input-group-btn .btn):not(.touch-qnt .btn),
.to-cart-button-wrap .btn,
.offer-add-to-cart .btn,
.offer-add-to-cart button {
  background-color: var(--tm-color-olive) !important;
  background-image: none !important;
  border: 1px solid var(--tm-color-olive) !important;
  border-radius: 0 !important;
  color: var(--tm-color-white) !important;
  box-shadow: none !important;
}
.abs-add-to-cart .btn:not(.input-group-btn .btn):not(.touch-qnt .btn):hover,
.to-cart-button-wrap .btn:hover,
.offer-add-to-cart .btn:hover,
.offer-add-to-cart button:hover {
  background-color: var(--tm-color-dark) !important;
  border-color: var(--tm-color-dark) !important;
}

/* DO PRZECHOWALNI / POROWNAJ - spokojny obrys zamiast szarych "pigulek" */
.abs-extra-btns .btn,
.abs-add-to-storage .btn,
.abs-add-to-compare .btn,
.abs-storage-btn,
.abs-add-to-storage.btn,
.abs-add-to-compare.btn {
  background-color: transparent !important;
  border: 1px solid #d5d5d5 !important;
  border-radius: 0 !important;
  color: var(--tm-color-body) !important;
  font-size: 12px !important;
  padding: 8px 14px !important;
  box-shadow: none !important;
}
.abs-extra-btns .btn:hover,
.abs-add-to-storage .btn:hover,
.abs-add-to-compare .btn:hover,
.abs-storage-btn:hover,
.abs-add-to-storage.btn:hover,
.abs-add-to-compare.btn:hover {
  border-color: var(--tm-color-olive) !important;
  color: var(--tm-color-olive) !important;
}

/* 7e. Nazwy kategorii w kafelkach - znacznie mniejsze */
.abs-categories-intro .abs-subcategory-name h2,
.abs-subcategory-name h2 {
  font-size: 15px !important;
  letter-spacing: 1px !important;
  line-height: 1.4 !important;
  margin: 10px 0 0 !important;
}
.abs-categories-intro .abs-subcategory-name h2 .abs-count {
  font-family: var(--tm-font-body) !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  color: #999999 !important;
}

/* 7f. Stopka na ciemnym tle - jasny, czytelny tekst i linki */
footer,
footer p,
footer li,
footer td,
footer span {
  color: #cfcdc4 !important;
}
footer h1, footer h2, footer h3, footer h4, footer h5 {
  color: var(--tm-color-white) !important;
}
footer a:not(.btn) {
  color: #e8e6de !important;
}
footer a:not(.btn):hover {
  color: var(--tm-color-white) !important;
  text-decoration: underline;
}

/* --------------------------------------------------------------------
   8. v4 - powiadomienia i zolty akcent skorki -> oliwkowy marki
-------------------------------------------------------------------- */

/* 8a. Powiadomienia ("Jestes zalogowany", "Twoje haslo..." itp.) - bialy tekst */
div.notify {
  background-color: var(--tm-color-olive) !important;
  border-top-color: var(--tm-color-olive) !important;
  color: var(--tm-color-white) !important;
  border-radius: 0 !important;
}
div.notify.notify_warn {
  background-color: #414136 !important;
  border-top-color: #414136 !important;
}
div.notify.notify_fail {
  background-color: #a72925 !important;
  border-top-color: #922420 !important;
}
div.notify,
div.notify *,
div.notify a:not(.btn) {
  color: var(--tm-color-white) !important;
}
div.notify .abs-icon-remove,
div.notify .abs-icon-close {
  opacity: 0.9 !important;
}

/* 8b. Przyciski "success" (m.in. DO KOSZYKA) - oliwkowe zamiast zoltych */
.btn-success,
.btn-success.disabled,
.btn-success[disabled],
.custom-form button,
body.filters-expanded #filtersShowResultButton,
.findermode.filters-expanded .finder-search-btn {
  background: var(--tm-color-olive) !important;
  border-color: var(--tm-color-olive) !important;
  color: var(--tm-color-white) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.custom-form button:hover,
.custom-form button:focus {
  background: var(--tm-color-dark) !important;
  border-color: var(--tm-color-dark) !important;
  color: var(--tm-color-white) !important;
}
.btn-success .badge,
.custom-form button .badge {
  color: var(--tm-color-olive) !important;
  background-color: var(--tm-color-white) !important;
}

/* 8c. Pozostale zolte akcenty skorki (tla) */
.label-success,
.progress-bar-success,
.nouislider-widget .noUi-connect,
.abs-counter-icon,
#knobActiveColor,
.switch-container input:checked + .slider,
.abs-info-label,
#discount-suggestion .abs-value,
.carts-list .cart-entry:not(.disabled):not(.other-truck) .cart-positions-count,
.abs-search-filters-attributes div.checkbox.active label .badge,
.dc3 .cssload-dot,
#topAppHeader ul.nav-pills > li.lmin-indicator .indicator .progress,
.abs-header-content-buttons ul.nav-pills > li.lmin-indicator .indicator .progress,
.abs-header-mobile-menu ul.nav-pills > li.lmin-indicator .indicator .progress,
.user-panel ul.nav-pills > li.lmin-indicator .indicator .progress {
  background: var(--tm-color-olive) !important;
  color: var(--tm-color-white) !important;
}

/* 8d. Pozostale zolte akcenty skorki (tekst) */
.abs-text-available,
.abs-balance-plus,
.search-list-item .highlighted,
.abs-panel-special-success > .panel-heading,
.abs-money-saved,
.abs-cart-notice-layout .abs-money-discount > div:first-child,
.free-delivery li:not(.delivery-name) .abs-value,
.free-delivery-missing-price li span.abs-value,
.abs-voucher-code.abs-voucher-code-applied .abs-col-voucher-code-info,
.abs-offer-condition-group a.abs-offer-condition-item.abs-inline-hint-valid,
.abs-offer-condition-group a.abs-offer-order-condition-item.abs-inline-hint-valid,
.enum-contractstatus-signed span:last-child::before,
.logistics-popover .logistics-popover-content .ico:before,
.selectable.it-slctd .selectable-icon,
#topAppHeader ul.nav-pills > li.lmin-indicator .indicator .progress-text,
.abs-header-content-buttons ul.nav-pills > li.lmin-indicator .indicator .progress-text {
  color: var(--tm-color-olive) !important;
}

/* 8e. Pozostale zolte akcenty skorki (obramowania) */
.abs-locked-sale-info.value-is-plain-text,
.carts-list .cart-entry.active,
.carts-list .cart-entry:not(.active):not(.disabled):not(.other-truck):hover,
.abs-panel-special-success,
.it-slctd,
#topAppHeader ul.nav-pills > li.lmin-indicator .indicator,
.abs-header-content-buttons ul.nav-pills > li.lmin-indicator .indicator,
form[name='ajax-fts'] div.checkbox.active label,
.offer-filter-panel div.checkbox.active label,
.finder-search div.checkbox.active label {
  border-color: var(--tm-color-olive) !important;
}
.abs-money-saved {
  border-top-color: var(--tm-color-olive) !important;
}
.abs-custom-select-trigger:focus {
  border-color: var(--tm-color-olive) !important;
  box-shadow: 0 0 0 2px rgba(94, 94, 78, 0.15) !important;
}

/* --------------------------------------------------------------------
   9. Poprawki v5 (23.09.2026, uwagi Oli po zalogowaniu na test Wiktor):
   - menu jezyka/waluty/konta w naglowku na niebiesko -> kolory marki
   - ikonka lupy w wyszukiwarce rozjechana (globalna regula .btn z
     sekcji 3 wygrywala specyficznoscia z regula z sekcji 7a) i nie
     byla biala (ikony to obrazki SVG w tle ::before, "color" ich nie
     farbuje - potrzebny filter)
   - to samo dla ikony koszyka "Zmien koszyk" i strzalki w
     "Widocznych na stronie" po najechaniu/otwarciu
   - numery stron w paginacji na szaro-niebiesko -> ciemny kolor marki
   - kafelki kategorii roznej wysokosci gdy nazwa zawija sie do 2 linii
   -------------------------------------------------------------------- */

/* 9a. Menu jezyka / waluty / konta klienta w naglowku - bez niebieskiego */
a.dropdown-toggle.abs-not-btn,
.abs-not-btn {
  color: var(--tm-color-dark) !important;
}
html body a.dropdown-toggle.abs-not-btn:hover,
html body .abs-not-btn:hover,
a.dropdown-toggle.abs-not-btn.abs-not-btn:hover {
  color: var(--tm-color-olive) !important;
}

/* 9b. Wysrodkowanie przycisku lupy w wyszukiwarce naglowka - ta sama
   specyficznosc (3 klasy + 1 :not) co globalna regula .btn z sekcji 3,
   wygrywa kolejnoscia w pliku */
.abs-header-content-search .input-group-btn .btn:not(.btn-link),
.abs-header-content-search button:not(.btn-link) {
  padding: 0 !important;
}

/* 9c. Ikony SVG w tle (::before) - zawsze biale gdy przycisk ma stale
   oliwkowe tlo (lupa w naglowku), biale dopiero po najechaniu/otwarciu
   gdy .btn-default zmienia tlo z bialego na oliwkowe (lupa w koszyku,
   "Zmien koszyk", strzalka w "Widocznych na stronie") */
.abs-header-content-search .abs-icon-search::before {
  filter: brightness(0) invert(1) !important;
}
.btn-default.btn-default:hover .abs-icon-search::before,
.btn-default.btn-default:focus .abs-icon-search::before,
.btn-default.btn-default.active .abs-icon-search::before,
.open > .btn-default.btn-default.dropdown-toggle .abs-icon-search::before,
.btn-default.btn-default:hover .abs-icon-cart::before,
.btn-default.btn-default:focus .abs-icon-cart::before,
.btn-default.btn-default.active .abs-icon-cart::before,
.open > .btn-default.btn-default.dropdown-toggle .abs-icon-cart::before,
.btn-default.btn-default:hover .caret,
.btn-default.btn-default:focus .caret,
.btn-default.btn-default.active .caret,
.open > .btn-default.btn-default.dropdown-toggle .caret {
  filter: brightness(0) invert(1) !important;
}

/* przyciski .btn-default (obrys) - dodane stany :focus/.active/otwarty
   dropdown obok juz istniejacego :hover, np. dla "Widocznych na stronie" */
.btn-default.btn-default:focus,
.btn-default.btn-default.active,
.open > .btn-default.btn-default.dropdown-toggle,
.btn-secondary.btn-secondary:focus,
.btn-secondary.btn-secondary.active {
  background-color: var(--tm-color-olive) !important;
  color: var(--tm-color-white) !important;
}

/* 9d. Numery stron w paginacji - ciemny kolor marki zamiast
   szaro-niebieskiego */
.pagination a,
.pagination > li > a {
  color: var(--tm-color-dark) !important;
}
.pagination a:hover,
.pagination > li > a:hover {
  color: var(--tm-color-olive) !important;
}

/* 9e. Kafelki kategorii - rowna wysokosc niezaleznie od tego czy nazwa
   zmiesci sie w jednej czy w dwoch liniach */
.abs-subcategory-name h2,
.abs-categories-intro .abs-subcategory-name h2 {
  min-height: 42px !important;
}

/* --------------------------------------------------------------------
   10. Poprawka v6 (23.09.2026, uwaga Oli): przycisk "W koszyku" na
   kafelku produktu byl niebieski (domyslny Bootstrap .btn-info) ->
   kolor marki #81754d
   -------------------------------------------------------------------- */
.btn-info,
.btn-info.cart-btn {
  background-color: #81754d !important;
  border-color: #81754d !important;
  color: #ffffff !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.active,
.btn-info.cart-btn:hover,
.btn-info.cart-btn:focus {
  background-color: #6e6341 !important;
  border-color: #6e6341 !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------
   11. Poprawka v6 cd.: aktywny numer strony w paginacji mial granatowe
   tlo (Bootstrap .active domyslnie #2c3e50) -> kolor marki
   -------------------------------------------------------------------- */
.pagination a.current-page.active,
.pagination .active > a,
.pagination > .active > a {
  background-color: var(--tm-color-dark) !important;
  border-color: var(--tm-color-dark) !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------
   12. Poprawka v8 (23.09.2026, kolejne uwagi Oli - dalej niebieskie):
   - ikonki w gornym pasku (konto, koszyk, przechowalnia, porownaj) mialy
     domyslny granatowy kolor Bootstrapa (#2c3e50) - teraz czarny/ciemny
     marki (SVG w tle, wiec tylko filter dziala, nie color)
   - boks "SZUKAJ" w sidebarze (i inne wystapienia poza naglowkiem) mial
     szare tlo i szara/nie-biala ikonke zamiast oliwkowego przycisku jak
     w naglowku glownym
   - aktywna zakladka "Cechy/Koszty dostawy/Zapytaj o produkt" na karcie
     produktu (nav-pills) mialy granatowe tlo Bootstrapa zamiast koloru marki
   -------------------------------------------------------------------- */

/* 12a. Ikonki gornego paska - koszyk / przechowalnia / porownaj / konto */
.abs-icon-cart::before,
.abs-icon-storage::before,
.abs-icon-compare::before,
.abs-icon-user::before {
  filter: brightness(0) !important;
}

/* 12b. Kazdy przycisk wyszukiwania (nie tylko w glownym naglowku) -
   oliwkowe tlo, biala ikonka */
.search-wrapper .btn.btn-default,
.abs-search-input-holder .btn.btn-default {
  background-color: var(--tm-color-olive) !important;
  border-color: var(--tm-color-olive) !important;
}
.search-wrapper .btn.btn-default .abs-icon-search::before,
.abs-search-input-holder .btn.btn-default .abs-icon-search::before {
  filter: brightness(0) invert(1) !important;
}

/* 12c. Aktywna zakladka Cechy/Koszty dostawy/Zapytaj o produkt na karcie
   produktu (nav-pills) - granatowe tlo Bootstrapa -> kolor marki */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.abs-special-tabs > li.active > a,
.abs-special-tabs > li.active > a:hover,
.abs-special-tabs > li.active > a:focus,
ul.nav-pills > li.active > a[href],
ul.abs-special-tabs > li.active > a[href] {
  background-color: var(--tm-color-dark) !important;
  color: #ffffff !important;
}
.nav-pills > li.active > a .abs-icon-tab::before,
.abs-special-tabs > li.active > a .abs-icon-tab::before {
  filter: brightness(0) invert(1) !important;
}

/* --------------------------------------------------------------------
   13. Poprawka v9 (23.09.2026): cena "Wartosc" w mini-koszyku
   (dropdown po najechaniu na ikone koszyka w naglowku) byla granatowa
   (#2c3e50) - na prosbe Oli kolor zloty marki #81754d
   -------------------------------------------------------------------- */
.abs-item-price-amount {
  color: #81754d !important;
}

/* --------------------------------------------------------------------
   14. Poprawka v10 (23.09.2026): przycisk "zapisz" (ptaszek) w
   Newsletterze mial czarna ikonke (SVG w tle, jak inne ikonki) i caly
   rzad input+guzik wystawal poza karte, bo globalny padding .btn
   (16px 24px z sekcji 3) rozpychal guzik, a otaczajacy .input-group-btn
   kurczyl sie w flexboxie zamiast trzymac swoj rozmiar
   -------------------------------------------------------------------- */
.newsletter-form .input-group-btn.input-group-btn {
  flex: 0 0 44px !important;
  width: 44px !important;
}
.newsletter-form .input-group-btn .btn.btn {
  padding: 0 !important;
  min-width: 44px !important;
  width: 44px !important;
}
.newsletter-form .abs-icon-subscribe::before {
  filter: brightness(0) invert(1) !important;
}

/* --------------------------------------------------------------------
   15. Poprawka v11 (23.09.2026): lupa w przyciskach wyszukiwania byla
   przesunieta w dol wzgledem srodka guzika - domyslny vertical-align
   ikony to "baseline" (dopasowanie do linii tekstu, nie do srodka),
   przy line-height 44px na guziku to wypycha ikonke nizej
   -------------------------------------------------------------------- */
.btn .abs-icon-search,
.btn .abs-icon-cart,
.btn .abs-icon-tab,
.btn .caret {
  vertical-align: middle !important;
}

/* --------------------------------------------------------------------
   16. Poprawka v12 (23.09.2026): lupa w bocznym boksie "SZUKAJ" nadal
   za nisko - guzik tam NIE mial nadpisanego paddingu (zostal domyslny
   16px 24px z sekcji 3, w przeciwienstwie do naglowka/newslettera gdzie
   juz go zerowalismy), przez co wysokosc/wyrownanie guzika bylo inne
   niz ikonki wewnatrz - jawnie wymuszamy ten sam kwadratowy 44x44 guzik
   -------------------------------------------------------------------- */
.search-wrapper .btn.btn-default.btn-default {
  padding: 0 !important;
  min-width: 44px !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
}

/* --------------------------------------------------------------------
   17. Poprawka v13 (23.09.2026): po wyrownaniu guzika lupy w bocznym
   boksie "SZUKAJ" do 44px, pole tekstowe obok zostalo nizsze (38px) -
   wyrownanie wysokosci pola do guzika
   -------------------------------------------------------------------- */
.search-wrapper .input-group input.form-control {
  height: 44px !important;
}

/* --------------------------------------------------------------------
   18. Poprawka v14 (23.09.2026): tytul produktu na karcie produktu
   (h1.abs-product-name) byl za duzy (48px) i zawijal sie na 7 linii
   w waskiej kolumnie - zmniejszenie rozmiaru i odstepu liter
   -------------------------------------------------------------------- */
h1.abs-product-name.abs-product-name {
  font-size: 24px !important;
  line-height: 1.25 !important;
  letter-spacing: 2px !important;
}

/* --------------------------------------------------------------------
   19. Poprawka v15 (23.09.2026): guzik "Usun" w Przechowalni (ikonka
   serca + tekst) mial kolor granatowy zamiast czarnego
   -------------------------------------------------------------------- */
.abs-rm-from-storage.abs-rm-from-storage,
.abs-rm-from-storage.abs-rm-from-storage .abs-storage-action-label,
.abs-rm-from-storage.abs-rm-from-storage .abs-icon-storage-rm {
  color: #000000 !important;
}

/* --------------------------------------------------------------------
   20. Poprawka v16 (23.09.2026): pasek "Saldo" na stronie Rozrachunki
   mial granatowe tlo (#2c3e50) - zmiana na czarne dla lepszego kontrastu
   -------------------------------------------------------------------- */
.abs-balance-panel .panel-heading.panel-heading,
.panel-primary.abs-balance-panel > .panel-heading {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

/* --------------------------------------------------------------------
   21. Poprawka v17 (23.09.2026): glowne menu w naglowku (Dostawa i
   platnosc, Wolowina, Jagniecina, ... Kontakt, oraz ikonka domku) mialo
   domyslny granatowy kolor Bootstrapa - teraz czarny, po najechaniu
   podswietlenie na zloty kolor marki #81754d
   -------------------------------------------------------------------- */
.abs-header-menu-main .navbar-nav.navbar-nav > li > a,
.abs-header-menu-main .navbar-nav.navbar-nav > li > a:visited {
  color: #000000 !important;
}
.abs-header-menu-main .navbar-nav.navbar-nav > li > a:hover,
.abs-header-menu-main .navbar-nav.navbar-nav > li > a:focus,
.abs-header-menu-main .navbar-nav.navbar-nav > li.open > a {
  color: #81754d !important;
}

/* --------------------------------------------------------------------
   22. Poprawka v18 (23.09.2026): w mega-menu naglowka (rozwijane
   kategorie np. "Wolowina") kategorie bez podkategorii (np. "Wolowina
   Wagyu", "Gulasz wolowy") byly renderowane jako samotny naglowek
   kolumny (li.abs-mega-menu-header bez rodzenstwa) i mialy taki sam
   duzy rozmiar (18px) jak prawdziwe naglowki kolumn (np. "Steki
   wolowe", ktore MAJA podkategorie) - wizualnie nierowny rozmiar
   pozycji w tym samym poziomie. Naprawione: naglowek bez rodzenstwa
   (:only-child, czyli kategoria-lisc bez wlasnych podkategorii)
   dostaje ten sam rozmiar co zwykle pozycje listy (14px)
   -------------------------------------------------------------------- */
.abs-mega-menu-links-box li.abs-mega-menu-header.abs-mega-menu-header:only-child {
  margin: 0 !important;
}
.abs-mega-menu-links-box li.abs-mega-menu-header.abs-mega-menu-header:only-child > a {
  font-size: 14px !important;
  padding: 3px 5px !important;
}

/* --------------------------------------------------------------------
   23. Poprawka v19 (23.09.2026): guzik "Zapytaj o produkt" w panelu
   wynikow wyszukiwania (gdy brak produktow spelniajacych kryteria) mial
   tekst w dokladnie tym samym oliwkowym kolorze co wlasne tlo
   (rgb(94,94,78) na rgb(94,94,78)) - niewidoczny napis
   -------------------------------------------------------------------- */
.abs-ask-product-btn.abs-ask-product-btn {
  color: #ffffff !important;
}

/* --------------------------------------------------------------------
   24. Poprawka v20 (23.09.2026): etykieta checkboxa "Szukaj takze w
   opisach produktow" w panelu wynikow wyszukiwania miala kontener
   zawezony do samej ikonki (44px, white-space:nowrap, overflow:visible),
   a wlasciwy tekst opisowy renderowal sie NIEPRZYCIETY poza granicami
   tego kontenera i poza cala ramka popupu wyszukiwania. Naprawione:
   kontener rozszerza sie automatycznie do szerokosci tekstu (mieści się
   w dostepnej przestrzeni wiersza), zamiast pozwalac tekstowi wystawac
   poza wlasne granice
   -------------------------------------------------------------------- */
.abs-suggestion-panel .panel-filter .desc-filter.desc-filter {
  flex: 0 0 auto !important;
  width: 270px !important;
  max-width: none !important;
}
.abs-suggestion-panel .panel-filter .filter-description-search-btn.filter-description-search-btn,
.panel-filter .desc-filter .filter-description-search-btn.filter-description-search-btn {
  width: 100% !important;
  min-width: 44px !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

/* --------------------------------------------------------------------
   25. Poprawka v21 (23.09.2026): checkbox "Szukaj takze w opisach
   produktow" w panelu wynikow wyszukiwania byl w srodku owiniety w
   span.btn.btn-default - element ten byl niezamierzenie lapany przez
   nasze wczesniejsze reguly kolorujace przyciski wyszukiwania na
   oliwkowo (v8/v12, .search-wrapper .btn.btn-default /
   .abs-search-input-holder .btn.btn-default), przez co caly checkbox
   renderowal sie jako pelny oliwkowy kwadrat/kolko (w zaleznosci od
   kontekstu: naglowek vs boczny SZUKAJ) bez zadnej ikonki w srodku -
   niezrozumiale "czarne pole". Po poprawce v20 (poszerzenie kontenera)
   ten blok stal sie w pelni widoczny zamiast byc wczesniej czesciowo
   ucziety/niewidoczny. Naprawione: zresetowanie stylu przycisku na tym
   konkretnym elemencie z powrotem do "bez tla/bez obwodki", zeby
   checkbox wygladal jak zwykly checkbox z opisem, a nie jak przycisk
   -------------------------------------------------------------------- */
.abs-suggestion-panel .desc-filter .btn.btn-default,
.abs-suggestion-panel .avail-filter .btn.btn-default {
  background-color: transparent !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 4px 0 !important;
  line-height: normal !important;
}

/* --------------------------------------------------------------------
   26. Poprawka v22 (23.09.2026): przycisk "Zapytaj o produkt" mial
   wymuszony bialy tekst (v19) zakladajac ze zawsze siedzi na oliwkowym
   tle - to prawda w dymku podpowiedzi wyszukiwania (tam oliwkowe tlo
   pochodzi z reguly v8/v12 dla .btn.btn-default w kontekscie
   wyszukiwarki), ale na samodzielnej stronie "Wyniki wyszukiwania" ten
   sam przycisk ma przezroczyste tlo (sam obrys), wiec bialy tekst byl
   niewidoczny na jasnym tle strony. Naprawione: przycisk dostaje teraz
   WLASNE, jednolite oliwkowe tlo zawsze, niezaleznie od kontekstu -
   dzieki temu bialy tekst jest czytelny wszedzie
   -------------------------------------------------------------------- */
.abs-ask-product-btn.abs-ask-product-btn {
  background-color: #5e5e4e !important;
  border-color: #5e5e4e !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------
   27. Poprawka v23 (23.09.2026): lista cech produktu na karcie produktu
   ("Dedykowany dla:", "Indeks katalogowy:", "Kraj pochodzenia:" itp.,
   kontener .abs-col-details-description-attributes) miala za duzy font
   (16px) w porownaniu do reszty opisu - zmniejszona do 13px na prosbe
   Oli
   -------------------------------------------------------------------- */
.abs-col-details-description-attributes .abs-list-label,
.abs-col-details-description-attributes .abs-list-value {
  font-size: 13px !important;
}

/* --------------------------------------------------------------------
   28. Poprawka v24 (23.09.2026): zaznaczona pozycja na liscie
   rozwijanego wyboru koszyka (widget bootstrap-multiselect, modal
   "Twoje koszyki") miala domyslne granatowe tlo Bootstrapa (#2c3e50,
   ten sam nawracajacy kolor co w innych miejscach) na <a> wewnatrz
   li.active. Na prosbe Oli usuniete calkowicie - zaznaczona pozycja
   wyglada teraz jak zwykla pozycja listy, bez podswietlenia tla.
   Regula celuje w caly widget multiselect (uzywany rowniez np. w
   "Widocznych na stronie"), zeby usunac ten sam navy highlight
   wszedzie, gdzie ten komponent wystepuje
   -------------------------------------------------------------------- */
.multiselect-container.dropdown-menu > li.active > a,
.multiselect-container.dropdown-menu > li.active > a:hover,
.multiselect-container.dropdown-menu > li.active > a:focus {
  background-color: transparent !important;
  color: #2e2c27 !important;
}

/* --------------------------------------------------------------------
   29. Poprawka v25 (24.09.2026): checkbox "Szukaj takze w opisach
   produktow" (label.filter-description-search-btn) wystepuje na
   stronie w KILKU miejscach (dymek podpowiedzi wyszukiwania - juz
   naprawiony w v21 - ORAZ panel "FILTRY" przy kategoriach/wynikach
   wyszukiwania, .abs-search-core-filters/.product-filter-panel) i w
   tym drugim miejscu byl nadal lapany przez szeroka regule v8/v12
   (.abs-search-input-holder .btn.btn-default) jako pelna oliwkowa
   "pigulka" z paddingiem 16px 24px z globalnej reguly .btn (sekcja 3).
   Zamiast wymieniac wszystkie mozliwe konteksty-kontenery, regula
   celuje bezposrednio w guzik-wrapper KTORY ZAWIERA ten checkbox
   (:has), niezaleznie od tego w jakim miejscu strony sie znajduje -
   dziala wszedzie, nie tylko w dymku podpowiedzi. Przy okazji, na
   prosbe Oli, font opisu checkboxa jest teraz nieco mniejszy (14px -> 12px)
   -------------------------------------------------------------------- */
.btn.btn-default.btn-default:has(.filter-description-search-btn) {
  background-color: transparent !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 4px 0 !important;
  line-height: normal !important;
}
.filter-description-search-btn.filter-description-search-btn {
  font-size: 12px !important;
}

/* --------------------------------------------------------------------
   30. Poprawka v26 (24.09.2026): guzik "WYLACZ WSZYSTKIE FILTRY" w
   panelu FILTRY (widoczny m.in. w mobilnym pelnoekranowym panelu
   filtrow, .abs-filters-fullscreen / .product-filter-panel /
   .abs-filters-panel / .attribute-filter-form) mial domyslny czerwony
   kolor Bootstrapa (.btn-danger) - na prosbe Oli zmieniony na czarny.
   Regula celowo zawezona do kontenerow panelu filtrow, zeby nie
   dotknac ewentualnych innych czerwonych "niebezpiecznych" przyciskow
   (np. potwierdzenia usuniecia) gdzie indziej w sklepie
   -------------------------------------------------------------------- */
.abs-filters-fullscreen .btn-danger,
.product-filter-panel .btn-danger,
.abs-filters-panel .btn-danger,
.attribute-filter-form .btn-danger {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}
.abs-filters-fullscreen .btn-danger:hover,
.product-filter-panel .btn-danger:hover,
.abs-filters-panel .btn-danger:hover,
.attribute-filter-form .btn-danger:hover {
  background-color: #2e2c27 !important;
  border-color: #2e2c27 !important;
  color: #ffffff !important;
}