/*
 * grzegorzek-child — wzorce sekcji (patterns/) i wspólne ikony-maski.
 * Ładowany z functions.php (po blog.css). Zasady: builder first (global.css).
 */

/* ─── 1. Wzorzec „CTA — Umów konsultację” (patterns/cta-konsultacja.php) ── */
/* Tło, kolory, odstępy, typografia — atrybuty bloków we wzorcu. Tu poświata, */
/* stany przycisków i wiersz informacji (wp:html).                         */
.tg-cta-box {
	position: relative;
	overflow: clip;
}

.tg-cta-box::before {
	content: "";
	position: absolute;
	top: 28px;
	left: 50%;
	width: 640px;
	max-width: 100%;
	height: 260px;
	transform: translateX(-50%);
	background: radial-gradient(60% 100% at 50% 0, color-mix(in srgb, var(--wp--preset--color--accent-1) 55%, transparent), transparent 70%);
	pointer-events: none;
}

.tg-cta-box > * {
	position: relative;
	z-index: 1;
}

.tg-cta-box .wp-block-button__link {
	transition: transform 0.15s, filter 0.15s, background-color 0.15s, border-color 0.15s;
}

.tg-cta-box .tg-cta-primary .wp-block-button__link:is(:hover, :focus-visible) {
	background-color: var(--wp--preset--color--accent-1) !important;
	filter: brightness(1.25);
	transform: translateY(-2px);
}

.tg-cta-box .tg-cta-ghost .wp-block-button__link:is(:hover, :focus-visible) {
	border-color: var(--wp--preset--color--page) !important;
	background-color: color-mix(in srgb, var(--wp--preset--color--page) 8%, transparent) !important;
}

.tg-cta-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 22px;
	margin-top: 30px;
	color: var(--wp--preset--color--muted-invert);
	font-size: 0.86rem;
	line-height: 1.75;
	opacity: 0.9;
}

.tg-cta-meta span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.tg-cta-meta svg {
	flex: 0 0 15px;
	color: var(--wp--preset--color--accent-2);
}

/* Ikony przycisków wzorca (style.css §6): telefon, koperta */
.tg-ic-phone .wp-block-button__link::before,
.tg-ic-mail .wp-block-button__link::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 0.55em;
	vertical-align: -0.3em;
	background-color: currentColor;
	-webkit-mask: var(--tg-ic) center / contain no-repeat;
	mask: var(--tg-ic) center / contain no-repeat;
}

.tg-ic-phone .wp-block-button__link::before {
	--tg-ic: var(--tg-ic-phone);
}

.tg-ic-mail .wp-block-button__link::before {
	--tg-ic: var(--tg-ic-mail);
}

/* Ikony (maski) — jedno miejsce */
:root {
	--tg-ic-article: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E");
	--tg-ic-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
	--tg-ic-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.2-1.1a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");
	--tg-ic-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
	--tg-ic-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4L13.4 20.6a2 2 0 0 1-2.8 0l-7.2-7.2A2 2 0 0 1 2.8 12V4.8A2 2 0 0 1 4.8 2.8H12a2 2 0 0 1 1.4.6l7.2 7.2a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E");
	--tg-ic-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
	--tg-ic-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
	--tg-ic-cal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}