/* NT 2026-09-30 m (pklawfirm.sk stand 8084): edits of Nikita P27, P28, P29 (P34 is page data, see the PHP file).
   Loaded by the module loader of functions.php after nt-zz-final-l.css. Rollback: delete this file (and inc/mod/nt-zz-final-m.php).
   Scripts, shots and backups: SITE/pravki-nikity-2026-09-30/m/, /opt/advokat/_backups/pravki-2026-09-30/m/. */

/* P27) Page title block of the inner pages (widget 4a1f220 of the HFE headers 10291, 10753 EN, 10755 RU: O nas, team, attorneys,
   blog, case studies, contact). New photo of the two attorneys (colour, not darkened): attachment 10831 (computer, the pair on the
   right, left part is a soft continuation of the wall) and 10832 (phone). Old attachments 10545 / 10546 stay in the Elementor
   setting and in the media library. The darkening is only under the title on the left; the gold glow at the bottom is weaker. */
body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container {
	background-color: #1f1f1f;
	background-image: url("/wp-content/uploads/2026/09/header-title-bg-advokati-desktop.webp") !important; /* P27 */
	background-size: cover !important;
	background-position: right 22% !important; /* P27: heads stay inside on very wide screens */
}
body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-bg {
	background-image: linear-gradient(90deg, rgba(24, 24, 24, .86) 0%, rgba(24, 24, 24, .74) 24%, rgba(24, 24, 24, .38) 40%, rgba(24, 24, 24, .08) 52%, rgba(24, 24, 24, 0) 60%) !important; /* P27 */
}
body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-bottom-overlay {
	opacity: .3; /* P27: was .72 */
}

/* P27) H1 of the block about 20% smaller on computers (80px before), kept left of the faces */
@media (min-width: 768px) {
	body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-row .page-title {
		font-size: clamp(44px, 3.2vw + 18px, 64px); /* P27: 64px at 1440, 59px at 1280 */
		line-height: 1.12;
		max-width: min(44%, 600px); /* P27: the man's face starts at about 55% of the block */
	}
}

/* P27) PK sign of the block (attachment 10547, nt-header-extra.css): it stood on the jacket of the attorney at the bottom right;
   moved to the dark upper left corner, a bit smaller */
@media (min-width: 768px) {
	body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-svg-decoration {
		width: 52px; /* P27: 82px before */
		height: 76px;
		left: 50px;
		right: auto;
		top: 44px;
		bottom: auto;
	}
}

/* P27) Tablets and small laptops (768-1199px): the pair takes most of the block, so the title goes to the bottom left,
   under the faces, and is a little smaller */
@media (min-width: 768px) and (max-width: 1199px) {
	body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-row .page-title {
		font-size: 44px; /* P27 */
		max-width: 50%;
	}
	body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-wrapper {
		justify-content: flex-end; /* P27 */
		padding-bottom: 84px; /* P27: above the breadcrumbs tab */
	}
	body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-bg {
		background-image: linear-gradient(90deg, rgba(24, 24, 24, .8) 0%, rgba(24, 24, 24, .5) 35%, rgba(24, 24, 24, 0) 55%), linear-gradient(0deg, rgba(24, 24, 24, .75) 0%, rgba(24, 24, 24, .45) 30%, rgba(24, 24, 24, 0) 50%) !important; /* P27 */
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-row .page-title {
		font-size: 38px; /* P27: block is 330px high here, the man's face starts at about 44% */
		max-width: 42%;
	}
}

/* P27) Phones: the photo of the pair sits at the top of the block, the title and the breadcrumbs below the faces */
@media (max-width: 767px) {
	body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container {
		background-image: url("/wp-content/uploads/2026/09/header-title-bg-advokati-mobile.webp") !important; /* P27 */
		background-size: 100% auto !important;
		background-position: center top !important;
	}
	body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-bg {
		background-image: linear-gradient(0deg, rgba(31, 31, 31, 1) 0%, rgba(31, 31, 31, .96) 38%, rgba(31, 31, 31, .55) 50%, rgba(31, 31, 31, 0) 62%) !important; /* P27 */
	}
	body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-row {
		height: auto; /* P27: was 220px */
		min-height: 0;
	}
	body .elementor-widget-constructum_page_title.elementor-element-4a1f220 .page-title-container .page-title-wrapper {
		padding-top: 200px; /* P27: the faces stay above the title */
		padding-bottom: 60px;
	}
}

/* P28) O nas (sk 10237, en 10625, ru 10638), right under the title block: less space above "Kto sme" (container 364fd23,
   margin 150px before) and above the heading inside the black card "Ako pracujeme" (container 34d0980, padding 200px before). */
body:is(.page-id-10237, .page-id-10625, .page-id-10638) .elementor-element.elementor-element-364fd23 {
	--margin-top: 60px; /* P28 */
	margin-top: 60px;
}
body:is(.page-id-10237, .page-id-10625, .page-id-10638) .elementor-element.elementor-element-34d0980 {
	--padding-top: 110px; /* P28 */
	padding-top: 110px;
}
@media (max-width: 1024px) {
	body:is(.page-id-10237, .page-id-10625, .page-id-10638) .elementor-element.elementor-element-364fd23 {
		--margin-top: 50px; /* P28: 120px before */
		margin-top: 50px;
	}
	body:is(.page-id-10237, .page-id-10625, .page-id-10638) .elementor-element.elementor-element-34d0980 {
		--padding-top: 90px; /* P28: 160px before */
		padding-top: 90px;
	}
}
@media (max-width: 767px) {
	body:is(.page-id-10237, .page-id-10625, .page-id-10638) .elementor-element.elementor-element-364fd23 {
		--margin-top: 50px; /* P28: 80px before */
		margin-top: 50px;
	}
	body:is(.page-id-10237, .page-id-10625, .page-id-10638) .elementor-element.elementor-element-34d0980 {
		--padding-top: 60px; /* P28: 80px before */
		padding-top: 60px;
	}
}

/* P29) O nas: space between the list of the five areas of law and "V číslach / Čo pre Vás znamenajú naše čísla"
   (margin of container a3a5c63) about half. */
body:is(.page-id-10237, .page-id-10625, .page-id-10638) .elementor-element.elementor-element-a3a5c63 {
	--margin-top: 75px; /* P29: 150px before */
	margin-top: 75px;
}
@media (max-width: 1024px) {
	body:is(.page-id-10237, .page-id-10625, .page-id-10638) .elementor-element.elementor-element-a3a5c63 {
		--margin-top: 60px; /* P29: 120px before */
		margin-top: 60px;
	}
}
@media (max-width: 767px) {
	body:is(.page-id-10237, .page-id-10625, .page-id-10638) .elementor-element.elementor-element-a3a5c63 {
		--margin-top: 45px; /* P29: 80px before */
		margin-top: 45px;
	}
}