/*
Theme Name:     Plumbio Child
Theme URI:      https://smartdata.tonytemplates.com/plumbio/
Description:    Child theme for Plumbio
Author:         Smartdatasoft Team
Author URI:     https://themeforest.net/user/smartdatasoft
Template:       plumbio
Version:        1.0
*/

/* ----------------------------------------------------------------------------
 * Child Theme Style.css styles begin here!
 * ------------------------------------------------------------------------- */

/* ============================================================================
 * GALVENE — mobilā / planšetes versija (2026-07-31)
 * 1) Poga "Pieteikt konsultāciju" uz šauriem ekrāniem neietilpa rindā un tika
 *    nogriezta — ļaujam tai pārlēkt uz nākamo rindu. Poga ir kompakta, lai abas
 *    rindas ietilptu galvenes oriģinālajā 59px augstumā (citādi zem logo
 *    parādās lieka sarkana josla).
 * 2) Tēmas izvēlne (.desktopmenu) pazūd pie 1100px, bet Elementor galvenē nav
 *    tēmas mobilās izvēlnes — tāpēc pievienojam burgeru un izbīdāmo paneli
 *    VISOS platumos, kur izvēlnes nav (≤1100px). Skripts — functions.php.
 * ========================================================================= */

/* --- Galvenes izkārtojums uz telefoniem --- */
@media (max-width: 767px) {
	header.tt-header,
	header.tt-header .row-header-layout,
	header.tt-header .tt-header-holder,
	header.tt-header .tt-col__objects { height: auto !important; min-height: 59px; }

	header.tt-header .tt-col__objects {
		flex-wrap: wrap;
		justify-content: flex-end;
		align-content: center;
		column-gap: 15px;
		row-gap: 2px;
	}
	header.tt-header .tt-col__objects .tt-col__item { margin-left: 0 !important; }

	header.tt-header .tt-col__objects .tt-btn {
		height: 36px !important;
		min-height: 0 !important;
		line-height: 1 !important;
		padding: 0 13px !important;
	}
}

/* Ļoti šauri ekrāni (≤360px): CTA pogai galvenē vairs nepietiek vietas —
 * tā tiek rādīta izbīdāmajā izvēlnē (galvenē paliek logo, tālrunis, burgers).
 * Logo kolonnu sašaurināt NEDRĪKST — baltais diagonālais ķīlis aizsedz logo. */
@media (max-width: 360px) {
	header.tt-header .tt-col__objects .tt-btn { display: none !important; }
}

/* --- Burgers: visur, kur nav redzama izvēlne (≤1100px) --- */
@media (max-width: 1100px) {
	header.tt-header .tt-col__objects { padding-right: 52px !important; }

	.zs-burger {
		position: absolute; top: 0; bottom: 0; right: 8px;
		width: 42px;
		display: flex; align-items: center; justify-content: center;
		background: none; border: 0; padding: 0; cursor: pointer; z-index: 30;
	}
	.zs-burger i {
		display: block; position: relative;
		width: 26px; height: 2px; background: #e2231a; border-radius: 2px;
		transition: background .2s;
	}
	.zs-burger i::before,
	.zs-burger i::after {
		content: ""; position: absolute; left: 0;
		width: 26px; height: 2px; background: #e2231a; border-radius: 2px;
		transition: transform .25s;
	}
	.zs-burger i::before { top: -8px; }
	.zs-burger i::after  { top: 8px; }
	.zs-burger.is-open i { background: transparent; }
	.zs-burger.is-open i::before { transform: translateY(8px) rotate(45deg); }
	.zs-burger.is-open i::after  { transform: translateY(-8px) rotate(-45deg); }
}

@media (min-width: 768px) {
	/* Šuves novēršana starp baltajiem blokiem */
	header.tt-header .tt-col__objects { margin-left: -1px !important; }
}

@media (min-width: 1101px) {
	/* Izvēlne ir redzama — burgers nav vajadzīgs */
	.zs-burger, .zs-nav, .zs-nav-overlay { display: none !important; }
}

/* --- Izbīdāmais panelis --- */
.zs-nav {
	position: fixed; top: 0; right: 0; height: 100%;
	width: 320px; max-width: 85vw;
	background: #fff; transform: translateX(100%);
	transition: transform .28s ease; z-index: 100000;
	overflow-y: auto; box-shadow: -4px 0 24px rgba(0, 0, 0, .18);
}
.zs-nav.is-open { transform: none; }
.zs-nav-overlay {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0, 0, 0, .5);
	opacity: 0; visibility: hidden; transition: opacity .28s; z-index: 99999;
}
.zs-nav-overlay.is-open { opacity: 1; visibility: visible; }
body.zs-nav-open { overflow: hidden; }

.zs-nav-close {
	position: absolute; top: 12px; right: 12px;
	width: 40px; height: 40px; border: 0; background: none; cursor: pointer; font-size: 0;
}
.zs-nav-close::before,
.zs-nav-close::after {
	content: ""; position: absolute; top: 19px; left: 9px;
	width: 22px; height: 2px; background: #1d1d1d;
}
.zs-nav-close::before { transform: rotate(45deg); }
.zs-nav-close::after  { transform: rotate(-45deg); }

.zs-nav-cta {
	display: block; margin: 64px 20px 8px; padding: 13px 10px;
	border: 2px solid #e2231a; border-radius: 26px;
	color: #e2231a; font-size: 14px; font-weight: 700;
	text-align: center; text-decoration: none;
}
.zs-nav-cta:hover { background: #e2231a; color: #fff; }

.zs-nav ul { list-style: none; margin: 0; padding: 0; }
.zs-nav > ul { padding: 64px 0 24px; }
.zs-nav-cta + ul { padding-top: 8px !important; }
.zs-nav li { position: relative; border-bottom: 1px solid #eee; }
.zs-nav li a {
	display: block; padding: 14px 44px 14px 20px;
	color: #1d1d1d; font-size: 15px; font-weight: 600; text-decoration: none;
}
.zs-nav li a:hover { color: #e2231a; }
.zs-nav .zs-sub-toggle {
	position: absolute; top: 0; right: 0;
	width: 44px; height: 49px; border: 0; background: none; cursor: pointer;
}
.zs-nav .zs-sub-toggle::after {
	content: ""; position: absolute; top: 20px; left: 16px;
	width: 8px; height: 8px;
	border-right: 2px solid #777; border-bottom: 2px solid #777;
	transform: rotate(45deg); transition: transform .2s;
}
.zs-nav .zs-sub-toggle.is-open::after { transform: rotate(-135deg); top: 23px; }
.zs-nav ul ul { display: none; background: #fafafa; }
.zs-nav ul ul.is-open { display: block; }
.zs-nav ul ul a { padding-left: 34px; font-weight: 400; font-size: 14px; }

/* ============================================================================
 * VALODU PĀRSLĒDZĒJS (LV / EN) — TranslatePress
 * Galvenē uz datora, izbīdāmās izvēlnes augšā uz telefona/planšetes.
 * ========================================================================= */
.zs-lang {
	display: flex; align-items: center; gap: 2px;
	font-size: 13px; font-weight: 700; line-height: 1;
}
.zs-lang a {
	color: #6c7176; text-decoration: none; padding: 3px 5px; border-radius: 3px;
	transition: color .15s;
}
.zs-lang a:hover { color: #e2231a; }
.zs-lang a.is-active { color: #e2231a; }
.zs-lang .zs-lang-sep { color: #c9ced3; font-weight: 400; }

/* galvenes variants — tikai tur, kur ir redzama izvēlne (dators) */
@media (max-width: 1100px) {
	.zs-lang--header, .zs-lang-item { display: none !important; }
}
@media (min-width: 1101px) {
	.zs-lang--panel { display: none !important; }
	header.tt-header .zs-lang-item { margin-right: 18px; display: flex; align-items: center; }
}

/* paneļa variants — telefons / planšete */
.zs-lang--panel {
	justify-content: center;
	margin: 64px 20px 0;
	padding-bottom: 14px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
}
.zs-lang--panel a { padding: 6px 10px; }
/* kad panelī ir pārslēdzējs, CTA pogai vairs nevajag lielo augšējo atkāpi */
.zs-lang--panel + .zs-nav-cta { margin-top: 14px; }

/* ============================================================================
 * KĀJENE (footer) — kolonnu platumi.
 * Sākotnēji kreisā kolonna (logo + apraksts) aizņēma ~62% no rindas, tāpēc
 * trīs labās kolonnas bija pārāk šauras un garākie nosaukumi lauzās 4 rindās
 * ("Ugunsgrēka atklāšana un signalizācija (AUATSS)", "Bezmaksas konsultācija
 * (līguma klientiem)"). Sašaurinām kreiso un paplašinām labās.
 * Tikai uz datora — zem 1025px Elementor kolonnas jau kārtojas viena zem otras.
 * ========================================================================= */
@media (min-width: 1025px) {
	footer .elementor-element-5981eba > .elementor-container > .elementor-element-1bcc03d { width: 36% !important; } /* logo + apraksts */
	footer .elementor-element-5981eba > .elementor-container > .elementor-element-ba23e5a { width: 22% !important; } /* Pakalpojumi */
	footer .elementor-element-5981eba > .elementor-container > .elementor-element-94cb08b { width: 21% !important; } /* Uzņēmums */
	footer .elementor-element-5981eba > .elementor-container > .elementor-element-9e6cd2e { width: 21% !important; } /* Kontakti */

	/* CTA poga kājenē — mazākas sānu atkāpes, lai teksts ietilpst vienā rindā
	   arī angliski ("Request a consultation"). */
	footer .elementor-element-9e6cd2e .elementor-button {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
}

/* ============================================================================
 * PROJEKTI — režģis lapā /projekti/ un atsevišķa projekta lapa.
 * Krāsu mainīgie nāk no lapas (.ud-projekti-root); fallback vērtības vajadzīgas
 * atsevišķā projekta lapā, kur to nav.
 * ========================================================================= */
.ud-projekti-list { background: var(--paper, #f7f8f9); }

.ud-prj-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
@media (max-width: 1024px) { .ud-prj-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; } }
@media (max-width: 640px)  { .ud-prj-grid { grid-template-columns: 1fr; gap: 18px; } }

.ud-prj-card {
	display: flex; flex-direction: column;
	background: #fff; border-radius: 14px; overflow: hidden;
	text-decoration: none; color: inherit;
	box-shadow: 0 2px 10px rgba(16, 20, 26, .06);
	transition: transform .2s ease, box-shadow .2s ease;
}
.ud-prj-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(16, 20, 26, .14);
}
.ud-prj-card__img {
	display: block; position: relative;
	aspect-ratio: 16 / 10; background: #e9ecef; overflow: hidden;
}
.ud-prj-card__img img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .35s ease;
}
.ud-prj-card:hover .ud-prj-card__img img { transform: scale(1.04); }
.ud-prj-card__body { padding: 20px 22px 24px; }
.ud-prj-card__meta {
	display: block; font-size: 12px; font-weight: 700;
	letter-spacing: .1em; text-transform: uppercase;
	color: var(--red, #e2231a); margin-bottom: 8px;
}
.ud-prj-card__title {
	display: block; font-family: 'Archivo', sans-serif; font-weight: 700;
	font-size: 18px; line-height: 1.35; color: #10141a;
}
.ud-prj-card:hover .ud-prj-card__title { color: var(--red, #e2231a); }

/* --- atsevišķa projekta lapa --- */
.ud-prj-single { max-width: 900px; margin: 0 auto; padding: clamp(40px, 6vw, 72px) 24px; }
.ud-prj-single__meta {
	font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
	color: #e2231a; margin-bottom: 14px;
}
.ud-prj-single__title {
	font-family: 'Archivo', sans-serif; font-weight: 800;
	font-size: clamp(28px, 3.6vw, 42px); line-height: 1.12; margin: 0 0 26px;
}
.ud-prj-single__img { margin: 0 0 30px; }
.ud-prj-single__img img { width: 100%; height: auto; border-radius: 14px; display: block; }
.ud-prj-single__content { font-size: 17px; line-height: 1.7; color: #3b4149; }
.ud-prj-single__content p { margin: 0 0 16px; }
.ud-prj-back {
	display: inline-flex; align-items: center; gap: 8px; margin-top: 34px;
	font-weight: 700; color: #e2231a; text-decoration: none;
}
.ud-prj-back:hover { text-decoration: underline; }

/* --- projektu filtrs --- */
.ud-prj-filter {
	display: flex; flex-wrap: wrap; gap: 10px;
	margin: 0 0 30px;
}
.ud-prj-filter__btn {
	appearance: none; cursor: pointer;
	padding: 9px 18px; border-radius: 999px;
	border: 1px solid rgba(16, 20, 26, .14);
	background: #fff; color: #3b4149;
	font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1;
	transition: color .15s, border-color .15s, background .15s;
}
.ud-prj-filter__btn:hover { color: var(--red, #e2231a); border-color: var(--red, #e2231a); }
.ud-prj-filter__btn.is-active {
	background: var(--red, #e2231a); border-color: var(--red, #e2231a); color: #fff;
}
.ud-prj-card[hidden] { display: none; }
.ud-prj-empty { margin: 8px 0 0; color: var(--muted, #6c7176); }
@media (max-width: 640px) {
	.ud-prj-filter { gap: 8px; }
	.ud-prj-filter__btn { padding: 8px 14px; font-size: 13px; }
}