/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ==========================================================
   DDD365 – blok „Druhy švábov + prečo sú nebezpečné“
   Písmo a veľkosti nadpisov preberá téma.
   ========================================================== */

.ddd-swa {
	--a-bg: #FAEBD5;
	--a-red: #A3190F;
	--a-or: #F5931D;
	position: relative;
	overflow: hidden;
	width: 100%;
	background: var(--a-bg);
	padding: clamp(40px, 6vw, 80px) 0;
}

/* dekoratívna silueta švába v pravom hornom rohu */
.ddd-swa__deco {
	position: absolute;
	top: -20px;
	right: -10px;
	width: clamp(140px, 18vw, 260px);
	height: auto;
	color: var(--a-or);
	opacity: .12;
	transform: rotate(-28deg);
	pointer-events: none;
}
.ddd-swa__deco .f { fill: currentColor; }
.ddd-swa__deco .l {
	fill: none;
	stroke: currentColor;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* pozadie ide cez celú šírku, obsah drží šírku kontajnera z Blocksy
   (Customizer → General → Layout: Maximum Site Width + Edges Spacing) */
.ddd-swa__in {
	position: relative;
	width: min(100%, var(--theme-container-width, 90vw));
	max-width: var(--theme-normal-container-max-width, 1290px);
	margin: 0 auto;
}
.ddd-swa h2 { margin: 0 0 .6em; }
.ddd-swa__lead { margin: 0 0 36px; }

/* odkazy podčiarknuté – nerozlišujú sa len farbou (PSI: link-in-text-block) */
.ddd-swa a {
	color: var(--a-red);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.ddd-swa a:hover,
.ddd-swa a:focus-visible { text-decoration-thickness: 2px; }

/* karty druhov */
.ddd-swa__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
}
.ddd-swa__card {
	background: rgba(255, 255, 255, .75);
	border: 1px solid rgba(163, 25, 15, .12);
	border-radius: 16px;
	padding: 24px;
}
.ddd-swa__card h3 { margin: 0 0 .5em; color: var(--a-red); }
.ddd-swa__card p { margin: 0; }

.ddd-swa__fig {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0 0 16px;
}

/* ilustrácie druhov – rus je menší, aby bol vidieť rozdiel veľkosti */
.ddd-swa__bug {
	flex: none;
	width: auto;
	height: 84px;
	box-sizing: content-box;
	background: var(--a-bg);
	border-radius: 50%;
	padding: 10px 18px;
}
.ddd-swa__bug--rus { height: 64px; padding: 20px 24px; }
.ddd-swa__bug .l {
	fill: none;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.ddd-swa__bug--rus .b { fill: #C08A4E; }
.ddd-swa__bug--rus .p { fill: #D9A86C; }
.ddd-swa__bug--rus .l { stroke: #8A5A2B; }
.ddd-swa__bug--rus .s {
	fill: none;
	stroke: #3E2210;
	stroke-width: 5;
	stroke-linecap: round;
}
.ddd-swa__bug--oby .b { fill: #3B2418; }
.ddd-swa__bug--oby .p { fill: #24150D; }
.ddd-swa__bug--oby .l { stroke: #3B2418; }

.ddd-swa__size {
	background: var(--a-red);
	color: #fff;
	font-weight: 700;
	padding: 4px 14px;
	border-radius: 20px;
	white-space: nowrap;
}

/* rámik „Prečo sú šváby nebezpečné“ */
.ddd-swa__alert {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 20px;
	margin: 40px 0 0;
	background: #fff;
	border: 2px solid rgba(163, 25, 15, .22);
	border-radius: 16px;
	padding: clamp(22px, 4vw, 36px);
	box-shadow: 0 10px 30px -12px rgba(90, 40, 10, .22);
}
.ddd-swa__alert p { margin: 0 0 1em; }
.ddd-swa__alert p:last-child { margin: 0; }

.ddd-swa__ico {
	width: 48px;
	height: 48px;
	color: var(--a-red);
	background: #FDE3DF;
	border-radius: 50%;
	padding: 10px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* tablet + mobil: len riadkovanie nadpisov, veľkosť písma ostáva na téme */
@media (max-width: 1024px) {
	.ddd-swa h2,
	.ddd-swa h3 { line-height: 1.2; }
}

@media (max-width: 600px) {
	.ddd-swa__alert { grid-template-columns: 1fr; }
}


/* ==========================================================
   DDD365 – tmavý blok „Postup + Kde + Cena“ (likvidácia švábov)
   Písmo a veľkosti nadpisov preberá téma.
   ========================================================== */

.ddd-swd {
	--d-bg: #1F1B18;
	--d-card: #2A2420;
	--d-border: rgba(245, 147, 29, .32);
	--d-border-hi: rgba(245, 147, 29, .75);
	--d-line: rgba(255, 255, 255, .14);
	--d-text: #EFE7DE;
	--d-muted: #CFC4B8;
	--d-or: #F5931D;
	position: relative;
	width: 100%;
	color: var(--d-text);
	background:
		radial-gradient(900px 500px at 85% 0%, rgba(245, 147, 29, .10), transparent 60%),
		radial-gradient(700px 500px at 0% 100%, rgba(200, 40, 27, .08), transparent 60%),
		var(--d-bg);
	padding: clamp(48px, 7vw, 96px) 0;
}

/* obsah v šírke kontajnera z Blocksy */
.ddd-swd__in {
	width: min(100%, var(--theme-container-width, 90vw));
	max-width: var(--theme-normal-container-max-width, 1290px);
	margin: 0 auto;
}

.ddd-swd h2,
.ddd-swd h3 { color: #fff; }
.ddd-swd h2 { margin: 0 0 .5em; }
.ddd-swd p { margin: 0; line-height: 1.7; }
.ddd-swd strong { color: #fff; }

/* odkazy podčiarknuté – nerozlišujú sa len farbou (PSI) */
.ddd-swd a {
	color: var(--d-or);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.ddd-swd a:hover,
.ddd-swd a:focus-visible { text-decoration-thickness: 2px; }

/* sekcie oddelené jemnou linkou */
.ddd-swd__sec + .ddd-swd__sec {
	margin-top: clamp(40px, 7vw, 88px);
	padding-top: clamp(40px, 7vw, 88px);
	border-top: 1px solid var(--d-line);
}

/* štítok nad nadpisom – logo DDD365 | text (logo spoločné aj pre CTA) */
.ddd-swd__kicker {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin: 0 0 14px !important;
	color: var(--d-muted);
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.ddd-swd__kicker span,
.ddd-cta__kicker span {
	flex: none;
	width: 66px;
	height: 16px;
	padding-right: 14px;
	border-right: 1px solid rgba(255, 255, 255, .3);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 570 140'%3E%3Cpath fill='%23fff' d='M0.03 135.58l16.18 -131.66c0.16,-0.66 0.44,-1.22 0.88,-1.66 0.44,-0.44 0.99,-0.66 1.66,-0.66l36.04 0c11.16,0 19.93,2.93 26.28,8.72 6.35,5.85 9.55,13.86 9.55,23.96 0,1.16 -0.11,3.09 -0.38,5.69l-7.4 59.56c-1.44,11.54 -6.18,20.81 -14.3,27.82 -8.11,7.01 -18.33,10.55 -30.53,10.55l-35.99 0c-0.66,0 -1.16,-0.22 -1.54,-0.72 -0.39,-0.44 -0.56,-0.99 -0.45,-1.6zm35.5 -25.34l5.24 -0.17c2.71,-0.16 5.14,-1.38 7.23,-3.64 2.05,-2.26 3.37,-5.24 3.87,-9.05l6.62 -55.32c0.11,-0.6 0.17,-1.54 0.17,-2.7 0,-3.15 -0.72,-5.63 -2.21,-7.45 -1.49,-1.82 -3.48,-2.71 -5.96,-2.71l-5.08 0c-0.5,0 -0.88,0.33 -1.16,1l-9.55 79.05c-0.27,0.66 0,0.99 0.83,0.99zm54.84 25.34l16.18 -131.66c0.16,-0.66 0.44,-1.22 0.88,-1.66 0.44,-0.44 0.99,-0.66 1.66,-0.66l36.04 0c11.15,0 19.93,2.93 26.28,8.72 6.35,5.85 9.55,13.86 9.55,23.96 0,1.16 -0.11,3.09 -0.39,5.69l-7.39 59.56c-1.44,11.54 -6.19,20.81 -14.3,27.82 -8.12,7.01 -18.33,10.55 -30.53,10.55l-35.99 0c-0.66,0 -1.16,-0.22 -1.55,-0.72 -0.38,-0.44 -0.55,-0.99 -0.44,-1.6zm35.5 -25.34l5.24 -0.17c2.71,-0.16 5.13,-1.38 7.23,-3.64 2.05,-2.26 3.37,-5.24 3.87,-9.05l6.62 -55.32c0.11,-0.6 0.17,-1.54 0.17,-2.7 0,-3.15 -0.72,-5.63 -2.21,-7.45 -1.49,-1.82 -3.48,-2.71 -5.96,-2.71l-5.08 0c-0.5,0 -0.89,0.33 -1.16,1l-9.55 79.05c-0.28,0.66 0,0.99 0.83,0.99zm54.84 25.34l16.17 -131.66c0.17,-0.66 0.45,-1.22 0.89,-1.66 0.44,-0.44 0.99,-0.66 1.65,-0.66l36.05 0c11.15,0 19.93,2.93 26.28,8.72 6.35,5.85 9.55,13.86 9.55,23.96 0,1.16 -0.11,3.09 -0.39,5.69l-7.4 59.56c-1.43,11.54 -6.18,20.81 -14.29,27.82 -8.12,7.01 -18.33,10.55 -30.53,10.55l-35.99 0c-0.67,0 -1.16,-0.22 -1.55,-0.72 -0.39,-0.44 -0.55,-0.99 -0.44,-1.6zm35.49 -25.34l5.25 -0.17c2.7,-0.16 5.13,-1.38 7.23,-3.64 2.04,-2.26 3.37,-5.24 3.86,-9.05l6.63 -55.32c0.11,-0.6 0.16,-1.54 0.16,-2.7 0,-3.15 -0.71,-5.63 -2.2,-7.45 -1.49,-1.82 -3.48,-2.71 -5.97,-2.71l-5.07 0c-0.5,0 -0.89,0.33 -1.16,1l-9.55 79.05c-0.28,0.66 0,0.99 0.82,0.99z'/%3E%3Cpath fill='%23F5931D' d='M387.4 94.07l-1.99 12.69c-1.71,9.72 -6.23,17.61 -13.69,23.63 -7.45,6.02 -16.61,9.05 -27.38,9.05 -10.54,0 -18.93,-2.7 -25.22,-8.11 -6.3,-5.36 -9.44,-12.48 -9.44,-21.26 0,-1.71 0.05,-2.98 0.22,-3.92 0.11,-2.2 0.44,-5.63 0.94,-10.32 0.27,-1.54 1.1,-2.32 2.54,-2.32l26.66 0c1.43,0 2.15,0.67 2.15,1.94 0,1.43 -0.11,2.81 -0.27,4.19 -0.17,1.38 -0.28,2.65 -0.28,3.81 0,2.59 0.5,4.58 1.54,6.02 1.05,1.43 2.54,2.15 4.48,2.15 2.04,0 3.86,-0.77 5.35,-2.26 1.49,-1.49 2.6,-3.54 3.2,-6.13l1.77 -12.64 0.39 -4.31c0.38,-3.14 0.6,-6.18 0.6,-9.16 0,-2.21 -0.55,-3.98 -1.65,-5.25 -1.11,-1.27 -2.6,-1.93 -4.42,-1.93 -2.04,0 -4.31,1.05 -6.79,3.09 -0.77,0.5 -1.38,0.78 -1.77,0.78 -0.27,0 -0.77,-0.28 -1.54,-0.78l-11.87 -14.79c-0.39,-0.66 -0.61,-1.16 -0.61,-1.55 0,-0.49 0.33,-1.1 1,-1.76l25.28 -24.73c0.66,-0.78 0.61,-1.16 -0.17,-1.16l-32.51 0c-0.66,0 -1.16,-0.22 -1.55,-0.72 -0.38,-0.44 -0.55,-0.99 -0.44,-1.6l2.76 -22.8c0.11,-0.66 0.39,-1.22 0.88,-1.66 0.45,-0.44 1,-0.66 1.66,-0.66l68.89 0c0.67,0 1.22,0.22 1.6,0.66 0.39,0.44 0.5,1 0.39,1.66l-2.76 23.57c-0.11,0.88 -0.61,1.77 -1.54,2.71l-23.36 24.34c-0.49,0.77 -0.44,1.16 0.17,1.16 5.58,0.39 10.05,3.15 13.36,8.17 3.31,5.08 4.69,11.21 4.2,18.33 0,2.48 -0.28,6.4 -0.78,11.87zm85.84 0.99l-1.32 10.71c-1.6,10.65 -6.19,18.88 -13.75,24.78 -7.56,5.91 -17.17,8.89 -28.7,8.89 -10.93,0 -19.43,-2.7 -25.45,-8.17 -6.02,-5.46 -8.83,-13.47 -8.45,-24.12 0,-2.87 0.17,-5.91 0.55,-9.17l7.4 -62.71c1.16,-10.76 5.69,-19.37 13.47,-25.72 7.78,-6.35 17.44,-9.55 28.98,-9.55 9.99,0 18.05,2.7 24.18,8.17 6.13,5.47 9.16,12.81 9.16,22.03 0,1.05 -0.11,2.7 -0.38,5.07l-1 7.18c-0.11,0.66 -0.38,1.22 -0.82,1.66 -0.5,0.49 -1.05,0.71 -1.71,0.71l-26.89 0c-0.61,0 -1.1,-0.22 -1.49,-0.71 -0.39,-0.44 -0.55,-1 -0.44,-1.66l0.61 -5.02 0.16 -1.99c0,-1.93 -0.49,-3.59 -1.43,-4.97 -1,-1.38 -2.16,-2.04 -3.43,-2.04 -1.93,0 -3.64,0.83 -5.07,2.43 -1.44,1.65 -2.32,3.86 -2.71,6.57l-2.32 19.04c0,0.83 0.39,0.94 1.16,0.39 4.91,-3.75 9.99,-5.63 15.18,-5.63 8.17,0 14.52,2.59 18.99,7.78 4.47,5.19 6.74,12.31 6.74,21.42 0,2.37 -0.06,4.14 -0.22,5.3 -0.17,1.66 -0.5,4.75 -1,9.33zm-31.52 -2.32l1 -10.32c0.11,-2.38 -0.34,-4.25 -1.38,-5.69 -1.05,-1.43 -2.38,-2.15 -4.09,-2.15 -1.93,0 -3.59,0.72 -4.97,2.15 -1.38,1.44 -2.32,3.37 -2.81,5.85l-1.6 10.16 -1.16 10.88c-0.11,2.59 0.33,4.63 1.38,6.01 1.05,1.44 2.54,2.16 4.47,2.16 1.93,0 3.59,-0.78 4.91,-2.27 1.27,-1.49 2.21,-3.48 2.71,-6.07l1.54 -10.71zm116.48 2.32l-1.55 11.09c-1.43,10.38 -5.96,18.5 -13.63,24.4 -7.67,5.91 -17.28,8.89 -28.82,8.89 -10.76,0 -19.1,-2.7 -25,-8.11 -5.91,-5.36 -8.89,-13.42 -8.89,-24.18l0.38 -5.47c0.28,-1.6 1.11,-2.37 2.54,-2.37l26.83 0c1.16,0 1.82,0.61 1.99,1.77l0 1.16 0 2.15c0,4.91 1.82,7.4 5.46,7.4 4.26,0 6.91,-2.65 7.95,-7.95 0.39,-1.94 0.89,-4.86 1.38,-8.78 0.11,-1.05 0.22,-2.21 0.39,-3.53 0.11,-1.27 0.17,-2.65 0.17,-4.09 0.16,-2.32 -0.28,-4.19 -1.33,-5.63 -1.05,-1.43 -2.54,-2.15 -4.47,-2.15 -3.53,0 -5.96,1.54 -7.23,4.69 -0.66,1.44 -1.55,2.15 -2.71,2.15l-27.1 0c-0.61,0 -1.11,-0.22 -1.49,-0.71 -0.39,-0.45 -0.55,-1 -0.44,-1.66l9.71 -80.21c0.17,-0.66 0.44,-1.22 0.94,-1.66 0.44,-0.44 0.99,-0.66 1.6,-0.66l71.71 0c0.61,0 1.16,0.22 1.55,0.66 0.38,0.44 0.49,1 0.38,1.66l-2.76 22.96c-0.11,0.67 -0.38,1.22 -0.83,1.66 -0.49,0.44 -1.04,0.66 -1.65,0.66l-41.68 0c-0.66,0 -0.99,0.33 -0.99,1l-3.54 27.49c0,0.38 0.17,0.6 0.44,0.66 0.28,0.05 0.5,0 0.78,-0.28 4.91,-4.14 10.43,-6.23 16.56,-6.23 7.78,0 13.8,2.42 18.1,7.28 4.26,4.86 6.41,11.71 6.41,20.54 0,1.27 -0.11,3.25 -0.39,5.85 0,1.93 -0.27,5.13 -0.77,9.55z'/%3E%3C/svg%3E") no-repeat left center / 66px 16px;
	box-sizing: content-box;
}

/* dvojstĺpcové rozloženie: text vľavo, obsah vpravo */
.ddd-swd__split {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	gap: clamp(32px, 6vw, 88px);
	align-items: start;
}
.ddd-swd__intro p:not(.ddd-swd__kicker) { color: var(--d-muted); }

/* spoločný vzhľad kariet – viditeľný oranžový rámik */
.ddd-swd__steps li,
.ddd-swd__places li,
.ddd-swd__card {
	background: var(--d-card);
	border: 1px solid var(--d-border);
	transition: border-color .2s;
}
.ddd-swd__steps li:hover,
.ddd-swd__places li:hover { border-color: var(--d-border-hi); }

/* 1 – kroky postupu */
/* 3 karty vedľa seba, číslo kroku ako odznak nad nadpisom */
.ddd-swd__steps {
	list-style: none;
	counter-reset: swd;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}
.ddd-swd__steps li {
	counter-increment: swd;
	border-radius: 14px;
	padding: 28px 26px;
}
.ddd-swd__steps li::before {
	content: counter(swd, decimal-leading-zero);
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin: 0 0 18px;
	border-radius: 50%;
	background: rgba(245, 147, 29, .14);
	border: 1px solid var(--d-border);
	color: var(--d-or);
	font-weight: 700;
}
.ddd-swd__steps h3 { margin: 0 0 .4em; }

/* 2 – kde pôsobíme */
.ddd-swd__head { max-width: 820px; margin: 0 0 32px; }
.ddd-swd__head p:not(.ddd-swd__kicker) { color: var(--d-muted); }
.ddd-swd__places {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}
.ddd-swd__places li {
	display: flex;
	align-items: center;
	gap: 14px;
	border-radius: 12px;
	padding: 18px 20px;
	color: #fff;
	font-weight: 600;
	line-height: 1.4;
}
.ddd-swd__places svg {
	width: 44px;
	height: 44px;
	flex: none;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
	background: rgba(245, 147, 29, .14);
	fill: none;
	stroke: var(--d-or);
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* 3 – cena */
.ddd-swd__price { align-items: center; }
.ddd-swd__card {
	border-color: rgba(245, 147, 29, .5);
	border-radius: 16px;
	padding: clamp(22px, 4vw, 40px);
	box-shadow: 0 20px 50px -24px rgba(0, 0, 0, .6);
}
.ddd-swd__amount {
	margin: 0 0 18px !important;
	padding: 0 0 18px;
	border-bottom: 1px solid var(--d-line);
	color: var(--d-muted);
}
.ddd-swd__amount strong {
	display: inline-block;
	margin-right: 8px;
	padding: 4px 14px;
	border-radius: 30px;
	background: var(--d-or);
	color: #1F1B18;
	font-weight: 800;
}
.ddd-swd__card > p:not(.ddd-swd__amount) { color: var(--d-text); }

/* tablet */
@media (max-width: 1024px) {
	.ddd-swd h2,
	.ddd-swd h3 { line-height: 1.2; }
	.ddd-swd__split { grid-template-columns: 1fr; gap: 28px; }
	.ddd-swd__steps { grid-template-columns: 1fr; gap: 14px; }
	.ddd-swd__places { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* mobil – menej vnútorných okrajov, viac miesta pre text */
@media (max-width: 600px) {
	.ddd-swd__kicker { letter-spacing: .08em; }
	.ddd-swd__head { margin-bottom: 24px; }
	.ddd-swd__steps li { padding: 20px 18px 22px; }
	.ddd-swd__steps li::before { width: 38px; height: 38px; margin-bottom: 12px; }
	.ddd-swd__places { grid-template-columns: 1fr; gap: 10px; }
	.ddd-swd__places li { padding: 14px 16px; }
	.ddd-swd__places svg { width: 40px; height: 40px; padding: 9px; }
	.ddd-swd__card { padding: 22px 18px; }
}


/* ==========================================================
   DDD365 – CTA blok na konci stránky (shortcode [ddd_cta])
   Biele pozadie stránky, tmavá karta. Písmo preberá téma.
   ========================================================== */

.ddd-cta {
	--c-bg: #1F1B18;
	--c-text: #EFE7DE;
	--c-muted: #CFC4B8;
	--c-or: #F5931D;
	--c-line: rgba(255, 255, 255, .14);
	width: 100%;
	padding: clamp(48px, 7vw, 96px) 0;
}

/* obsah v šírke kontajnera z Blocksy */
.ddd-cta__in {
	width: min(100%, var(--theme-container-width, 90vw));
	max-width: var(--theme-normal-container-max-width, 1290px);
	margin: 0 auto;
}

/* karta: text vľavo, výhody vpravo, kontakt na celú šírku dole */
.ddd-cta__box {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(28px, 5vw, 64px);
	padding: clamp(28px, 5vw, 56px);
	border: 1px solid rgba(245, 147, 29, .35);
	border-radius: 24px;
	color: var(--c-text);
	background:
		radial-gradient(600px 400px at 100% 0%, rgba(245, 147, 29, .16), transparent 60%),
		var(--c-bg);
	box-shadow: 0 30px 60px -30px rgba(31, 27, 24, .55);
}

.ddd-cta h3 { color: #fff; }
.ddd-cta h2 { margin: 0 0 .5em; line-height: 1.2; color: #FAC98E; }

/* ľavý stĺpec zvislo na stred voči panelu s odrážkami */
.ddd-cta__text { align-self: center; }
.ddd-cta h3 { margin: 0 0 .8em; }
.ddd-cta p { margin: 0; line-height: 1.7; color: var(--c-muted); }
.ddd-cta strong { color: #fff; }

/* štítok: logo DDD365 | text (logo zdieľa pravidlo s .ddd-swd__kicker) */
.ddd-cta .ddd-cta__kicker {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin: 0 0 14px;
	color: var(--c-or);
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
}

/* výhody – skutočný zoznam ul/li, odrážka ako oranžová fajka */
.ddd-cta__why {
	padding: clamp(22px, 3vw, 32px);
	border: 1px solid var(--c-line);
	border-radius: 16px;
	background: rgba(255, 255, 255, .03);
}
.ddd-cta__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 14px;
}
.ddd-cta__list li {
	position: relative;
	padding-left: 40px;
	line-height: 1.6;
	color: var(--c-muted);
}
.ddd-cta__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .15em;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5931D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center / 14px,
		rgba(245, 147, 29, .16);
}

/* kontakt – veta s dvoma výraznými odkazmi */
.ddd-cta__contact {
	grid-column: 1 / -1;
	line-height: 3.4 !important;
	padding-top: clamp(22px, 3vw, 32px);
	border-top: 1px solid var(--c-line);
}
.ddd-cta .ddd-cta__contact a {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	gap: 10px;
	margin: 0 6px;
	padding: 12px 22px;
	line-height: 1.3;
	border-radius: 10px;
	font-weight: 800;
	text-decoration: none;
	transition: background .2s, border-color .2s, transform .2s;
}
.ddd-cta .ddd-cta__contact a:hover,
.ddd-cta .ddd-cta__contact a:focus-visible { transform: translateY(-2px); }

/* ikony cez data URI – v HTML nie je nič navyše */
.ddd-cta .ddd-cta__contact a::before {
	content: "";
	width: 20px;
	height: 20px;
	flex: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* telefón – hlavná akcia */
.ddd-cta .ddd-cta__tel {
	background: var(--c-or);
	color: #1F1B18;
}
.ddd-cta .ddd-cta__tel:hover,
.ddd-cta .ddd-cta__tel:focus-visible { background: #FFA83D; color: #1F1B18; }
.ddd-cta .ddd-cta__tel::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F1B18' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A17 17 0 0 1 3 5a2 2 0 0 1 2-2'/%3E%3C/svg%3E");
}

/* e-mail – vedľajšia akcia */
.ddd-cta .ddd-cta__mail {
	border: 1px solid rgba(255, 255, 255, .3);
	color: #fff;
	overflow-wrap: anywhere;
	margin-right: 2px;
}
.ddd-cta .ddd-cta__mail:hover,
.ddd-cta .ddd-cta__mail:focus-visible { border-color: var(--c-or); color: #fff; }
.ddd-cta .ddd-cta__mail::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5931D' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 5h18v14H3zM3 6l9 7 9-7'/%3E%3C/svg%3E");
}

@media (max-width: 1024px) {
	.ddd-cta h2,
	.ddd-cta h3 { line-height: 1.2; }
	.ddd-cta__box { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.ddd-cta__box { padding: 26px 18px; border-radius: 18px; }
	.ddd-cta .ddd-cta__kicker { flex-direction: column; align-items: flex-start; gap: 8px; letter-spacing: .04em; }
	.ddd-cta__kicker span { padding-right: 0; border-right: 0; }
	.ddd-cta__why { padding: 20px 16px; }
	.ddd-cta__list li { padding-left: 36px; }
	/* tlačidlá na celú šírku – ľahko sa trafia prstom */
	.ddd-cta__contact { line-height: 1.7 !important; }
	.ddd-cta__dot { display: none; }
	.ddd-cta .ddd-cta__contact a { display: flex; box-sizing: border-box; width: 100%; justify-content: center; margin: 10px 0; }
}