/*
Theme Name:   Alpax Premium
Theme URI:    https://workweb.pl
Description:  Motyw potomny Kadence dla ALPAX PREMIUM DE — animacje GSAP, bloki Kadence.
Author:       Workweb
Author URI:   https://workweb.pl
Template:     kadence
Version:      0.1.0
Text Domain:  alpax-premium
*/

/* Style motywu — nadpisania Kadence i style własnych sekcji */

/* =====================================================
   Tokeny projektu — globalnie, spięte z paletą Kadence
   (--global-palette1..9). Zmiana palety w Customizerze
   przestawia też te zmienne.
   ===================================================== */

:root {
	--ax-accent: var(--global-palette1, #c9a24b);
	--ax-accent-2: var(--global-palette2, #e4c87f);
	--ax-dark: var(--global-palette3, #0e1418);
	--ax-dark-2: #141c22;
	--ax-ink: #1c242b;
	--ax-text: var(--global-palette4, #24303a);
	--ax-muted: var(--global-palette6, #8fa0ac);
	--ax-light: var(--global-palette7, #f5f6f7);
	--ax-white: var(--global-palette9, #ffffff);
	--ax-text-light: #f2f5f7;
	--ax-radius: 18px;
	--ax-shadow: 0 20px 60px rgba(10, 16, 20, 0.16);
}

/* =====================================================
   Tło całej strony — bardzo subtelna wersja motywu
   nagłówków: szare poświaty + siatka na jasnym tle.
   Sekcje z własnym tłem (hero, ax-section) je przykrywają.
   ===================================================== */

body {
	background:
		radial-gradient(ellipse at 88% -12%, rgba(28, 36, 43, 0.08) 0%, transparent 55%),
		radial-gradient(ellipse at -6% 112%, rgba(28, 36, 43, 0.09) 0%, transparent 60%),
		radial-gradient(ellipse 78% 68% at 50% 50%, #ffffff 38%, rgba(255, 255, 255, 0) 82%),
		linear-gradient(rgba(16, 24, 32, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(16, 24, 32, 0.04) 1px, transparent 1px),
		#f4f5f6 !important;
	background-size: auto, auto, auto, 72px 72px, 72px 72px, auto !important;
	background-attachment: fixed !important;
}

/* Biały box treści Kadence zakrywałby tło — treść leży
   bezpośrednio na motywie. Sekcje/bloki z własnym tłem
   (ustawionym w edytorze) pozostają bez zmian. */
.content-bg,
body.content-style-unboxed .site {
	background: transparent !important;
	box-shadow: none !important;
}

/* =====================================================
   Nagłówki podstron (Kadence page hero) — motyw tła
   jak w hero strony głównej: grafit + poświaty + siatka
   ===================================================== */

section.page-hero-section {
	position: relative;
	background: linear-gradient(160deg, #0e1418 0%, #141c22 100%);
}

/* Kontener wewnętrzny Kadence też ma kolor z palety — pod motywem ma być grafit. */
section.page-hero-section .entry-hero-container-inner {
	background: transparent !important;
}

/* Overlay Kadence ma własne tło z palety — nadpisujemy je motywem. */
section.page-hero-section .hero-section-overlay {
	opacity: 1;
	background:
		radial-gradient(ellipse at 88% -40%, rgba(201, 162, 75, 0.35) 0%, transparent 55%),
		radial-gradient(ellipse at -8% 140%, rgba(39, 80, 107, 0.5) 0%, transparent 60%),
		linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(160deg, #0e1418 0%, #141c22 100%) !important;
	background-size: auto, auto, 72px 72px, 72px 72px, auto !important;
}

section.page-hero-section .entry-title {
	color: #ffffff;
}

section.page-hero-section .kadence-breadcrumbs,
section.page-hero-section .kadence-breadcrumbs a {
	color: rgba(242, 245, 247, 0.75);
}

section.page-hero-section .kadence-breadcrumbs a:hover {
	color: #e4c87f;
}

/* Aktywna pozycja menu na przezroczystym headerze — złoto zamiast koloru,
   który ginie w ciemnym tle nagłówka. */
.transparent-header #site-navigation .current-menu-item > a,
.transparent-header #site-navigation .current_page_item > a {
	color: #e4c87f;
}