/* NT 2026-09-29 tails (pklawfirm.sk stand 8084): small fixes after the day of edits. PHP part: inc/mod/nt-tails.php.
   Rules here only override other modules and Elementor output, nothing else. Rollback: delete this file. */

/* 2) Footer bottom row (HFE 5152, text d247286 "Ochrana osobných údajov | Pravidlá cookies"): keep the links left of the
   floating contact button and the theme "scroll to top" button (nt-contact-widget.css: from 768px about 100px from the window
   edge). The footer row is 1380px wide at most, so the extra space is needed only while the side margin is under 100px. */
@media only screen and (min-width: 768px) {
	.elementor-5152 .elementor-element-d247286 {
		padding-right: max(0px, calc(100px - max(0px, (100vw - 1380px) / 2)));
	}
}

/* 3) Blog, posts and other pages with the right sidebar: from 992px the sidebar is a static column; keep it clear of the
   floating buttons on the right (same space as in item 2; .content-wrapper is 1380px wide at most). */
@media only screen and (min-width: 992px) {
	.content-wrapper.content-wrapper-sidebar-position-right {
		padding-right: max(0px, calc(100px - max(0px, (100vw - 1380px) / 2)));
	}
}

/* 8) Blog on phones: copy of the sidebar call to action under the list of posts (markup from inc/mod/nt-tails.php);
   the sidebar itself is a slide-out panel below 992px. Styles repeat nt-blog-cases.css (there scoped to .sidebar). */
.nt-tails-cta-mobile {
	display: none;
}
@media only screen and (max-width: 991px) {
	.nt-tails-cta-mobile {
		display: block;
		margin: 50px 0 10px;
	}
}
.nt-tails-cta-mobile .nt-bc-cta {
	background: #1f1f1f;
	border-radius: 10px;
	padding: 32px 24px 30px;
	color: #ffffff;
	border-top: 3px solid #166574;
}
.nt-tails-cta-mobile .nt-bc-cta h3.nt-bc-cta-title {
	color: #ffffff;
	font-size: 26px;
	line-height: 1.25;
	margin: 0 0 12px;
	padding: 0;
	border: 0;
	text-transform: none;
	letter-spacing: 0;
}
.nt-tails-cta-mobile .nt-bc-cta .nt-bc-cta-text {
	color: rgba(255, 255, 255, .8);
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 14px;
}
.nt-tails-cta-mobile .nt-bc-cta .nt-bc-cta-phone {
	margin: 0 0 24px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
}
.nt-tails-cta-mobile .nt-bc-cta .nt-bc-cta-phone a {
	color: #166574;
	text-decoration: none;
	white-space: nowrap;
}
.nt-tails-cta-mobile .nt-bc-cta .wp-block-buttons {
	margin: 0;
}
.nt-tails-cta-mobile .nt-bc-cta .wp-block-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #166574 !important; /* theme .body-container button rules win otherwise */
	background-image: none !important;
	color: #1f1f1f !important;
	padding: 14px 26px !important;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}
.nt-tails-cta-mobile .nt-bc-cta .wp-block-button .wp-block-button__link:hover {
	background: #0f4c57 !important;
}
.nt-tails-cta-mobile .nt-bc-cta .wp-block-button .wp-block-button__link::after {
	display: none;
}
.nt-tails-cta-mobile .nt-bc-cta .wp-block-button .wp-block-button__link svg {
	width: 7px;
	height: 11px;
	fill: none;
	stroke: currentColor;
}

/* 10) Service and branch pages on phones: the portrait banner photo (780x1301, width 100%, height auto, nt-service-pages.css)
   ends above the bottom of the dark slide and its lower edge was visible. A layer as tall as the photo (padding-top = 1301/780)
   fades the last part of the photo into the slide colour #141414. */
@media only screen and (max-width: 767px) {
	.nt-service-page .elementor-element-a9d08a7 .elementor-repeater-item-ebd58b8::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 0;
		padding-top: 166.8%;
		background-image: linear-gradient(to bottom, rgba(20, 20, 20, 0) 72%, rgba(20, 20, 20, .6) 88%, #141414 99.5%);
		pointer-events: none;
		z-index: 0;
	}
	/* slide content above the fade layer (the slide's ::before already paints below the content) */
	.nt-service-page .elementor-element-a9d08a7 .elementor-repeater-item-ebd58b8 > .elementor-section {
		z-index: 1;
	}
}