/* 03.11.2026 PODGLAD (Danusia: „Weź jeden rozmiar ten sam. Nie wiem narożniki 25”): JEDEN wzor przycisku na calej stronie.
   Ta sama wysokosc (48 px), narozniki 25 px, obrys 2 px, ten sam krój i rozmiar tekstu (Poppins 600 16 px).
   Wypelniony (pomaranczowy) albo obrys - tylko kolor sie rozni. Przyciski w parze maja te sama szerokosc.
   Obrys fokusu tylko z klawiatury (:focus-visible). Wdrozone 03.11 po akceptacji Danusi („po”). */
:root { --ah-btn-h: 48px; --ah-btn-r: 25px; --ah-btn-b: 2px; }

/* --- wzor --- */
.ah-btn, .ah-zg__b, .ah-mm3__btn, .ah-p__pasek-btn, .ah-form__btn,
.woocommerce .button, .woocommerce button.button, .single_add_to_cart_button, .ah-p__teraz,
.wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
	box-sizing: border-box !important;
	display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px;
	height: var(--ah-btn-h) !important; min-height: var(--ah-btn-h) !important; padding: 0 24px !important;
	border: var(--ah-btn-b) solid #FF8A00 !important; border-radius: var(--ah-btn-r) !important;
	background: #FF8A00 !important; color: #000 !important; box-shadow: none !important;
	font: 600 16px/1 var(--p) !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important;
	white-space: nowrap; text-align: center; cursor: pointer;
}
.ah-btn .ah-i, .ah-mm3__btn .ah-i { width: 20px; height: 20px; flex: none; }
/* obrys: na ciemnym tle bialy, na jasnym czarny */
.ah-btn--obrys, .ah-zg__b:not(.ah-zg__b--tak), .ah-mm3__btn.ah-btn--obrys, .ah-p__teraz {
	background: transparent !important; color: #fff !important; border-color: #fff !important;
}
:is(body.ah-sj, body.ah-wow-jasna, .ah-sz, .ah-pas-cta--jasny, body.ah-gs .ah-gs-prod, body.ah-gs .ah-gs-montaz, body.ah-gs .ah-gs-kto, .woocommerce-cart, .woocommerce-checkout) :is(.ah-btn--obrys, .ah-p__teraz),
.ah-p .ah-p__teraz { color: #151515 !important; border-color: #151515 !important; }
body.ah-wow:not(.ah-sj):not(.ah-wow-jasna) .ah-p .ah-p__teraz { color: #fff !important; border-color: #fff !important; }
/* najechanie: wypelniony jasnieje, obrys sie wypelnia */
@media (hover: hover) {
	.ah-btn:not(.ah-btn--obrys):hover, .ah-zg__b--tak:hover, .single_add_to_cart_button:hover, .ah-p__pasek-btn:hover, .ah-form__btn:hover,
	.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover { background: #ff9d2e !important; border-color: #ff9d2e !important; }
	.ah-btn--obrys:hover, .ah-zg__b:not(.ah-zg__b--tak):hover, .ah-p__teraz:hover { background: #fff !important; color: #000 !important; border-color: #fff !important; }
	:is(body.ah-sj, body.ah-wow-jasna, .ah-sz, body.ah-gs .ah-gs-prod, body.ah-gs .ah-gs-montaz, body.ah-gs .ah-gs-kto) .ah-btn--obrys:hover,
	.ah-p .ah-p__teraz:hover { background: #151515 !important; color: #fff !important; border-color: #151515 !important; }
}
/* fokus: tylko klawiatura, jedna obwodka */
.ah-btn:focus, .ah-zg__b:focus, .single_add_to_cart_button:focus, .ah-p__teraz:focus, .wc-block-components-button:focus { outline: none; box-shadow: none !important; }
.ah-btn:focus-visible, .ah-zg__b:focus-visible, .ah-mm3__btn:focus-visible, .single_add_to_cart_button:focus-visible, .ah-p__teraz:focus-visible,
.ah-p__pasek-btn:focus-visible, .wc-block-components-button:focus-visible { outline: 2px solid #FF8A00 !important; outline-offset: 3px !important; }
.ah-zg__b--tak:focus-visible { outline-color: #fff !important; }

/* --- pary: rowna szerokosc --- */
.ah-ha__akcje--lejek, .ah-zg .ah-zg__akcje, .ah-gs-montaz__akcje, .ah-dm__akcje, .ah-mm3__para, .ah-kontakt-dom__akcje, .ah-pas-cta__akcje {
	display: inline-grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 12px !important; width: auto !important; flex-wrap: nowrap;
}
.ah-ha__akcje--lejek > .ah-btn, .ah-zg .ah-zg__akcje > .ah-zg__b, .ah-gs-montaz__akcje > .ah-btn, .ah-dm__akcje > .ah-btn, .ah-mm3__para > .ah-btn, .ah-kontakt-dom__akcje > .ah-btn, .ah-pas-cta__akcje > .ah-btn {
	width: 100% !important; min-width: 200px !important; margin: 0 !important;
}
.ah-zg .ah-zg__akcje > [hidden] { display: none !important; }
.ah-zg .ah-zg__akcje > .ah-zg__b { min-width: 120px !important; }
/* karta produktu, koszyk, kasa: przyciski jeden pod drugim na cala szerokosc */
.ah-p__kup .single_add_to_cart_button, .ah-p__kup .ah-p__teraz, .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .ah-sz__akcje .ah-btn { width: 100% !important; }

@media (max-width: 599px) {
	.ah-ha__akcje--lejek, .ah-zg .ah-zg__akcje, .ah-gs-montaz__akcje, .ah-dm__akcje, .ah-mm3__para, .ah-kontakt-dom__akcje, .ah-pas-cta__akcje { display: grid !important; width: 100% !important; gap: 10px !important; }
	.ah-ha__akcje--lejek > .ah-btn, .ah-gs-montaz__akcje > .ah-btn, .ah-dm__akcje > .ah-btn, .ah-mm3__para > .ah-btn, .ah-kontakt-dom__akcje > .ah-btn, .ah-pas-cta__akcje > .ah-btn { min-width: 0 !important; padding: 0 12px !important; }
	.ah-zg .ah-zg__akcje { display: grid !important; width: auto !important; grid-auto-columns: 72px; gap: 8px !important; }
	.ah-zg .ah-zg__akcje > .ah-zg__b { min-width: 0 !important; width: 72px !important; padding: 0 8px !important; font-size: 15px !important; }
	/* „Wolisz montaż?”: wycena na cala szerokosc, pod nia 2 rowne */
	.ah-gs-montaz__akcje { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
	.ah-gs-montaz__akcje > .ah-gs-montaz__wycena { grid-column: 1 / -1; }
}

/* karta produktu: nadpisanie starych regul .woocommerce .ah-p .button (6 px, biale tlo) */
html body .woocommerce .ah-p .button, html body .ah-p .single_add_to_cart_button, html body .woocommerce .ah-p .button.ah-p__teraz, html body .ah-p .ah-p__teraz {
	height: var(--ah-btn-h) !important; min-height: var(--ah-btn-h) !important; border-radius: var(--ah-btn-r) !important; border-width: var(--ah-btn-b) !important; border-style: solid !important;
	font: 600 16px/1 var(--p) !important; box-shadow: none !important;
}
html body .ah-p .single_add_to_cart_button { background: #FF8A00 !important; border-color: #FF8A00 !important; color: #000 !important; }
html body .woocommerce .ah-p .button.ah-p__teraz, html body .ah-p .ah-p__teraz { background: transparent !important; color: #fff !important; border-color: #fff !important; }
html body.ah-sj .ah-p .ah-p__teraz, html body.ah-wow-jasna .ah-p .ah-p__teraz { color: #151515 !important; border-color: #151515 !important; }
@media (hover: hover) {
	html body .woocommerce .ah-p .button.ah-p__teraz:hover, html body .ah-p .ah-p__teraz:hover { background: #fff !important; color: #000 !important; }
	html body.ah-sj .ah-p .ah-p__teraz:hover, html body.ah-wow-jasna .ah-p .ah-p__teraz:hover { background: #151515 !important; color: #fff !important; }
}
.ah-p__kup .single_add_to_cart_button * { font: inherit; }
/* wyzsza specyficznosc niz main.css (.woocommerce .ah-p .button.ah-p__dodaj / __teraz = 0,4,0) */
.ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__dodaj, .ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__teraz {
	height: var(--ah-btn-h) !important; border-radius: var(--ah-btn-r) !important; border: var(--ah-btn-b) solid #FF8A00 !important; font: 600 16px/1 var(--p) !important; box-shadow: none !important;
}
.ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__dodaj { background: #FF8A00 !important; color: #000 !important; }
.ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__teraz { background: transparent !important; color: #fff !important; border-color: #fff !important; }
body.ah-sj .ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__teraz, body.ah-wow-jasna .ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__teraz { color: #151515 !important; border-color: #151515 !important; }
@media (hover: hover) {
	.ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__dodaj:hover { background: #ff9d2e !important; border-color: #ff9d2e !important; }
	.ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__teraz:hover { background: #fff !important; color: #000 !important; }
}
body.ah-wow .ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__dodaj { color: #000 !important; }
/* baner cookies dostaje fokus programowo (tabindex=-1) - bez obwodki samego baneru */
#ah-zgoda:focus { outline: none; }
/* poprawki po kontroli na zywo (03.11) */
html body .ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__teraz, html body .ah-p .ah-p__kup .button.single_add_to_cart_button.ah-p__dodaj { height: var(--ah-btn-h) !important; min-height: var(--ah-btn-h) !important; }
/* kategorie pod siatka produktow (nowa glowna): ten sam wzor co przyciski obrysowe */
html body .ah-gs-prod__kat a { height: var(--ah-btn-h) !important; min-height: var(--ah-btn-h) !important; border: var(--ah-btn-b) solid #151515 !important; border-radius: var(--ah-btn-r) !important; font: 600 15px/1 var(--p) !important; }
/* /kontakt/: „Mapa interaktywna” i „Wyznacz trasę” rownej szerokosci */
.ah-mapa__akcje { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ah-mapa__akcje > .ah-btn { width: 100% !important; min-width: 0 !important; padding: 0 12px !important; }
/* naglowek na telefonie: CTA wezsze (logo + CTA + koszyk + menu w jednym rzedzie od 360 px) */
@media (max-width: 999px) { html body .ah-header .ah-header__cta { padding: 0 14px !important; font-size: 15px !important; } }
@media (max-width: 374px) { html body .ah-header .ah-header__cta { padding: 0 9px !important; font-size: 13.5px !important; } html body .ah-header .ah-burger { margin-right: -6px; } }
/* stopka (komputer/tablet, .ah-ft2): Zadzwoń na cala szerokosc kolumny, pod nim Napisz i Trasa po polowie - nic nie uciete */
html body .ah-ft2__akcje { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; max-width: 360px; }
html body .ah-ft2__akcje > .ah-btn { width: 100% !important; min-width: 0 !important; height: var(--ah-btn-h) !important; min-height: var(--ah-btn-h) !important; padding: 0 14px !important; font-size: 15px !important; gap: 8px !important; }
html body .ah-ft2__akcje > .ah-btn:first-child { grid-column: 1 / -1; }
html body .ah-ft2__akcje > .ah-btn .ah-i { width: 18px !important; height: 18px !important; flex: none; }
.ah-szklo .ah-ft2__akcje .ah-btn--obrys { background: transparent !important; box-shadow: none !important; }
/* poprawki po audycie calej strony (03.11): pary w hero podstron i w pasach CTA tez rownej szerokosci */
.ah-us-hero__akcje, .ah-pas-cta__przyciski { display: inline-grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 12px !important; width: auto !important; }
.ah-us-hero__akcje > .ah-btn, .ah-pas-cta__przyciski > .ah-btn { width: 100% !important; min-width: 200px !important; margin: 0 !important; }
@media (max-width: 599px) {
	/* dlugie etykiety na telefonie: para jedna pod druga na cala szerokosc */
	.ah-us-hero__akcje, .ah-pas-cta__przyciski { display: grid !important; grid-auto-flow: row; grid-template-columns: 1fr; width: 100% !important; gap: 10px !important; }
	.ah-us-hero__akcje > .ah-btn, .ah-pas-cta__przyciski > .ah-btn { min-width: 0 !important; }
	/* pary obok siebie: mniej powietrza, zeby „Zapytaj o wycenę” i „Wyznacz trasę” miescily sie od 360 px */
	.ah-kontakt-dom__akcje > .ah-btn, .ah-dm__akcje > .ah-btn, .ah-ha__akcje--lejek > .ah-btn, .ah-gs-montaz__akcje > .ah-btn, .ah-mm3__para > .ah-btn, .ah-mapa__akcje > .ah-btn { padding: 0 8px !important; gap: 6px !important; }
}
@media (max-width: 389px) {
	.ah-kontakt-dom__akcje > .ah-btn, .ah-dm__akcje > .ah-btn, .ah-ha__akcje--lejek > .ah-btn, .ah-gs-montaz__akcje > .ah-btn, .ah-mm3__para > .ah-btn, .ah-mapa__akcje > .ah-btn { font-size: 15px !important; }
	.ah-kontakt-dom__akcje > .ah-btn .ah-i, .ah-dm__akcje > .ah-btn .ah-i, .ah-mapa__akcje > .ah-btn .ah-i { width: 17px !important; height: 17px !important; }
}
@media (max-width: 389px) { .ah-mapa__akcje > .ah-btn { font-size: 14px !important; padding: 0 6px !important; } }

/* ===== 03.11 zakladki (Danusia: „tak, zakładki też”): ten sam wzor co przyciski =====
   sklep/kategorie (.ah-zakladki), galeria (dzialy), karta produktu i Dobierz folię (.ah-d__probka - filtry kolorow).
   Aktywna wypelniona na pomaranczowo, reszta z obrysem. Telefon: jeden rzad przewijany w pasku, strona sie nie przesuwa. */
html body .ah-zakladki a, html body .ah-d__probka, html body .ah-d-p2 .ah-d__probka {
	box-sizing: border-box !important; flex: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
	height: var(--ah-btn-h) !important; min-height: var(--ah-btn-h) !important; padding: 0 20px !important;
	border: var(--ah-btn-b) solid #fff !important; border-radius: var(--ah-btn-r) !important; box-shadow: none !important;
	background: transparent !important; color: #fff !important; font: 600 16px/1 var(--p) !important; white-space: nowrap; text-decoration: none !important;
}
html body .ah-d__probka, html body .ah-d-p2 .ah-d__probka { padding: 0 18px 0 8px !important; }
html body .ah-zakladki a.is-on, html body .ah-d__probka.is-on, html body .ah-d-p2 .ah-d__probka.is-on {
	background: #FF8A00 !important; border-color: #FF8A00 !important; color: #000 !important;
}
html body .ah-d__probka.is-on .ah-d__pn, html body .ah-d__probka.is-on .ah-d__pnazwa { color: #000 !important; }
html body .ah-d__probka.is-on .ah-d__kolko { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25), 0 0 0 2px #fff !important; }
/* jasne strony sklepu: obrys czarny */
html body.ah-sj .ah-zakladki a:not(.is-on), html body.ah-wow-jasna .ah-zakladki a:not(.is-on), html body.ah-sj .ah-d__probka:not(.is-on) { border-color: #151515 !important; color: #151515 !important; background: transparent !important; }
@media (hover: hover) {
	html body .ah-zakladki a:not(.is-on):hover, html body .ah-d__probka:not(.is-on):hover { background: #fff !important; color: #000 !important; border-color: #fff !important; box-shadow: none !important; }
	html body.ah-sj .ah-zakladki a:not(.is-on):hover, html body.ah-sj .ah-d__probka:not(.is-on):hover { background: #151515 !important; color: #fff !important; border-color: #151515 !important; }
}
html body .ah-zakladki a:focus-visible, html body .ah-d__probka:focus-visible { outline: 2px solid #FF8A00 !important; outline-offset: 3px !important; }
/* pasek: na komputerze zawija sie, na telefonie jeden przewijany rzad (pasek ma zapas na obrys) */
html body .ah-zakladki { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; overflow: visible !important; padding: 2px 0 !important; }
@media (max-width: 767px) {
	html body .ah-zakladki, html body .ah-d__probki, html body .ah-d-p__probki { flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 2px 2px 4px !important; gap: 8px !important; scrollbar-width: none; }
	html body .ah-zakladki a, html body .ah-d__probka { font-size: 15px !important; padding: 0 16px !important; }
	html body .ah-d__probka { padding: 0 16px 0 8px !important; }
}
/* szklo (.ah-szklo .ah-zakladki a ma border-color !important) - zakladki jak obrysowe przyciski */
html body.ah-szklo .ah-zakladki a:not(.is-on), html body .ah-szklo .ah-zakladki a:not(.is-on) { background: transparent !important; border-color: #fff !important; box-shadow: none !important; }
html body.ah-szklo .ah-zakladki a.is-on, html body .ah-szklo .ah-zakladki a.is-on { background: #FF8A00 !important; border-color: #FF8A00 !important; color: #000 !important; box-shadow: none !important; }
html body.ah-szklo.ah-sj .ah-zakladki a:not(.is-on) { border-color: #151515 !important; }
