/* ===== Prymart FSE — custom CSS poza tokenami theme.json ===== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
	--prymart-radius-lg: 28px;
	--prymart-radius-pill: 999px;
	--prymart-transition: 200ms cubic-bezier(.4,0,.2,1);
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* === HERO — fire-show photo with blob mask === */

.prymart-hero {
	position: relative;
	overflow: hidden;
}

.prymart-hero__media {
	position: relative;
	aspect-ratio: 4 / 5;
	width: 100%;
	max-width: 720px;
	margin-inline: auto;
}

@media (min-width: 900px) {
	.prymart-hero__media { max-width: 100%; aspect-ratio: 5 / 6; }
}

/* === Video player card (replaces previous CTA media blob) === */
.prymart-video {
	position: relative;
	aspect-ratio: 16 / 10;
	width: 100%;
	border-radius: 24px;
	overflow: hidden;
	cursor: pointer;
	background: #000;
	box-shadow: 0 24px 60px -20px rgba(165, 106, 240, .25), 0 0 0 1px rgba(255,255,255,.06);
	transition: var(--prymart-transition);
}
.prymart-video:hover { transform: translateY(-2px); box-shadow: 0 30px 70px -20px rgba(165, 106, 240, .4), 0 0 0 1px rgba(255,255,255,.1); }
.prymart-video img.prymart-video__poster {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	filter: brightness(.7) saturate(1.1);
	transition: var(--prymart-transition);
}
.prymart-video:hover img.prymart-video__poster { filter: brightness(.55) saturate(1.2); }
.prymart-video .prymart-play-btn {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.prymart-video__label {
	position: absolute;
	left: 1.5rem;
	bottom: 1.5rem;
	color: #fff;
	font-weight: 600;
	font-size: .95rem;
	letter-spacing: .02em;
	text-shadow: 0 2px 8px rgba(0,0,0,.5);
	pointer-events: none;
}

/* Modal dialog for video */
dialog.prymart-video-dialog {
	border: none;
	padding: 0;
	background: transparent;
	max-width: min(90vw, 1120px);
	width: 100%;
}
dialog.prymart-video-dialog::backdrop { background: rgba(0,0,0,.85); backdrop-filter: blur(8px); }
dialog.prymart-video-dialog .dialog-body {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 16px;
	overflow: hidden;
	background: #000;
}
dialog.prymart-video-dialog iframe { width: 100%; height: 100%; border: 0; }
dialog.prymart-video-dialog .dialog-close {
	position: absolute;
	top: -3rem; right: 0;
	background: rgba(255,255,255,.12);
	color: #fff;
	border: 0;
	border-radius: 999px;
	width: 40px; height: 40px;
	cursor: pointer;
	font-size: 1.5rem;
	line-height: 1;
}
dialog.prymart-video-dialog .dialog-close:hover { background: var(--wp--preset--color--purple); color: var(--wp--preset--color--dark); }

.prymart-hero__media > figure,
.prymart-hero__media .wp-block-image {
	margin: 0;
	width: 100%;
	height: 100%;
}
.prymart-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 720'><path fill='black' d='M90 70c80-50 200-60 290-10 90 50 140 140 130 240-10 110-60 200-160 250-100 50-220 50-300-20-80-70-110-180-80-290 30-110 70-130 120-170z'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 720'><path fill='black' d='M90 70c80-50 200-60 290-10 90 50 140 140 130 240-10 110-60 200-160 250-100 50-220 50-300-20-80-70-110-180-80-290 30-110 70-130 120-170z'/></svg>");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.prymart-hero__media::before {
	content: "";
	position: absolute;
	inset: -10% 5% auto auto;
	width: 38%;
	aspect-ratio: 1;
	background: radial-gradient(circle at 30% 30%, var(--wp--preset--color--purple), var(--wp--preset--color--purple-dark) 70%);
	border-radius: 65% 35% 70% 30% / 60% 50% 50% 40%;
	z-index: -1;
	opacity: .9;
}

.prymart-hero__media::after {
	content: "";
	position: absolute;
	inset: auto -5% -10% 10%;
	width: 35%;
	aspect-ratio: 1;
	background: var(--wp--preset--color--yellow);
	border-radius: 40% 60% 55% 45% / 50% 60% 40% 50%;
	z-index: -1;
	opacity: .35;
}

/* === Sections flow — kill 24px WP gap between header/main/footer === */

body { background: var(--wp--preset--color--white); }

.wp-site-blocks > *,
:where(.wp-site-blocks) > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }

/* HTML block alignfull tweak (for our manual alignfull on html blocks) */
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; }

/* === Header navigation === */

.prymart-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--wp--preset--color--white);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--dark) 6%, transparent);
}

.prymart-logo img {
	height: 38px;
	width: auto;
}

/* Header CTA: dark pill with white text */
.prymart-header .wp-block-button__link.has-dark-background-color {
	color: #ffffff !important;
}
.prymart-header .wp-block-button__link.has-dark-background-color:hover {
	background: var(--wp--preset--color--purple) !important;
	color: var(--wp--preset--color--dark) !important;
}

/* === Dark section utility === */

.prymart-section-dark {
	background: var(--wp--preset--color--dark);
	color: var(--wp--preset--color--white);
}

.prymart-section-dark :where(h1,h2,h3,h4,h5,h6):not([class*="has-"][class*="-color"]) {
	color: var(--wp--preset--color--white);
}

/* Defeat WP-generated `.has-text-color { color: var(--text) !important }`
   for headings using a palette accent color */
.prymart-section-dark h1.has-purple-color,
.prymart-section-dark h2.has-purple-color,
.prymart-section-dark h3.has-purple-color {
	color: var(--wp--preset--color--purple) !important;
}
.prymart-section-dark p.has-purple-color { color: var(--wp--preset--color--purple) !important; }

.prymart-section-dark .prymart-accent { color: var(--wp--preset--color--purple); }

/* === Counters === */

.prymart-counter {
	text-align: left;
}
.prymart-counter__number {
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 800;
	color: var(--wp--preset--color--purple);
	line-height: 1;
	letter-spacing: -0.02em;
}
.prymart-counter__label {
	font-size: 1rem;
	color: var(--wp--preset--color--white);
	opacity: .8;
	margin-top: .5rem;
	display: block;
}

/* === Pill tags (Oferta) === */

.prymart-pill {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	padding: .75rem 1.4rem;
	background: var(--wp--preset--color--white);
	border: 1.5px solid color-mix(in srgb, var(--wp--preset--color--dark) 12%, transparent);
	border-radius: var(--prymart-radius-pill);
	font-weight: 600;
	color: var(--wp--preset--color--dark);
	text-decoration: none;
	transition: var(--prymart-transition);
}
.prymart-pill, .prymart-pill:hover, .prymart-pill:focus { text-decoration: none; }
.prymart-pill span { text-decoration: none; }
.prymart-pill:hover {
	border-color: var(--wp--preset--color--purple);
	background: color-mix(in srgb, var(--wp--preset--color--purple) 8%, white);
}
.prymart-pill::before {
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1.5px solid var(--wp--preset--color--dark);
	background: radial-gradient(circle, transparent 40%, currentColor 41%, currentColor 45%, transparent 46%);
}

/* === Trust strip (logos) === */

.prymart-trust__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem 3rem;
	align-items: center;
	justify-items: center;
}
@media (min-width: 640px)  { .prymart-trust__grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .prymart-trust__grid { grid-template-columns: repeat(6, 1fr); } }

.prymart-trust__grid img {
	max-height: 72px;
	width: auto;
	filter: grayscale(20%);
	opacity: .85;
	transition: var(--prymart-transition);
}
.prymart-trust__grid img:hover {
	filter: none;
	opacity: 1;
}

/* === Kontakt formularz === */

.prymart-contact-form .wpcf7-form input[type="text"],
.prymart-contact-form .wpcf7-form input[type="email"],
.prymart-contact-form .wpcf7-form input[type="tel"],
.prymart-contact-form .wpcf7-form textarea {
	width: 100%;
	padding: .95rem 1.15rem;
	border: 1.5px solid color-mix(in srgb, var(--wp--preset--color--dark) 12%, transparent);
	border-radius: 16px;
	background: var(--wp--preset--color--white);
	font-family: inherit;
	font-size: 1rem;
	transition: var(--prymart-transition);
}
.prymart-contact-form .wpcf7-form input:focus,
.prymart-contact-form .wpcf7-form textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--purple);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--purple) 18%, transparent);
}
.prymart-contact-form .wpcf7-form textarea { min-height: 140px; resize: vertical; }
.prymart-contact-form .wpcf7-form .wpcf7-submit {
	background: var(--wp--preset--color--purple);
	color: var(--wp--preset--color--dark);
	border: none;
	padding: .95rem 2rem;
	border-radius: 999px;
	font-weight: 700;
	cursor: pointer;
	transition: var(--prymart-transition);
}
.prymart-contact-form .wpcf7-form .wpcf7-submit:hover {
	background: var(--wp--preset--color--purple-dark);
	color: var(--wp--preset--color--white);
}
.prymart-contact-form .wpcf7-form-control-wrap { display: block; margin-bottom: 1rem; }

/* In dark sections, invert form colors */
.prymart-section-dark .prymart-contact-form .wpcf7-form input[type="text"],
.prymart-section-dark .prymart-contact-form .wpcf7-form input[type="email"],
.prymart-section-dark .prymart-contact-form .wpcf7-form input[type="tel"],
.prymart-section-dark .prymart-contact-form .wpcf7-form textarea {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .25);
	color: var(--wp--preset--color--white);
}
.prymart-section-dark .prymart-contact-form .wpcf7-form input::placeholder,
.prymart-section-dark .prymart-contact-form .wpcf7-form textarea::placeholder {
	color: rgba(255, 255, 255, .55);
}
.prymart-section-dark .prymart-contact-form label {
	display: block;
	color: rgba(255, 255, 255, .9);
	font-weight: 600;
	font-size: 0.9rem;
	margin-bottom: .35rem;
}

/* === Play button === */

.prymart-play-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: var(--wp--preset--color--white);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent);
	cursor: pointer;
	transition: var(--prymart-transition);
}
.prymart-play-btn:hover {
	transform: scale(1.05);
	background: var(--wp--preset--color--purple);
}
.prymart-play-btn::after {
	content: "";
	width: 0; height: 0;
	border-style: solid;
	border-width: 12px 0 12px 18px;
	border-color: transparent transparent transparent var(--wp--preset--color--dark);
	margin-left: 4px;
}

/* === Footer typography & elements === */

.prymart-footer { position: relative; }

.prymart-footer::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(165, 106, 240, .35), transparent);
}

.prymart-footer__h {
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--purple) !important;
	margin: 0 0 0.25rem 0 !important;
}

.prymart-footer__tagline {
	color: rgba(255, 255, 255, .65) !important;
	max-width: 28ch;
}

.prymart-footer__addr {
	color: rgba(255, 255, 255, .82);
}
.prymart-footer__addr strong { color: var(--wp--preset--color--white); }

.prymart-footer__nav { padding: 0; list-style: none; }
.prymart-footer__nav li { margin: 0 !important; padding: 0; }
.prymart-footer__nav a {
	color: rgba(255, 255, 255, .82);
	text-decoration: none;
	padding: 0.35rem 0;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	transition: var(--prymart-transition);
}
.prymart-footer__nav a::before {
	content: "";
	width: 0;
	height: 1.5px;
	background: var(--wp--preset--color--purple);
	transition: width 200ms ease;
}
.prymart-footer__nav a:hover {
	color: var(--wp--preset--color--white);
}
.prymart-footer__nav a:hover::before { width: 16px; }

.prymart-footer__sep { border: 0; height: 1px !important; }

.prymart-footer__copy {
	color: rgba(255, 255, 255, .5) !important;
	margin: 0 !important;
}

/* === Page-level spacing === */

.wp-block-group.has-dark-background-color {
	color: var(--wp--preset--color--white);
}
.wp-block-group.has-dark-background-color :where(h1,h2,h3,h4,h5,h6) {
	color: var(--wp--preset--color--white);
}