/*
 * Arkebuz – Jasny i ciemny motyw.
 * Jasny motyw = strona bez zmian. Ciemny = kolorystyczna odwrotność: jasne tła ciemne,
 * ciemne teksty jasne, czerwone teksty jasnoróżowe. Czerwone przyciski, zdjęcia
 * i sekcje ze zdjęciem w tle zostają jak są.
 */

/* ---------- Przycisk w nagłówku (oba motywy) ---------- */

.arkebuz-tt-wrap {
	display: none;
	align-items: center;
}

html[data-ark-js] .arkebuz-tt-wrap {
	display: flex;
}

html[data-ark-js] .arkebuz-tt-wrap--inline {
	display: inline-flex;
}

#ast-desktop-header .arkebuz-tt-wrap {
	margin-left: 14px;
}

/* Astra dodaje elementom nagłówka padding 0 10px – po stronie hamburgera wystarczy jego własny. */
#ast-mobile-header .arkebuz-tt-wrap {
	margin-right: 2px;
	padding-right: 0;
}

/* Na telefonie ta sama wysokość co przycisk menu obok. */
html #ast-mobile-header .arkebuz-tt-wrap .arkebuz-tt {
	width: 42px;
	height: 42px;
}

/* Pełny reset – motyw nadaje każdemu <button> czerwone tło, padding i wielkie litery. */
html .arkebuz-tt-wrap .arkebuz-tt {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 1px solid #e2e2e2;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
	color: #191919;
	font-size: 0;
	line-height: 1;
	text-transform: none;
	cursor: pointer;
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
	-webkit-tap-highlight-color: transparent;
}

html .arkebuz-tt-wrap .arkebuz-tt:hover,
html .arkebuz-tt-wrap .arkebuz-tt:focus {
	border-color: #dd133c;
	background: rgba( 221, 19, 60, 0.06 );
	color: #dd133c;
}

html .arkebuz-tt-wrap .arkebuz-tt:focus {
	outline: none;
}

html .arkebuz-tt-wrap .arkebuz-tt:focus-visible {
	outline: 2px solid #dd133c;
	outline-offset: 2px;
}

.arkebuz-tt .arkebuz-tt__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.35s ease, opacity 0.25s ease;
}

.arkebuz-tt .arkebuz-tt__sun circle {
	fill: currentColor;
	stroke: none;
}

.arkebuz-tt .arkebuz-tt__moon {
	fill: currentColor;
	stroke: none;
	opacity: 0;
	transform: rotate( -70deg ) scale( 0.4 );
}

html[data-ark-theme="dark"] .arkebuz-tt .arkebuz-tt__sun {
	opacity: 0;
	transform: rotate( 90deg ) scale( 0.4 );
}

html[data-ark-theme="dark"] .arkebuz-tt .arkebuz-tt__moon {
	opacity: 1;
	transform: none;
}

html[data-ark-theme="dark"] .arkebuz-tt-wrap .arkebuz-tt {
	border-color: #3a3a3a;
	color: #f2f2f2;
}

html[data-ark-theme="dark"] .arkebuz-tt-wrap .arkebuz-tt:hover,
html[data-ark-theme="dark"] .arkebuz-tt-wrap .arkebuz-tt:focus {
	border-color: #ff8fa6;
	background: rgba( 255, 143, 166, 0.1 );
	color: #ff8fa6;
}

html[data-ark-theme="dark"] .arkebuz-tt-wrap .arkebuz-tt:focus-visible {
	outline-color: #ff8fa6;
}

/* Płynne przejście tylko przy kliknięciu przełącznika, nie przy ładowaniu strony. */
html.ark-theme-anim,
html.ark-theme-anim *,
html.ark-theme-anim *::before,
html.ark-theme-anim *::after {
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, fill 0.3s ease !important;
}

@media ( prefers-reduced-motion: reduce ) {
	.arkebuz-tt .arkebuz-tt__icon {
		transition: none;
	}
}

/* ---------- Ciemny motyw: paleta ---------- */

html[data-ark-theme="dark"] {
	color-scheme: dark;

	--ark-bg: #121212;
	--ark-surface: #1c1c1c;
	--ark-surface-2: #262626;
	--ark-line: #363636;
	--ark-line-soft: #2a2a2a;
	--ark-heading: #f2f2f2;
	--ark-text: #d2d2d2;
	--ark-muted: #a6a6a6;
	--ark-subtle: #929292;
	--ark-pink: #ff8fa6;
	--ark-pink-hover: #ffc2cf;
	--ark-red: #dd133c;
	--ark-red-hover: #b80023;
	--ark-footer: #0b0b0b;

	/* Paleta Astry (Customizer → Kolory globalne) */
	--ast-global-color-0: var( --ark-pink );
	--ast-global-color-1: #ffa3b6;
	--ast-global-color-2: var( --ark-heading );
	--ast-global-color-3: var( --ark-text );
	--ast-global-color-4: var( --ark-bg );
	--ast-global-color-5: var( --ark-surface );
	--ast-global-color-6: var( --ark-surface-2 );
	--ast-global-color-8: #ffffff;
	--ast-border-color: var( --ark-line );
	--ast-code-block-background: var( --ark-surface-2 );
	--ast-comment-inputs-background: #181818;
	--ast-widget-bg-color: var( --ark-surface );
	--ast-search-border-color: var( --ark-line );
	--ast-title-layout-bg: var( --ark-surface-2 );
	--ast-lifter-hover-bg: var( --ark-surface-2 );
	--ast-bg-style-guide: var( --ark-surface );
	--ast-global-dark-bg-style: var( --ark-surface );
	--ast-global-dark-lfs: var( --ark-surface );
	--ast-gallery-block-color: #ffffff;

	/*
	 * Te same kolory w Elementorze. Bez zmian zostają kolor 5 (biały – tekst na zdjęciach
	 * w sekcjach hero) i kolor 7 (#191919 – przyciemnienie zdjęć w tle).
	 */
	--e-global-color-astglobalcolor0: var( --ark-pink );
	--e-global-color-astglobalcolor1: #ffa3b6;
	--e-global-color-astglobalcolor2: var( --ark-heading );
	--e-global-color-astglobalcolor3: var( --ark-text );
	--e-global-color-astglobalcolor4: var( --ark-bg );
	--e-global-color-astglobalcolor6: var( --ark-surface-2 );
	--e-global-color-astglobalcolor8: #ffffff;
}

/* Wypełnione przyciski i ikony zachowują oryginalne kolory – biały znak na czerwonym. */
html[data-ark-theme="dark"] :is( .elementor-button, .elementor-social-icon, .elementor-view-stacked .elementor-icon, .elementor-view-framed .elementor-icon ) {
	--e-global-color-astglobalcolor0: #fb2056;
	--e-global-color-astglobalcolor1: #da1c4b;
	--e-global-color-astglobalcolor2: #3a3a3a;
}

/* ---------- Teksty i linki motywu (ta sama specyficzność co reguły Astry) ---------- */

:where( html[data-ark-theme="dark"] ) a,
:where( html[data-ark-theme="dark"] ) .page-title {
	color: var( --ark-pink );
}

:where( html[data-ark-theme="dark"] ) a:hover,
:where( html[data-ark-theme="dark"] ) a:focus {
	color: var( --ark-pink-hover );
}

:where( html[data-ark-theme="dark"] ) .entry-meta,
:where( html[data-ark-theme="dark"] ) .entry-meta *,
:where( html[data-ark-theme="dark"] ) .single .nav-links .nav-previous,
:where( html[data-ark-theme="dark"] ) .single .nav-links .nav-next,
:where( html[data-ark-theme="dark"] ) .page-links .page-link,
:where( html[data-ark-theme="dark"] ) .single .post-navigation a,
:where( html[data-ark-theme="dark"] ) .ast-pagination a,
:where( html[data-ark-theme="dark"] ) #cat option,
:where( html[data-ark-theme="dark"] ) .secondary .calendar_wrap thead a {
	color: var( --ark-pink );
}

:where( html[data-ark-theme="dark"] ) .entry-meta a:not( .ast-button ):hover,
:where( html[data-ark-theme="dark"] ) .entry-meta a:not( .ast-button ):hover *,
:where( html[data-ark-theme="dark"] ) .entry-meta a:not( .ast-button ):focus,
:where( html[data-ark-theme="dark"] ) .entry-meta a:not( .ast-button ):focus *,
:where( html[data-ark-theme="dark"] ) .page-links > .page-link,
:where( html[data-ark-theme="dark"] ) .page-links .page-link:hover,
:where( html[data-ark-theme="dark"] ) .post-navigation a:hover,
:where( html[data-ark-theme="dark"] ) .ast-pagination a:hover {
	color: var( --ark-pink-hover );
}

/* Kolory wpisane w treść edytorem (np. czarny span z wklejonego tekstu). */
html[data-ark-theme="dark"] :is( [style*="color: #000"], [style*="color:#000"], [style*="color: rgb(0, 0, 0)"], [style*="color: black"], [style*="color: #191919"], [style*="color: #333"], [style*="color:#333"] ) {
	color: var( --ark-heading ) !important;
}

html[data-ark-theme="dark"] blockquote {
	border-color: rgba( 255, 255, 255, 0.14 );
}

html[data-ark-theme="dark"] .wp-block-quote:not( .has-text-align-right ):not( .has-text-align-center ) {
	border-left-color: rgba( 255, 255, 255, 0.14 );
}

html[data-ark-theme="dark"] body .elementor hr,
html[data-ark-theme="dark"] hr {
	background-color: var( --ark-line );
}

html[data-ark-theme="dark"] .wp-block-separator {
	border-color: var( --ark-line );
	color: var( --ark-line );
}

/* Blok „Okładka” – tekst na zdjęciu zostaje biały. */
html[data-ark-theme="dark"] .wp-block-cover .wp-block-cover__inner-container,
html[data-ark-theme="dark"] .wp-block-cover-image .wp-block-cover__inner-container {
	color: #ffffff;
}

html[data-ark-theme="dark"] .wp-block-table.is-style-stripes tbody tr:nth-child( odd ) {
	background-color: var( --ark-surface-2 );
}

/* ---------- Nagłówek ---------- */

html[data-ark-theme="dark"] .ast-primary-header-bar,
html[data-ark-theme="dark"] .ast-primary-header-bar.ast-primary-header {
	border-bottom-color: var( --ark-line-soft );
}

html[data-ark-theme="dark"] [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill {
	background: var( --ark-red );
	color: #ffffff;
}

html[data-ark-theme="dark"] [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
	fill: #ffffff;
}

html[data-ark-theme="dark"] .ast-mobile-popup-drawer.active .menu-toggle-close {
	color: var( --ark-heading );
}

html[data-ark-theme="dark"] .ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
	box-shadow: 0 4px 14px -2px rgba( 0, 0, 0, 0.6 );
}

/* Rozwinięte menu na telefonie – linie między pozycjami. */
html[data-ark-theme="dark"] .ast-header-break-point .main-navigation ul .menu-item .menu-link,
html[data-ark-theme="dark"] .ast-mobile-header-content .menu-item .menu-link {
	border-color: var( --ark-line-soft );
}

/* ---------- Stopka – zostaje ciemna, odcięta linią ---------- */

html[data-ark-theme="dark"] .site-footer,
html[data-ark-theme="dark"] .site-footer .site-above-footer-wrap,
html[data-ark-theme="dark"] .site-footer .site-primary-footer-wrap,
html[data-ark-theme="dark"] .site-footer .site-below-footer-wrap {
	background-color: var( --ark-footer );
}

html[data-ark-theme="dark"] .site-footer {
	border-top: 1px solid var( --ark-line-soft );
}

/* ---------- Wpisy, archiwa, wyszukiwanie, 404, komentarze (Astra) ---------- */

html[data-ark-theme="dark"] .ast-separate-container .ast-article-post,
html[data-ark-theme="dark"] .ast-separate-container .ast-article-single:not( .ast-related-post ),
html[data-ark-theme="dark"] .ast-separate-container .error-404,
html[data-ark-theme="dark"] .ast-separate-container .no-results,
html[data-ark-theme="dark"] .single.ast-separate-container .ast-author-meta,
html[data-ark-theme="dark"] .ast-separate-container .related-posts-title-wrapper,
html[data-ark-theme="dark"] .ast-separate-container .comments-count-wrapper,
html[data-ark-theme="dark"] .ast-box-layout.ast-plain-container .site-content,
html[data-ark-theme="dark"] .ast-padded-layout.ast-plain-container .site-content,
html[data-ark-theme="dark"] .ast-separate-container .ast-archive-description,
html[data-ark-theme="dark"] .ast-separate-container .ast-author-box,
html[data-ark-theme="dark"] .ast-separate-container .comments-area .comment-respond,
html[data-ark-theme="dark"] .ast-separate-container .comments-area .ast-comment-list li,
html[data-ark-theme="dark"] .ast-separate-container .comments-area .comments-title,
html[data-ark-theme="dark"] .ast-separate-container.ast-two-container #secondary .widget {
	background-color: var( --ark-surface );
}

html[data-ark-theme="dark"] .widget_search .search-form i,
html[data-ark-theme="dark"] .ast-search-menu-icon .search-form i,
html[data-ark-theme="dark"] .search-form .ast-icon.icon-search svg {
	color: var( --ark-muted );
	fill: var( --ark-muted );
}

/* ---------- Formularze (Astra, WPForms, komentarze, wyszukiwarka) ---------- */

html[data-ark-theme="dark"] :is( input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="date"], textarea, select ) {
	border-color: var( --ark-line );
	background-color: #181818;
	color: var( --ark-heading );
}

html[data-ark-theme="dark"] :is( input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="date"], textarea, select ):focus {
	border-color: var( --ark-pink );
	background-color: var( --ark-surface );
	color: var( --ark-heading );
}

html[data-ark-theme="dark"] ::placeholder {
	color: #8c8c8c;
	opacity: 1;
}

html[data-ark-theme="dark"] .wpforms-required-label,
html[data-ark-theme="dark"] .wpforms-container label.wpforms-error,
html[data-ark-theme="dark"] .wpforms-container .wpforms-error-noscript {
	color: var( --ark-pink );
}

html[data-ark-theme="dark"] .wpforms-container .wpforms-field-description,
html[data-ark-theme="dark"] .wpforms-container .wpforms-field-sublabel {
	color: var( --ark-muted );
}

html[data-ark-theme="dark"] .wpforms-confirmation-container-full,
html[data-ark-theme="dark"] .wpforms-confirmation-container {
	border-color: #1f5c33;
	background: #10291a;
	color: #d6f5e1;
}

/* ---------- Elementor: kolory wpisane w ustawieniach konkretnych elementów ---------- */

/* Strona główna */
html[data-ark-theme="dark"] .elementor-1236 .elementor-element.elementor-element-dc7190f {
	color: var( --ark-text );
}

html[data-ark-theme="dark"] .elementor-1236 .elementor-element.elementor-element-74b1488:hover::before {
	background-color: var( --ark-surface-2 );
}

html[data-ark-theme="dark"] .logoColor,
html[data-ark-theme="dark"] .colorLogo {
	color: var( --ark-pink ) !important;
}

html[data-ark-theme="dark"] .elementor-1236 .elementor-element.elementor-element-5818b3c img,
html[data-ark-theme="dark"] .elementor-1236 .elementor-element.elementor-element-e2faee6 img,
html[data-ark-theme="dark"] .elementor-541 .elementor-element.elementor-element-6060d91 img {
	box-shadow: 10px 10px 0 1px rgba( 0, 0, 0, 0.5 );
}

/* Stowarzyszenie – białe karty */
html[data-ark-theme="dark"] .elementor-1326 .elementor-element.elementor-element-5a6e1b1:not( .elementor-motion-effects-element-type-background ),
html[data-ark-theme="dark"] .elementor-1326 .elementor-element.elementor-element-c7a7636:not( .elementor-motion-effects-element-type-background ) {
	background-color: var( --ark-surface );
}

html[data-ark-theme="dark"] .elementor-1326 .elementor-element.elementor-element-c7a7636,
html[data-ark-theme="dark"] .elementor-1326 .elementor-element.elementor-element-5fb09b1,
html[data-ark-theme="dark"] .elementor-1326 .elementor-element.elementor-element-6d44349,
html[data-ark-theme="dark"] .elementor-1326 .elementor-element.elementor-element-e054569,
html[data-ark-theme="dark"] .elementor-1326 .elementor-element.elementor-element-d1385aa {
	box-shadow: 0 0 0 1px var( --ark-line-soft );
}

/* Galeria – strzałki karuzeli */
html[data-ark-theme="dark"] .elementor-7 .elementor-swiper-button {
	color: #ababab;
}

html[data-ark-theme="dark"] .elementor-7 .elementor-swiper-button svg {
	fill: #ababab;
}

/* Zaślepka „brak zdjęcia” Elementora to grafika interfejsu, nie zdjęcie – też odwrócona. */
html[data-ark-theme="dark"] img[src*="/elementor/assets/images/placeholder"] {
	filter: invert( 0.86 ) hue-rotate( 180deg );
}

/* Przezroczysta ciemna grafika na ciemnym tle (wykrywa toggle.js) – jasny kafelek pod spodem. */
html[data-ark-theme="dark"] img.ark-img-backing {
	border-radius: 6px;
	background-color: #ececec;
}

/* Mapa Google – kolory odwrócone jak reszta strony */
html[data-ark-theme="dark"] .elementor-widget-google_maps iframe {
	filter: invert( 0.92 ) hue-rotate( 180deg ) contrast( 0.92 );
}

/* ---------- Wtyczka: Wyszukiwarka aktualności ---------- */

html[data-ark-theme="dark"] .ans {
	--ans-red: var( --ark-pink );
	--ans-red-dark: var( --ark-pink-hover );
	--ans-text: var( --ark-heading );
	--ans-body: var( --ark-text );
	--ans-muted: var( --ark-muted );
	--ans-line: var( --ark-line );
	--ans-tint: rgba( 255, 143, 166, 0.2 );
}

html[data-ark-theme="dark"] .ans .ans-search .ans-search__input,
html[data-ark-theme="dark"] .ans .ans-chips .ans-chip,
html[data-ark-theme="dark"] .ans .ans-card,
html[data-ark-theme="dark"] .ans .ans-empty {
	background-color: var( --ark-surface );
}

html[data-ark-theme="dark"] .ans .ans-sort .ans-sort__select {
	background: var( --ark-surface ) url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2f2f2' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E" ) no-repeat right 18px center / 16px;
}

html[data-ark-theme="dark"] .ans .ans-search .ans-search__clear:hover,
html[data-ark-theme="dark"] .ans .ans-search .ans-search__clear:focus {
	background: var( --ark-surface-2 );
}

/* Kolor tematu jako tekst – rozjaśniony, żeby był czytelny na ciemnym tle. */
html[data-ark-theme="dark"] .ans .ans-chips .ans-chip:hover,
html[data-ark-theme="dark"] .ans .ans-chips .ans-chip:focus {
	border-color: color-mix( in srgb, var( --ans-topic, #ff8fa6 ) 60%, #ffffff );
	background: var( --ark-surface );
	color: color-mix( in srgb, var( --ans-topic, #ff8fa6 ) 50%, #ffffff );
}

html[data-ark-theme="dark"] .ans .ans-chips .ans-chip[aria-pressed="true"] {
	border-color: var( --ans-topic, var( --ark-red ) );
	background: var( --ans-topic, var( --ark-red ) );
	color: #ffffff;
}

html[data-ark-theme="dark"] .ans .ans-chips .ans-chip[disabled]:hover {
	border-color: var( --ans-line );
	color: var( --ans-text );
}

html[data-ark-theme="dark"] .ans .ans-card {
	box-shadow: 0 0 0 1px var( --ark-line-soft ), 0 6px 18px rgba( 0, 0, 0, 0.35 );
}

html[data-ark-theme="dark"] .ans .ans-card__media {
	background: var( --ark-surface-2 );
}

html[data-ark-theme="dark"] .ans .ans-card__meta {
	border-top-color: var( --ark-line-soft );
	color: var( --ark-subtle );
}

html[data-ark-theme="dark"] .ans .ans-more .ans-more__btn {
	background: var( --ark-red );
	color: #ffffff;
}

html[data-ark-theme="dark"] .ans .ans-more .ans-more__btn:hover,
html[data-ark-theme="dark"] .ans .ans-more .ans-more__btn:focus {
	background: var( --ark-red-hover );
	color: #ffffff;
}