/* =====================================================
DESIGN TOKENS — sader ar iepriekš apstiprinātajiem
HTML paraugiem (Otrais viedoklis, CV, prezentācijas)
===================================================== */
/* Globāla drošība — bez šī padding var palielināt elementu platumu
pāri konteineram un izraisīt horizontālu pārpildi. */
.u-header, .u-header *, .u-footer, .u-footer *{ box-sizing:border-box; }
/* Izlaužas no Astra satura konteinera līdz pilnam ekrāna platumam,
lai sekciju fona krāsas stiepjas no malas līdz malai — pats saturs
(.wrap) paliek centrēts un ierobežota platuma iekšpusē.
(100vw var būt platāks par redzamo laukumu, ja lapā ir vertikāla
ritjosla — tāpēc izmantojam JS-aprēķinātu mainīgo kā rezerves
variantu, un html/body overflow-x:hidden kā drošības tīklu.) */
/* PIEZĪME: apzināti BEZ overflow-x:hidden uz html/body — tas
nobloķē position:sticky headerī. Platuma pārpilde tagad novērsta
citādi (skat. .u-fullbleed noņemšanu šortkodos). */
html, body{ max-width:100%; }
.u-fullbleed{
width:100vw;
position:relative;
left:50%;
right:50%;
margin-left:-50vw;
margin-right:-50vw;
}
.u-header{ width:100%; max-width:100vw; }
.u-footer{ width:100%; max-width:100vw; overflow-x:hidden; }
/* Aizsargā mūsu saturu no Astra/tēmas globālajiem ,
u.c. stiliem,
kas citādi var "iesūkties" shortcode saturā. */
.u-gaisa-wrap, .u-gaisa-wrap *{box-sizing:border-box}
.u-gaisa-wrap{
font-family:'Poppins','Segoe UI',Arial,sans-serif;
color:var(--text, #141c2b);
line-height:1.5;
}
.u-gaisa-wrap p{margin:0 0 1em}
.u-gaisa-wrap img{max-width:100%;height:auto}
.u-gaisa-wrap a{text-decoration:none}
:root{
--bg:#f7f8fa;
--bg2:#eef1f5;
--card:#ffffff;
--line:#e2e6ec;
--orange:#d97a12;
--orange-soft:rgba(217,122,18,.10);
--text:#141c2b;
--muted:#5b6b80;
/* zīmola tumšā josla (header/footer/hero) — melni pelēka
paleta, bez zilās pieskaņas */
--dark-bg:#1a1a1a;
--dark-bg2:#242424;
--dark-footer:#141414;
--dark-line:#333333;
--dark-muted:#a3a3a3;
--dark-accent:#F67B00;
}
*{box-sizing:border-box}
body.urolit-gaisa{
font-family:'Poppins','Segoe UI',Arial,sans-serif;
color:var(--text);
background:var(--bg);
line-height:1.5;
-webkit-font-smoothing:antialiased;
}
/* PIEZĪME: apzināti NAV globālu "body a{}" / "body img{}" noteikumu —
tie iepriekš mainīja arī neaiztikto, veco lapu saturu. Saites/attēlu
stili tagad ir tikai iekš .u-header, .u-footer un .u-gaisa-wrap. */
body.urolit-gaisa .wrap{max-width:1080px;margin:0 auto;padding:0 32px}
/* Dublikāts BEZ body klases atkarības — drošības tīkls, ja HTML
kešs īslaicīgi rāda lapu bez "urolit-gaisa" klases uz . */
.u-header .wrap, .u-footer .wrap, .u-hero .wrap, .u-hero-dark .wrap,
.u-section .wrap, .u-gaisa-wrap .wrap{
max-width:1080px !important; margin:0 auto !important; padding:0 32px !important;
}
/* =====================================================
HEADER (visām lapām vienāds — tumša zīmola josla,
jo logo prasa tumšu fonu)
===================================================== */
.u-header{
position:sticky;top:0;z-index:50;
background:linear-gradient(180deg, var(--dark-bg2) 0%, var(--dark-bg) 100%);
border-bottom:1px solid var(--dark-line);
}
.u-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}
.u-header .u-logo{text-decoration:none;display:flex;align-items:center}
.u-header .u-logo img{height:28px;width:auto;object-fit:contain}
.u-nav{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.u-nav li{position:relative}
.u-nav a, .u-nav a:link, .u-nav a:visited{font-size:13.5px !important;color:#cfcfcf !important;font-weight:500 !important;transition:color .15s;white-space:nowrap;background:transparent !important;text-shadow:none !important}
.u-nav a:hover{color:#fff !important}
.u-nav li.current-menu-item > a,
.u-nav li.current-menu-ancestor > a{color:var(--dark-accent) !important;font-weight:600 !important}
/* dropdown (Pakalpojumi) */
.u-nav .sub-menu{
list-style:none;margin:0;padding:10px 0;position:absolute;top:100%;left:0;
min-width:260px;background:var(--dark-bg);border:1px solid var(--dark-line);
border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.35);
opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s, transform .15s;
}
.u-nav li:hover > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.u-nav .sub-menu a, .u-nav .sub-menu a:link, .u-nav .sub-menu a:visited{display:block;padding:10px 20px;font-size:13px !important;color:#e0e0e0 !important;background:transparent !important}
.u-nav .sub-menu a:hover{color:var(--dark-accent) !important}
.u-nav .menu-item-has-children > a::after{content:" ▾";font-size:10px;color:var(--dark-muted)}
.u-header-right{display:flex;align-items:center;gap:18px}
.u-header-cta{padding:9px 18px !important;font-size:12.5px !important;white-space:nowrap}
@media (max-width:640px){ .u-header-cta{display:none} }
.u-lang{display:flex;align-items:center;gap:6px;font-size:13px;color:#cfcfcf}
.u-cart{position:relative;display:flex;align-items:center;color:#fff}
.u-cart svg{width:19px !important;height:19px !important;display:block !important;overflow:visible}
.u-cart svg path{fill:none !important;stroke:#ffffff !important}
.u-cart svg circle{fill:#ffffff !important;stroke:none !important}
.u-cart .count{
position:absolute;top:-8px;right:-10px;background:var(--dark-accent);color:#fff;
font-size:10px;font-weight:700;border-radius:50%;width:16px;height:16px;
display:flex;align-items:center;justify-content:center;
}
.u-burger{display:none;background:transparent !important;background-color:transparent !important;border:none !important;color:#fff !important;font-size:24px !important;line-height:1 !important;cursor:pointer;padding:6px 4px !important;box-shadow:none !important;-webkit-appearance:none;appearance:none}
@media (max-width:900px){
.u-nav{
display:none;
position:absolute;top:100%;left:0;right:0;
flex-direction:column;align-items:stretch;gap:0;
background:var(--dark-bg);border-top:1px solid var(--dark-line);
box-shadow:0 12px 24px rgba(0,0,0,.35);
max-height:80vh;overflow-y:auto;
}
.u-nav.is-open{display:flex}
.u-nav > li{width:100%}
.u-nav > li > a{display:block;padding:14px 24px !important;border-bottom:1px solid var(--dark-line)}
.u-nav .sub-menu{
position:static;opacity:1;visibility:visible;transform:none;
box-shadow:none;border:none;border-radius:0;background:var(--dark-bg2);
display:none;
}
.u-nav li.is-open > .sub-menu{display:block}
.u-header{position:relative}
.u-burger{display:block}
}
/* =====================================================
HERO (gaišajām lapām) + eyebrow / titles
===================================================== */
.u-hero{
position:relative;overflow:hidden;padding:88px 0 76px;
background:radial-gradient(ellipse 900px 460px at 82% -12%, var(--orange-soft), transparent 60%), var(--bg);
border-bottom:1px solid var(--line);
}
/* KRITISKI: Astra vecais "Headings Color" iestatījums (balts, no
vecā tumšā dizaina) citādi uzvar pār mūsu virsrakstiem un padara
tos praktiski neredzamus uz gaišā fona. Piespiežam pareizo krāsu
visiem h1–h4, kas atrodas mūsu shortcode saturā. */
.u-gaisa-wrap h1, .u-gaisa-wrap h2, .u-gaisa-wrap h3, .u-gaisa-wrap h4{
color:var(--text) !important;
}
/* Tumšajās sekcijās (piem. u-final-cta) virsraksti ir balti ar nolūku —
tos atstājam neskartus. */
.u-gaisa-wrap .u-final-cta h2, .u-gaisa-wrap .u-hero-dark h1{
color:#fff !important;
}
.u-eyebrow{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange) !important;font-weight:600;margin-bottom:20px}
.u-eyebrow::before{content:"";display:block;width:38px;height:2px;background:var(--orange)}
.u-hero h1{font-size:clamp(32px,4.6vw,50px);font-weight:700;line-height:1.14;letter-spacing:-.01em;max-width:780px;margin:0 0 22px}
.u-hero p.lead{font-size:18px;color:var(--muted);max-width:640px;margin:0 0 32px;line-height:1.6}
/* dark photo hero (tikai sākumlapai) — attēls dabiskās proporcijās
labajā pusē, nevis izstiepts kā pilnas platuma fons */
.u-hero-dark{
position:relative;min-height:640px;background:var(--dark-footer);overflow:hidden;
display:flex;align-items:stretch;
}
.u-hero-dark .u-hero-img{
position:absolute;top:0;right:0;height:100%;width:62%;
overflow:hidden;
}
.u-hero-dark .u-hero-img img{
width:100%;height:100%;object-fit:cover;object-position:50% 20%;
display:block;
}
.u-hero-dark .u-hero-img::before{
content:"";position:absolute;inset:0;
background:linear-gradient(90deg, var(--dark-footer) 0%, rgba(20,20,20,.75) 22%, rgba(20,20,20,0) 55%);
}
.u-hero-dark .wrap{position:relative;z-index:2;width:100%;display:flex;align-items:center;min-height:640px}
.u-hero-dark .u-eyebrow-line{width:70px;height:4px;background:#fff;margin-bottom:26px}
.u-hero-dark h1{color:#fff;font-size:clamp(38px,6vw,72px);font-weight:800;line-height:1.05;max-width:640px}
.u-hero-dark .u-quote{position:absolute;right:32px;top:38%;max-width:280px;text-align:right;color:#fff;z-index:3}
.u-hero-dark .u-quote p{font-weight:600;font-size:16px;line-height:1.4}
.u-hero-dark .u-quote .u-quote-name{margin-top:10px;font-weight:700;color:var(--orange)}
@media (max-width:900px){
.u-hero-dark .u-quote{display:none}
.u-hero-dark .u-hero-img{width:100%;opacity:.35}
.u-hero-dark .u-hero-img::before{background:linear-gradient(90deg, var(--dark-footer) 10%, rgba(20,20,20,.75) 100%)}
}
/* =====================================================
sections / cards / buttons — kopīgas komponentes
===================================================== */
.u-section{padding:72px 0}
.u-section.alt{background:var(--bg2)}
.u-section h2{font-size:clamp(24px,3vw,32px);font-weight:700;margin:0 0 14px;letter-spacing:-.01em}
/* ---------- numurēta sadaļas galvene (kā CV lapā) ---------- */
.u-sech{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}
.u-secn{font-size:13px;font-weight:600;color:var(--orange);letter-spacing:.2em}
.u-sech h2{margin:0}
/* ---------- laika līnija ar punktiem (kā CV lapā) ---------- */
.u-tl2{position:relative;padding-left:34px}
.u-tl2::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line)}
.u-tl2-item{position:relative;padding:0 0 30px 26px}
.u-tl2-item:last-child{padding-bottom:0}
.u-tl2-item::before{content:"";position:absolute;left:-34px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--orange);transition:background .2s, box-shadow .2s}
.u-tl2-item:hover::before{background:var(--orange);box-shadow:0 0 0 6px var(--orange-soft)}
/* ---------- scroll-reveal animācija (progresīva uzlabošana:
bez JS viss ir uzreiz redzams, ar JS — parādās ar fade+slide) ---------- */
.js .u-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease, transform .6s ease}
.js .u-reveal.in-view{opacity:1;transform:translateY(0)}
.u-section-lead{color:var(--muted);font-size:15.5px;max-width:680px;line-height:1.7;margin-bottom:36px}
.u-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(20,28,43,.04),0 8px 20px rgba(20,28,43,.05);transition:box-shadow .2s,transform .2s}
.u-card:hover{box-shadow:0 8px 22px rgba(20,28,43,.09);transform:translateY(-2px)}
.u-btn{display:inline-block;font-size:13.5px;font-weight:600;letter-spacing:.02em;padding:11px 22px;border-radius:7px;background:var(--orange);color:#fff !important;transition:transform .15s, box-shadow .15s;box-shadow:0 2px 8px rgba(217,122,18,.25);border:none;cursor:pointer}
.u-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(217,122,18,.32)}
.u-btn.ghost{background:transparent;border:1.5px solid var(--line);color:var(--text) !important;box-shadow:none}
.u-btn.ghost:hover{border-color:var(--orange);color:var(--orange) !important;transform:none}
.u-check-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.u-check-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px}
.u-check-list .ic{flex:none;width:22px;height:22px;border-radius:50%;background:var(--orange-soft);display:flex;align-items:center;justify-content:center;margin-top:1px}
.u-check-list .ic svg{width:11px;height:11px}
.u-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.u-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:900px){.u-grid-3{grid-template-columns:1fr}}
@media (max-width:800px){.u-grid-2{grid-template-columns:1fr}}
.u-numdot{width:38px;height:38px;border-radius:50%;background:var(--orange-soft);border:1.5px solid var(--orange);color:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
/* =====================================================
WooCommerce — pārstilizējam standarta marķējumu,
NEAIZTIEKOT PHP šablonus (drošāk, mazāk risku)
===================================================== */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;list-style:none;margin:0;padding:0}
.woocommerce ul.products li.product{
background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px;
box-shadow:0 1px 2px rgba(20,28,43,.04),0 8px 20px rgba(20,28,43,.05);position:relative;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px;font-weight:700;margin:6px 0 4px;color:var(--text)}
.woocommerce ul.products li.product .price{font-size:26px;font-weight:700;color:var(--orange);display:block;margin:10px 0 16px}
.woocommerce ul.products li.product .price del{color:var(--muted);font-size:16px;margin-right:8px}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce-page a.button{
background:var(--orange) !important;color:#fff !important;border-radius:7px !important;
font-weight:600 !important;padding:11px 22px !important;border:none !important;
box-shadow:0 2px 8px rgba(217,122,18,.25) !important;font-family:'Poppins',sans-serif !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
background:#c06e10 !important;transform:translateY(-1px)
}
.woocommerce div.product .woocommerce-product-gallery{border-radius:12px;overflow:hidden}
.woocommerce div.product p.price, .woocommerce div.product span.price{color:var(--orange);font-size:30px;font-weight:700}
.woocommerce table.cart, .woocommerce-cart table.cart, .woocommerce-checkout table.cart{
border-collapse:collapse;width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden
}
.woocommerce table.cart th{background:var(--bg2);text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:14px}
.woocommerce table.cart td{padding:16px 14px;border-top:1px solid var(--line)}
.woocommerce #content table.cart img, .woocommerce table.cart img{border-radius:8px}
.woocommerce-checkout #payment, .woocommerce-cart-form, .cart-collaterals .cart_totals{
background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce-checkout select{
border:1px solid var(--line) !important;border-radius:7px !important;padding:11px 14px !important;
font-family:'Poppins',sans-serif !important;background:#fff !important;
}
.woocommerce-checkout #payment div.payment_box{background:var(--bg2) !important;border-radius:8px !important}
.woocommerce-message, .woocommerce-info{
border-top-color:var(--orange) !important;background:var(--orange-soft) !important;border-radius:8px;
}
.woocommerce-message::before, .woocommerce-info::before{color:var(--orange) !important}
@media (max-width:700px){.woocommerce ul.products{grid-template-columns:1fr}}
/* =====================================================
FOOTER
===================================================== */
.u-footer{background:var(--dark-footer);color:#999999;padding:48px 0 28px}
.u-footer a{text-decoration:none;color:var(--dark-accent)}
.u-footer a:hover{text-decoration:underline}
.u-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px}
.u-footer .fcol{font-size:13.5px;line-height:2;color:#999999}
.u-footer .fcol b{color:#fff;display:block;margin-bottom:8px;font-size:14px}
.u-footer .bottom{border-top:1px solid #2a2a2a;margin-top:36px;padding-top:20px;font-size:12px;color:#7a7a7a;text-align:center}
.u-final-cta{background:linear-gradient(180deg, var(--dark-bg2) 0%, var(--dark-footer) 100%);border-radius:18px;padding:56px 48px;text-align:center;color:#fff;position:relative;overflow:hidden}
.u-final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 700px 300px at 50% 0%, rgba(217,122,18,.18), transparent 65%)}
.u-final-cta h2{color:#fff;position:relative}
.u-final-cta p{color:#b0b0b0;max-width:480px;margin:0 auto 30px;position:relative;font-size:15px;line-height:1.7}
.u-final-cta .u-btn{position:relative}
@media (max-width:640px){
.wrap{padding:0 20px}
.u-section{padding:52px 0}
.u-final-cta{padding:40px 26px}
}