/* NT 2026-09-29 qa-fixes (pklawfirm.sk stand 8084): layout fixes after the independent QA. PHP part: inc/mod/nt-qa-fixes.php.
   Rules here only override other modules, the theme and Elementor output. Rollback: delete this file. */

/* 5) /kontakt/ (page 10249): the PK sign of the footer (5152, f1a8c25) sticks out above the footer top edge and covered the
   lower right corner of the map (Google labels). More space under the map container f7df626 on this page only. */
.elementor-10249 .elementor-element-f7df626 {
	margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
	.elementor-10249 .elementor-element-f7df626 {
		margin-bottom: 55px;
	}
}

/* 6) Blog sidebar widget titles ("Rubriky", "Najnovsie clanky"): theme icon of three gold stripes (fontello e840)
   -> small PK sign of the client (attachment 10547, medium size 205x300), like in the header. */
.sidebar .widget .widget-title:before {
	content: "" !important;
	font-family: inherit;
	width: 15px;
	height: 22px;
	top: 0.05em;
	background: url("/wp-content/uploads/2026/09/header-pk-sign-205x300.png") no-repeat center / contain;
}

/* 7) Attorney pages (/pavol-krajcirik/, /renata-petrencikova/) and single cases: the right text column reached the window
   edge, the floating buttons (nt-contact-widget: about 100px from the right window edge from 768px) covered line ends.
   Extra right padding only while the side margin of the 1380px grid is too small for the buttons. */
@media only screen and (min-width: 992px) {
	.single-team.nt-attorney .team-short-info {
		padding-right: max(20px, calc(120px - max(0px, (100vw - 1380px) / 2 - 20px)));
	}
	/* theme: .single-project-wrapper .single-project .project-post-content { padding: 0 20px } */
	.single-project-wrapper .single-project .project-post-content {
		padding-right: max(20px, calc(120px - max(0px, (100vw - 1380px) / 2)));
	}
}

/* ===== QA2 2026-09-29: second independent check of the service pages. PHP part: end of inc/mod/nt-qa-fixes.php.
   This file loads before nt-service-pages.css and nt-tails.css (alphabetical), so the rules below use longer selectors. */

/* QA2 2026-09-29 1) Phones: the gold part of the banner H1 on service/branch pages lay on light parts of the photo.
   Dark layer (theme dark #1f1f1f) behind the text block of the slide: starts 110px above the block (the block starts 20px
   above the first H1 line, H1 has 3-5 lines) and goes down to the bottom of the banner; the faces at the top stay open.
   Painted inside the text section (isolation), above the photo and the slide gradients, below the text and buttons. */
@media only screen and (max-width: 767px) {
	body.nt-service-page .elementor-element-a9d08a7 .elementor-repeater-item-ebd58b8 .elementor-text-column .elementor-inner-section {
		isolation: isolate;
	}
	body.nt-service-page .elementor-element-a9d08a7 .elementor-repeater-item-ebd58b8 .elementor-text-column .elementor-inner-section::before {
		content: "";
		position: absolute;
		top: -110px;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		background-image: linear-gradient(to bottom, rgba(31, 31, 31, 0) 0, rgba(31, 31, 31, .55) 55px, rgba(31, 31, 31, .86) 118px, rgba(31, 31, 31, .9) 100%);
		pointer-events: none;
	}
}

/* QA2 2026-09-29 2) Desktop: the longest H1 word of some pages was 10-15px wider than the heading box at 1280-1600
   (Elementor: text column 42%, font 4.6vw; from 1601px column 41.5%, font 80px). A slightly smaller font on these widths,
   the text column keeps its width (the faces on the left stay clear), no hyphenation. What is still too wide (long Russian or
   English words) is fitted by the script in inc/mod/nt-qa-fixes.php. Service/branch pages only, the home page fits as is. */
.elementor-widget-constructum_content_slider h1.content-slider-item-heading {
	hyphens: manual;
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
	body.nt-service-page .elementor-element.elementor-element-a9d08a7 .elementor-repeater-item-ebd58b8 h1.constructum-heading {
		font-size: 4.3vw;
	}
}
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
	body.nt-service-page .elementor-element.elementor-element-a9d08a7 .elementor-repeater-item-ebd58b8 h1.constructum-heading {
		font-size: min(80px, 4.15vw);
	}
}

/* QA2 2026-09-29 3) Branch pages, cards of the services (nt-services-cards grid): the gold numbers "/01", "/02" merged with
   light parts of the photos. Light dark gradient on the top of the photo and a soft shadow of the number. */
.nt-cards-grid .service-item-media {
	position: relative;
}
.nt-cards-grid .service-item-media::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 170px;
	background-image: linear-gradient(to bottom, rgba(31, 31, 31, .62) 0, rgba(31, 31, 31, .42) 50%, rgba(31, 31, 31, 0) 100%);
	pointer-events: none;
}
.nt-cards-grid .service-item-number {
	text-shadow: 0 1px 2px rgba(0, 0, 0, .55), 0 0 14px rgba(0, 0, 0, .45);
}

/* QA2 2026-09-29 4) Phones, first screen of the home and service pages: the floating contact button covered the right end of
   the gold "Volajte 24/7" button of the banner. Hidden (closed state only) while the banner buttons are on screen
   (html class from the script in inc/mod/nt-qa-fixes.php), shown after scrolling below them. */
@media only screen and (max-width: 767px) {
	html.nt-qa2-hero-btns .nt-cw:not(.is-open) {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
}

/* QA2 2026-09-29 5) /pravo-v-oblasti-polnohospodarstva-a-potravinarstva/ (page 10221 and its translations, body class
   nt-qa2-agri from inc/mod/nt-qa-fixes.php), 1400-1600: the face of the second man was partly under the H1. Banner photo
   (1920x774, cover) moved to the left: background-position 70% -> 85% (Elementor value 70% 50%); the lawyer stays whole.
   Below 1400px the photo is already cut at the lawyer's shoulder, a shift would cut him more, so it stays as is. */
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	body.nt-qa2-agri .elementor-element.elementor-element-a9d08a7 .elementor-repeater-item-ebd58b8 {
		background-position: 85% 50%;
	}
}

/* FINAL 2026-09-29 */

/* FINAL 2026-09-29 3) Phones (up to 767px), banner of the home page / (3974), /en/ (10607), /ru/ (10631): the gold part of
   the H1 lay on the white shirt of the photo (contrast about 1.2). Same dark layer as the service pages (QA2 1 above):
   behind the text block of the slide, from 110px above the block to the bottom of the banner. The translations carry
   body class page-id-3974 (nt-static-i18n.php). From 768px nothing changes. */
@media only screen and (max-width: 767px) {
	body.page-id-3974 .elementor-element-a9d08a7 .elementor-repeater-item-ebd58b8 .elementor-text-column .elementor-inner-section {
		isolation: isolate;
	}
	body.page-id-3974 .elementor-element-a9d08a7 .elementor-repeater-item-ebd58b8 .elementor-text-column .elementor-inner-section::before {
		content: "";
		position: absolute;
		top: -110px;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		background-image: linear-gradient(to bottom, rgba(31, 31, 31, 0) 0, rgba(31, 31, 31, .55) 55px, rgba(31, 31, 31, .86) 118px, rgba(31, 31, 31, .9) 100%);
		pointer-events: none;
	}
}

/* FINAL 2026-09-29 5) Blog articles (10554, 10556): two buttons at the end of the article stood 10px apart in height. The
   theme gives a non-last block in the content margin-bottom 21px, the Buttons row centers its items, so the first button
   went up by half of it. The row already has its own gap (24px, also between wrapped rows on phones). */
.single-post .wp-block-buttons > .wp-block-button {
	margin-bottom: 0;
}

/* FINAL-B 2026-09-29 */

/* FINAL-B 2026-09-29 4) RU footer (HFE 10759), list "Наши услуги" (8b7afd3): four links in two 290px columns left an
   empty middle on 1440 (two links left, two far right). One column of four on all widths; SK and EN lists unchanged. */
footer .elementor-10759 .elementor-element.elementor-element-8b7afd3 ul {
  -webkit-column-count: 1;
  column-count: 1;
}

/* FINAL-B2 2026-09-29: RU is letters only (Nikita 2026-09-28, flag filter nt_finb_ru_flag switched off). In the open
   language dropdown (1440 and mobile menu 390) a code without a flag is shifted by the flag width + gap (18 + 6 px),
   so SK / EN / RU letters stand in one column. Top-level item is untouched (gap to the arrow stays as is). */
.nt-lang-switcher .sub-menu li.nt-lang-item > a > .nt-lang-code:first-child {
  margin-left: 24px;
}