/* =========================================================
   BUCHOLC FSE — MAIN STYLESHEET
   Profesjonalny motyw blokowy dla zakładu pogrzebowego
   ========================================================= */

/* ── Smooth scroll ── */
html { scroll-behavior: smooth; }

/* ── Selection ── */
::selection {
	background-color: var(--wp--preset--color--primary);
	color: #fff;
}

/* ── Focus accessibility ── */
:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary-light);
	outline-offset: 3px;
}

/* ── Screen reader ── */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* =========================================================
   BLOCK STYLES — CARD
   ========================================================= */
.is-style-bucholc-card {
	box-shadow: 0 2px 8px rgba(30,58,95,0.08);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.is-style-bucholc-card:hover {
	box-shadow: 0 8px 32px rgba(30,58,95,0.12);
}

.is-style-bucholc-card-hover {
	box-shadow: 0 2px 8px rgba(30,58,95,0.08);
	transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
	position: relative;
	overflow: hidden;
}
.is-style-bucholc-card-hover::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--wp--preset--color--primary), var(--wp--preset--color--primary-light));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
	z-index: 1;
}
.is-style-bucholc-card-hover:hover {
	box-shadow: 0 8px 32px rgba(30,58,95,0.14);
	transform: translateY(-4px);
	border-color: var(--wp--preset--color--accent) !important;
}
.is-style-bucholc-card-hover:hover::before {
	transform: scaleX(1);
}

/* =========================================================
   HERO SECTION
   ========================================================= */
.bucholc-hero {
	position: relative;
}
.bucholc-hero .wp-block-cover__background {
	background: linear-gradient(
		135deg,
		rgba(15,32,51,0.88) 0%,
		rgba(30,58,95,0.65) 60%,
		rgba(45,89,134,0.45) 100%
	) !important;
}

/* =========================================================
   BUTTONS — enhancements
   ========================================================= */
.wp-block-button__link {
	transition: all 0.3s ease;
}
.wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 16px rgba(30,58,95,0.2);
}

/* Ghost button */
.is-style-bucholc-ghost .wp-block-button__link {
	background-color: rgba(255,255,255,0.12) !important;
	color: #fff !important;
	border: 2px solid rgba(255,255,255,0.5) !important;
	backdrop-filter: blur(4px);
}
.is-style-bucholc-ghost .wp-block-button__link:hover {
	background-color: rgba(255,255,255,0.22) !important;
	border-color: #fff !important;
}

/* Outline button on dark backgrounds */
.is-style-outline .wp-block-button__link:hover {
	background-color: rgba(255,255,255,0.15) !important;
}

/* =========================================================
   NAVIGATION — enhancements
   ========================================================= */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	transition: transform 0.2s ease;
}
.wp-block-navigation__responsive-container-open:hover,
.wp-block-navigation__responsive-container-close:hover {
	transform: scale(1.1);
}

/* Navigation links underline on hover */
.wp-block-navigation-item__content {
	position: relative;
}
.wp-block-navigation-item__content::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 2px;
	background-color: var(--wp--preset--color--primary-light);
	border-radius: 1px;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.3s ease;
}
.wp-block-navigation-item__content:hover::after {
	transform: scaleX(1);
}

/* =========================================================
   FOOTER
   ========================================================= */
.footer-links {
	list-style: none !important;
}
.footer-links li {
	position: relative;
	padding-left: 1rem;
}
.footer-links li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.65em;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--accent);
}

/* =========================================================
   VALUES LIST (o nas)
   ========================================================= */
.bucholc-values-list {
	list-style: none !important;
}
.bucholc-values-list li {
	padding-left: 0;
}

/* =========================================================
   SEPARATOR — enhanced
   ========================================================= */
.wp-block-separator.is-style-wide {
	border: none;
	height: 1px;
	opacity: 0.3;
}

/* =========================================================
   COVER BLOCK — hero tweaks
   ========================================================= */
.wp-block-cover.is-style-bucholc-hero {
	overflow: hidden;
}
.wp-block-cover.is-style-bucholc-hero::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 120px;
	background: linear-gradient(to top, rgba(250,250,250,0.08), transparent);
	pointer-events: none;
	z-index: 1;
}

/* Decorative stars in hero */
.wp-block-cover.is-style-bucholc-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.3), transparent),
		radial-gradient(1px 1px at 40% 70%, rgba(255,255,255,0.2), transparent),
		radial-gradient(1.5px 1.5px at 60% 20%, rgba(255,255,255,0.25), transparent),
		radial-gradient(1px 1px at 80% 50%, rgba(255,255,255,0.15), transparent),
		radial-gradient(1.5px 1.5px at 50% 80%, rgba(255,255,255,0.2), transparent),
		radial-gradient(1px 1px at 10% 60%, rgba(255,255,255,0.2), transparent),
		radial-gradient(1px 1px at 70% 40%, rgba(255,255,255,0.15), transparent),
		radial-gradient(1px 1px at 90% 70%, rgba(255,255,255,0.25), transparent);
	pointer-events: none;
	z-index: 1;
}

/* =========================================================
   ANIMATIONS
   ========================================================= */
@keyframes bucholc-fadeInUp {
	from { opacity: 0; transform: translateY(24px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.is-style-bucholc-card-hover:hover { transform: none; }
	.wp-block-button__link:hover { transform: none; }
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

/* Hide on mobile */
.hide-mobile { display: none; }

@media (min-width: 600px) {
	.hide-mobile { display: inline; }
}

/* Mobile columns — stack */
@media (max-width: 781px) {
	.wp-block-columns {
		flex-wrap: wrap !important;
	}
	.wp-block-column {
		flex-basis: 100% !important;
	}
}

/* Tablet — 2 col for service cards */
@media (min-width: 782px) and (max-width: 1024px) {
	/* Service cards 2-col */
}

/* Small mobile tweaks */
@media (max-width: 480px) {
	.wp-block-cover.is-style-bucholc-hero {
		min-height: 65vh !important;
	}
	.wp-block-buttons {
		flex-direction: column;
		width: 100%;
	}
	.wp-block-button {
		width: 100%;
	}
	.wp-block-button__link {
		width: 100%;
		text-align: center;
		justify-content: center;
	}
}

/* =========================================================
   WORDPRESS ADMIN BAR COMPAT
   ========================================================= */
@media (min-width: 601px) {
	.admin-bar .wp-block-group.has-card-background-color[style*="sticky"],
	.admin-bar .is-position-sticky {
		top: 32px !important;
	}
}
@media (max-width: 600px) {
	.admin-bar .wp-block-group.has-card-background-color[style*="sticky"],
	.admin-bar .is-position-sticky {
		top: 46px !important;
	}
}

/* =========================================================
   POST CARDS IN QUERY LOOP
   ========================================================= */
.wp-block-post-template .wp-block-post-featured-image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

/* =========================================================
   PRINT STYLES
   ========================================================= */
@media print {
	.wp-block-navigation,
	.wp-block-buttons,
	.bucholc-hero::before,
	.bucholc-hero::after {
		display: none !important;
	}
}