/* =========================================================
   Comfyo — brand tokens + sitewide header styling
   ========================================================= */

:root{
	--c-cream: #FAF6F1;
	--c-cream-deep: #F1E9DF;
	--c-ink: #211F1B;
	--c-body: #57514A;
	--c-taupe: #B7A99A;
	--c-line: #E7DDD1;
	--c-accent: #B36A4B;
	--c-accent-dark: #8F4F35;
	--c-blush: #E7CFC2;
	--c-white: #FFFFFF;

	--font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--font-sans: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/*
 * Etap 7 — root cause of every remaining "intense blue" focus/active state
 * found across the PDP (and, unaudited until now, the rest of the site):
 * Astra's Customizer "Global Color Palette" was never repointed to Comfyo's
 * own colors, so its 2 accent slots kept their stock defaults
 * (--ast-global-color-0:#046bd2, --ast-global-color-1:#045cb4). Astra's own
 * generated stylesheet (id="astra-theme-css-inline-css") has one large rule
 * — `button:focus, .woocommerce button.button:hover,
 * [CLASS*="wc-block"] .wc-block-components-button:focus, …{color:#fff;
 * background-color:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}`
 * — that paints ANY plain <button> (and several WooCommerce/Blocks button
 * variants) with that stock blue on focus/hover unless the button already
 * has its own higher-priority background. A second Astra rule,
 * `a:hover,a:focus{color:var(--ast-global-color-1)}`, does the same for any
 * plain link's focus color (comfyo-site.css below only overrides `a:hover`,
 * not `a:focus`). Individually overriding every affected selector (as the
 * Etap 5D wishlist-button fix did) only ever fixes the one component that
 * was actually noticed. Repointing the 2 CSS custom properties themselves —
 * once, here — fixes every current and future consumer of Astra's own
 * palette at the source, sitewide, without touching selector specificity.
 * `!important` guards against source-order ties with Astra's own
 * :root declaration (same selector, same specificity).
 */
:root{
	--ast-global-color-0: var(--c-accent) !important;
	--ast-global-color-1: var(--c-accent-dark) !important;
}

/* ---------- Sitewide type refinement ---------- */
body,
.ast-separate-container .ast-article-single{
	font-family: var(--font-sans);
	color: var(--c-body);
}

h1, h2, h3, h4,
.entry-title,
.page-title{
	font-family: var(--font-display);
	color: var(--c-ink);
	font-weight: 600;
	letter-spacing: 0.01em;
}

a{
	color: var(--c-accent);
}
a:hover{
	color: var(--c-accent-dark);
}

/* ---------- Header ---------- */
.site-header{
	background-color: var(--c-cream) !important;
	border-bottom: 1px solid var(--c-line);
}

.ast-primary-header-bar,
.main-header-bar{
	background-color: transparent;
}

.site-header .ast-site-identity .site-title a,
.site-header .site-title a{
	font-family: var(--font-display);
	font-size: 1.7rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--c-ink) !important;
}

/* Primary nav links */
.main-header-menu .menu-link{
	font-family: var(--font-sans);
	font-size: 0.92rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--c-ink) !important;
	transition: color 0.25s ease;
}
.main-header-menu .menu-link:hover,
.main-header-menu .current-menu-item > .menu-link{
	color: var(--c-accent) !important;
}

/* Prominent "SKLEP" nav entry — always the clearest way to start shopping */
.main-header-menu .comfyo-nav-shop > .menu-link{
	background: var(--c-ink);
	color: var(--c-cream) !important;
	padding: 0.5rem 1.1rem !important;
	border-radius: 999px;
	margin-left: 0.25rem;
}
.main-header-menu .comfyo-nav-shop > .menu-link:hover{
	background: var(--c-accent);
	color: var(--c-white) !important;
}
.ast-header-break-point .main-header-menu .comfyo-nav-shop > .menu-link{
	background: transparent;
	color: var(--c-accent) !important;
	padding: 0.5rem 0 !important;
	font-weight: 600;
}

/*
 * "Sklep" dropdown (Wygląd → Menu: submenu items under "Sklep") — assign the
 * CSS class "comfyo-nav-featured" to the "Komplety" item there to bold/accent
 * it as the brand's hero category, matching the rest of this pill/accent
 * styling. Inert until that menu structure exists.
 */
.main-header-menu .sub-menu{
	background: var(--c-white);
	border: 1px solid var(--c-line);
	box-shadow: 0 20px 40px -20px rgba(33, 31, 27, 0.25);
}
.main-header-menu .sub-menu .menu-link{
	text-transform: none;
	letter-spacing: 0;
	font-size: 0.92rem;
	color: var(--c-body) !important;
}
.main-header-menu .sub-menu .menu-link:hover{
	color: var(--c-accent) !important;
}
.main-header-menu .sub-menu .comfyo-nav-featured > .menu-link{
	font-weight: 600;
	color: var(--c-accent) !important;
}

/* Search / account / cart icon cluster */
.ast-header-search .ast-search-menu-icon > a,
.ast-header-search .astra-search-icon,
.ast-header-account-link,
.ast-site-header-cart a.cart-container{
	color: var(--c-ink) !important;
	transition: color 0.25s ease, transform 0.25s ease;
}
.ast-header-search .ast-search-menu-icon > a:hover,
.ast-header-account-link:hover,
.ast-site-header-cart a.cart-container:hover{
	color: var(--c-accent) !important;
	transform: translateY(-1px);
}

.ast-site-header-cart .ast-cart-menu-wrap .count,
.ast-site-header-cart .count{
	background-color: var(--c-accent) !important;
	color: var(--c-white) !important;
	font-family: var(--font-sans);
}

.ast-mobile-menu-trigger-minimal .mobile-menu-toggle-icon,
.ast-mobile-svg{
	color: var(--c-ink) !important;
}

/* Astra's "scroll to top" button ships in the theme's default blue — bring
   it on-brand so it doesn't read as an unstyled, unfinished element. */
.ast-scroll-top-icon{
	background-color: var(--c-ink) !important;
	color: var(--c-cream) !important;
	border-radius: 50%;
}
.ast-scroll-top-icon:hover{
	background-color: var(--c-accent) !important;
}

/* Sticky header polish */
.ast-header-break-point .main-header-bar-wrap.ast-sticky-active,
.main-header-bar-wrap.ast-sticky-active .main-header-bar{
	box-shadow: 0 6px 24px rgba(33, 31, 27, 0.06);
}

/* Search field styling inside the header slide-down */
.ast-search-menu-icon .search-form .search-field{
	font-family: var(--font-sans);
	border: none;
	border-bottom: 1px solid var(--c-line);
	background: transparent;
}

/* ---------- Buttons (global, so Astra/WooCommerce native buttons feel on-brand) ---------- */
.ast-button,
button:not(.mobile-menu-toggle),
input[type="submit"]{
	font-family: var(--font-sans);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 0.85rem;
	border-radius: 999px;
}

/*
 * WooCommerce Blocks (Cart/Checkout: "Przejdź do płatności" etc.) render
 * their own button component with square corners by default, which reads
 * as a different, unbranded control next to every other pill-shaped button
 * on the site — !important because .wc-block-components-button ships its
 * own border-radius at equal-or-higher specificity.
 */
.wc-block-components-button,
.wc-block-cart__submit-button,
a.wc-forward,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
	font-family: var(--font-sans) !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: 999px !important;
}