/* NT 2026-09-30 pklawfirm.sk stand 8084, executor q: fixes after the checks of Nikita's edits (qa and visual review).
   Loaded last (alphabetical order, after nt-zz-final-p.css), rules here only override other modules, the theme and Elementor.
   PHP part (non-breaking "s. r. o.") in inc/mod/nt-zz-final-q.php. Rollback: delete this file. */

/* ===== 1) Dark block "Prečo práve my" (68c80a3) with the photo of the lawyer on the branch pages, the service pages and the
   overview of services (body class nt-service-page, sk, en, ru): the photo stood on the bottom edge of the block. Same as the
   home page (nt-zz-final-i.css, P4): dark padding under the photo as big as over it; from 992px the photo is as high as the
   text column. The element ids are the same on all these pages. */
body.nt-service-page .elementor-element.elementor-element-68c80a3 {
	--padding-bottom: var(--padding-top);
}
@media only screen and (min-width: 992px) {
	body.nt-service-page .elementor-element.elementor-element-a48a30a {
		--padding-bottom: 0px;
	}
	body.nt-service-page .elementor-element.elementor-element-728d4ac {
		position: relative;
	}
	body.nt-service-page .elementor-element.elementor-element-2dfcea7 {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		justify-content: flex-end;
	}
	body.nt-service-page .elementor-element.elementor-element-2dfcea7 > .elementor-widget-container {
		display: flex;
		justify-content: flex-end;
		height: 100%;
		width: 100%;
	}
	body.nt-service-page .elementor-element.elementor-element-2dfcea7 img {
		height: 100%;
		width: auto;
		max-width: 100%;
		object-fit: cover;
		object-position: 50% 30%;
	}
}

/* ===== 2) Phones (up to 767px), photo cards of the branch pages and of the overview (.nt-cards-grid): the photos are cut
   close above the eyes in the source images, and the dark gradient over the top 170px of the card (nt-qa-fixes.css QA2 3,
   there for the gold number) lay exactly on the faces. On phones the shade is now only in the upper left corner behind the
   number, the faces are not darkened. */
@media only screen and (max-width: 767px) {
	.nt-cards-grid .service-item-media::after {
		height: 140px;
		background-image: radial-gradient(ellipse 150px 120px at 0 0, rgba(31, 31, 31, .6) 0, rgba(31, 31, 31, .38) 55%, rgba(31, 31, 31, 0) 100%);
	}
}

/* ===== 4) Phones: small text. Date of the posts in the blog list, in the articles and in the "latest posts" block
   (12px) and the links "Predchádzajúca / Ďalšia" of the case studies and of the articles (12px): now 14px. */
@media only screen and (max-width: 767px) {
	html body .post-meta-item-date .post-meta-item-month-year,
	html body .wp-block-latest-posts li .wp-block-latest-posts__post-date {
		font-size: 14px;
	}
	/* nt-zz-final-c.css 11 had set 12px so that "Predchádzajúca" fits on one line next to its arrow; the line stays
	   unbroken (nowrap from module c), only the size is back to 14px */
	html body .post-navigation .post-navigation-item .post-navigation-link a,
	html body.single-project .post-navigation .post-navigation-item .post-navigation-link a {
		font-size: 14px;
	}
}