/* =============================================================
United Oils Kurzeme — Dizaina sistēma
1. Mainīgie (krāsas no logo, izmēri, ēnas)
2. Reset & pamati
3. Tipogrāfija
4. Izkārtojums / konteineri
5. Pogas & saites
6. Galvene / promo josla / navigācija / mega-izvēlne
7. Hero
8. Kategoriju kartītes
9. Eļļas atradējs
10. Produktu režģis (WooCommerce)
11. USP josla / pielietošanas sfēras / zīmoli
12. B2B josla / blogs / jaunumu abonēšana
13. Kājene
14. WooCommerce lapas (arhīvs, produkts, grozs, checkout)
15. Utilītas & animācijas
16. Responsīvs
============================================================= */
/* 1. MAINĪGIE ------------------------------------------------- */
:root{
/* Zīmola krāsas — atvasinātas no logo. Maināmas caur Customizer. */
--uok-green: #0F7A3B; /* primārā dziļi zaļa */
--uok-green-dark: #0B5A2C; /* tumšāka */
--uok-green-deep: #08331A; /* gandrīz melni zaļa — tumšās sekcijas/kājene */
--uok-green-bright: #27A948; /* akcents / piliens */
--uok-green-glow: #34C759; /* hover izcēlums */
--uok-mint: #E9F4DF; /* gaišais tonis */
--uok-mint-soft: #F4F9EF; /* ļoti gaišs fons */
--uok-line-green: rgba(8,51,26,.16); /* tumši zaļas hēlīnijas (kartītes, grozs) */
--uok-grid-line: rgba(8,51,26,.32); /* produktu režģa atdalījuma līnijas — redzamākas */
--uok-ink: #12211A; /* teksts */
--uok-muted: #5C6B62; /* pieklusināts teksts */
--uok-line: #E2EAE0; /* apmales */
--uok-white: #FFFFFF;
--uok-amber: #F4A62A; /* silts akcents: vērtējumi, izpārdošana */
--uok-red: #D64545; /* atlaide/brīdinājums */
/* Fonti */
--uok-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
--uok-font-head: "Manrope", var(--uok-font);
/* Rādiusi */
--uok-r-sm: 8px;
--uok-r: 14px;
--uok-r-lg: 20px;
--uok-r-xl: 28px;
--uok-r-btn: 12px; /* pogas — mērens noapaļojums, ne "balons" */
--uok-r-pill: 999px;
/* Ēnas */
--uok-shadow-sm: 0 2px 8px rgba(12,60,30,.06);
--uok-shadow: 0 8px 30px rgba(12,60,30,.10);
--uok-shadow-lg: 0 22px 60px rgba(8,51,26,.16);
--uok-shadow-green: 0 14px 40px rgba(15,122,59,.28);
/* Izmēri */
--uok-container: 1240px;
--uok-gap: clamp(16px, 3vw, 32px);
--uok-header-h: 76px;
--uok-ease: cubic-bezier(.2,.7,.2,1);
}
/* 2. RESET ---------------------------------------------------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
margin:0;
font-family:var(--uok-font);
color:var(--uok-ink);
background:var(--uok-white);
line-height:1.6;
font-size:16px;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* Horizontālo pārpalikumu griežam uz , NE uz :
uz body tas padara body par ritināšanas konteineri (un tad pie ritinājuma
piesietās animācijas nenostrādā), turklāt iOS Safari to nenogriež vispār —
lapa paliek šaura ar baltu joslu malā. Uz html tas aiziet uz skatlogu. */
html{ overflow-x:hidden; }
img,svg,video{ max-width:100%; height:auto; display:block; }
a{ color:var(--uok-green); text-decoration:none; transition:color .2s var(--uok-ease); }
a:hover{ color:var(--uok-green-bright); }
ul,ol{ padding-left:1.1em; }
button{ font-family:inherit; cursor:pointer; }
:focus-visible{ outline:3px solid var(--uok-green-bright); outline-offset:2px; border-radius:4px; }
hr{ border:none; border-top:1px solid var(--uok-line); margin:2rem 0; }
/* 3. TIPOGRĀFIJA --------------------------------------------- */
h1,h2,h3,h4,h5{
font-family:var(--uok-font-head);
font-weight:800;
line-height:1.12;
color:var(--uok-ink);
margin:0 0 .5em;
letter-spacing:-.02em;
}
h1{ font-size:clamp(2.1rem, 5vw, 3.6rem); }
h2{ font-size:clamp(1.7rem, 3.6vw, 2.6rem); }
h3{ font-size:clamp(1.25rem, 2.2vw, 1.6rem); }
p{ margin:0 0 1rem; }
.uok-eyebrow{
display:inline-flex; align-items:center; gap:.5em;
font-family:var(--uok-font-head);
font-weight:700; font-size:.82rem; letter-spacing:.14em; text-transform:uppercase;
color:var(--uok-green); margin-bottom:.9rem;
}
.uok-eyebrow::before{ content:""; width:26px; height:2px; background:var(--uok-green-bright); border-radius:2px; }
.uok-lead{ font-size:clamp(1.05rem,1.6vw,1.25rem); color:var(--uok-muted); }
.uok-section-head{ text-align:center; max-width:640px; margin:0 auto clamp(28px,4vw,52px); }
.uok-section-head .uok-eyebrow{ justify-content:center; }
/* 4. IZKĀRTOJUMS --------------------------------------------- */
.uok-container{ width:100%; max-width:var(--uok-container); margin-inline:auto; padding-inline:clamp(16px,4vw,28px); }
.uok-section{ padding-block:clamp(48px,7vw,96px); }
.uok-section--tint{ background:var(--uok-mint-soft); }
.uok-section--dark{ background:var(--uok-green-deep); color:#dCEFE0; }
.uok-section--dark h2,.uok-section--dark h3{ color:#fff; }
.uok-section--dark .uok-lead{ color:#A9CBB6; }
.uok-grid{ display:grid; gap:var(--uok-gap); }
.uok-cols-2{ grid-template-columns:repeat(2,1fr); }
.uok-cols-3{ grid-template-columns:repeat(3,1fr); }
.uok-cols-4{ grid-template-columns:repeat(4,1fr); }
/* 5. POGAS --------------------------------------------------- */
.uok-btn{
display:inline-flex; align-items:center; justify-content:center; gap:.55em;
font-family:var(--uok-font-head); font-weight:700; font-size:.98rem; line-height:1;
padding:.85em 1.5em; border-radius:var(--uok-r-btn); border:1px solid transparent;
cursor:pointer; transition:all .22s var(--uok-ease); white-space:nowrap; text-align:center;
letter-spacing:.005em;
}
.uok-btn svg{ width:1.1em; height:1.1em; transition:transform .25s var(--uok-ease); }
.uok-btn--primary{ background:var(--uok-green); color:#fff; box-shadow:0 6px 16px rgba(11,90,44,.18); }
.uok-btn--primary:hover{ background:var(--uok-green-dark); color:#fff; transform:translateY(-2px); box-shadow:0 12px 26px rgba(11,90,44,.26); }
.uok-btn--primary:hover svg{ transform:translateX(3px); }
.uok-btn--ghost{ background:transparent; color:var(--uok-green); border-color:var(--uok-line); }
.uok-btn--ghost:hover{ border-color:var(--uok-green); background:var(--uok-mint); }
.uok-btn--light{ background:#fff; color:var(--uok-green-deep); box-shadow:0 6px 16px rgba(8,51,26,.14); }
.uok-btn--light:hover{ background:#fff; transform:translateY(-2px); box-shadow:0 12px 28px rgba(8,51,26,.2); }
.uok-btn--light:hover svg{ transform:translateX(3px); }
.uok-btn--white-outline{ background:rgba(255,255,255,.06); color:#fff; border-color:rgba(255,255,255,.28); backdrop-filter:blur(4px); }
.uok-btn--white-outline:hover{ border-color:#fff; background:rgba(255,255,255,.14); }
.uok-btn--lg{ padding:1.05em 1.9em; font-size:1.04rem; }
.uok-btn--block{ width:100%; }
/* 6. GALVENE ------------------------------------------------- */
.uok-topbar{
background:var(--uok-green-deep); color:#CFE8D8; font-size:.85rem;
}
.uok-topbar .uok-container{ display:flex; align-items:center; justify-content:space-between; min-height:40px; gap:1rem; flex-wrap:wrap; }
.uok-topbar__promo{ display:flex; align-items:center; gap:.5em; font-weight:600; }
.uok-topbar__promo strong{ color:var(--uok-green-glow); }
.uok-topbar__links{ display:flex; gap:1.4rem; align-items:center; list-style:none; margin:0; padding:0; }
.uok-topbar a{ color:#CFE8D8; }
.uok-topbar a:hover{ color:#fff; }
.uok-header{
position:sticky; top:0; z-index:900; background:rgba(255,255,255,.92);
backdrop-filter:saturate(180%) blur(12px);
border-bottom:1px solid var(--uok-line); transition:box-shadow .3s var(--uok-ease);
}
.uok-header.is-stuck{ box-shadow:var(--uok-shadow); }
.uok-header__inner{ display:flex; align-items:center; gap:clamp(16px,3vw,40px); min-height:var(--uok-header-h); }
.uok-logo{ display:flex; align-items:center; flex:0 0 auto; }
.uok-logo img,.uok-logo svg{ height:46px; width:auto; }
.uok-logo .uok-site-title{ font-family:var(--uok-font-head); font-weight:800; font-size:1.4rem; color:var(--uok-green); }
/* Primārā navigācija */
.uok-nav{ display:flex; align-items:center; gap:.3rem; margin-inline:auto; }
.uok-nav ul{ display:flex; list-style:none; margin:0; padding:0; gap:.2rem; }
.uok-nav a{
display:inline-flex; align-items:center; gap:.4em; padding:.6em .9em; border-radius:10px;
font-family:var(--uok-font-head); font-weight:600; color:var(--uok-ink); font-size:.98rem;
}
.uok-nav a:hover,.uok-nav .current-menu-item>a{ background:var(--uok-mint); color:var(--uok-green); }
.uok-nav li.menu-item-has-children>a::after{ content:""; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.6; }
/* Kompakts nolaižamais saraksts (bez mega-menu) */
.uok-nav li.menu-item-has-children{ position:relative; }
.uok-nav .sub-menu{
position:absolute; left:0; top:calc(100% + 8px);
display:flex; flex-direction:column; gap:2px; list-style:none;
min-width:230px; background:#fff; border:1px solid var(--uok-line);
box-shadow:var(--uok-shadow-lg); padding:.5rem; margin:0; border-radius:var(--uok-r);
opacity:0; visibility:hidden; transform:translateY(8px); transition:all .2s var(--uok-ease); z-index:80;
}
/* mazs "tiltiņš", lai kursors nepazūd starp punktu un sarakstu */
.uok-nav li.menu-item-has-children::after{ content:""; position:absolute; left:0; right:0; top:100%; height:10px; }
.uok-nav li.menu-item-has-children:hover>.sub-menu,
.uok-nav li.menu-item-has-children:focus-within>.sub-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.uok-nav .sub-menu li{ width:100%; }
.uok-nav .sub-menu a{ border-radius:var(--uok-r-sm); font-weight:600; width:100%; white-space:nowrap; padding:.6em .8em; }
.uok-header__actions{ display:flex; align-items:center; gap:.35rem; flex:0 0 auto; }
.uok-iconbtn{
position:relative; display:inline-flex; align-items:center; justify-content:center;
width:44px; height:44px; border-radius:12px; background:transparent; border:none; color:var(--uok-ink);
transition:background .2s var(--uok-ease), color .2s var(--uok-ease);
}
.uok-iconbtn:hover{ background:var(--uok-mint); color:var(--uok-green); }
.uok-iconbtn svg{ width:22px; height:22px; }
.uok-iconbtn__count{
position:absolute; top:2px; right:2px; min-width:18px; height:18px; padding:0 4px;
background:var(--uok-green-bright); color:#fff; border-radius:6px;
font-size:.7rem; font-weight:800; display:flex; align-items:center; justify-content:center; line-height:1;
}
.uok-burger{ display:none; }
/* Meklēšanas panelis */
.uok-search{ flex:1 1 260px; max-width:420px; }
.uok-search form{ display:flex; align-items:center; background:var(--uok-mint-soft); border:1px solid var(--uok-line); border-radius:var(--uok-r); padding:.25em .3em .25em 1em; transition:border-color .2s; }
.uok-search form:focus-within{ border-color:var(--uok-green-bright); background:#fff; }
.uok-search input[type=search]{ flex:1; border:none; background:transparent; font:inherit; font-size:.95rem; color:var(--uok-ink); outline:none; }
.uok-search button{ display:inline-flex; width:38px; height:38px; border:none; border-radius:10px; background:var(--uok-green); color:#fff; align-items:center; justify-content:center; }
.uok-search button:hover{ background:var(--uok-green-bright); }
/* 7. HERO ---------------------------------------------------- */
.uok-hero{ position:relative; overflow:hidden; background:linear-gradient(135deg,#0B5A2C 0%,#0F7A3B 55%,#137A3B 100%); color:#fff; }
.uok-hero::before{ content:""; position:absolute; inset:0; background:
radial-gradient(60% 80% at 82% 20%, rgba(52,199,89,.28), transparent 70%),
radial-gradient(50% 60% at 10% 90%, rgba(8,51,26,.5), transparent 70%); pointer-events:none; }
.uok-hero__grid{ position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:clamp(24px,4vw,56px); padding-block:clamp(48px,7vw,96px); }
.uok-hero__badge{ display:inline-flex; align-items:center; gap:.6em; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); padding:.5em 1em; border-radius:10px; font-size:.85rem; font-weight:600; margin-bottom:1.4rem; }
.uok-hero__badge .dot{ width:8px; height:8px; border-radius:50%; background:var(--uok-green-glow); box-shadow:0 0 0 4px rgba(52,199,89,.3); }
.uok-hero h1{ color:#fff; }
.uok-hero h1 em{ font-style:normal; color:var(--uok-green-glow); }
.uok-hero__lead{ font-size:clamp(1.05rem,1.7vw,1.3rem); color:#D8ECDE; max-width:46ch; margin-bottom:2rem; }
.uok-hero__cta{ display:flex; flex-wrap:wrap; gap:.9rem; margin-bottom:2.4rem; }
.uok-hero__trust{ display:flex; flex-wrap:wrap; gap:1.6rem 2rem; }
.uok-hero__trust .item{ display:flex; align-items:center; gap:.7em; font-size:.95rem; color:#CFE8D8; }
.uok-hero__trust .item svg{ width:26px; height:26px; color:var(--uok-green-glow); flex:0 0 auto; }
.uok-hero__visual{ position:relative; min-width:0; }
.uok-hero__stage{ position:relative; min-width:0; aspect-ratio:1/1.05; max-height:520px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
/* Gradienta orbi fonā (vairākkrāsu dziļums) */
.uok-hero__orb{ position:absolute; border-radius:50%; filter:blur(6px); z-index:0; }
.uok-hero__orb--1{ inset:8% 6% 18% 10%; background:radial-gradient(circle at 40% 35%, rgba(52,199,89,.5), rgba(52,199,89,0) 62%); }
.uok-hero__orb--2{ width:46%; height:46%; right:2%; bottom:6%; background:radial-gradient(circle, rgba(244,166,42,.42), rgba(244,166,42,0) 68%); }
/* 2D mucu karuselis (horizontāla slīde) */
.uok-hero__carousel{ position:relative; z-index:1; width:100%; height:100%; display:flex; align-items:center; overflow:hidden;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.uok-carousel{ display:flex; align-items:center; gap:clamp(18px,3.5vw,46px); width:max-content; animation:uok-carousel 14s linear infinite; }
.uok-hero__carousel:hover .uok-carousel{ animation-play-state:paused; }
/* Muca zīmēta ar CSS fonu (dekoratīva grafika nepieder DOM-ā kā ![]()
).
aspect-ratio atbilst barrel.svg viewBox 150×220. */
.uok-carousel__item{ flex:0 0 auto; height:clamp(180px,27vw,280px); aspect-ratio:150/220;
background:url("../images/barrel.svg") center/contain no-repeat;
filter:drop-shadow(0 20px 26px rgba(4,30,15,.4)); }
@keyframes uok-carousel{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
/* Zīmolu marquee zem hero (animēta slīdoša josla) */
.uok-brandstrip{ background:var(--uok-green-deep); border-top:1px solid rgba(255,255,255,.08); padding-block:1.3rem; }
.uok-marquee{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.uok-marquee__track{ display:flex; align-items:center; gap:clamp(30px,6vw,72px); width:max-content; animation:uok-marq 34s linear infinite; }
.uok-brandstrip:hover .uok-marquee__track{ animation-play-state:paused; }
@keyframes uok-marq{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.uok-brand-item{ display:flex; align-items:center; flex:0 0 auto; }
.uok-brand-item img{ height:34px; width:auto; max-width:140px; object-fit:contain; filter:brightness(0) invert(1); opacity:.6; transition:opacity .25s var(--uok-ease); }
.uok-brand-item:hover img{ opacity:1; }
.uok-brand-item span{ color:#8FBBA0; font-weight:800; font-size:1.3rem; font-family:var(--uok-font-head); letter-spacing:-.01em; white-space:nowrap; transition:color .25s var(--uok-ease); }
.uok-brand-item:hover span{ color:#fff; }
@media (prefers-reduced-motion:reduce){
.uok-marquee__track{ animation:none; transform:none; flex-wrap:wrap; justify-content:center; width:auto; gap:clamp(20px,4vw,44px); }
}
/* 8. KATEGORIJU KARTĪTES ------------------------------------- */
.uok-cats{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--uok-gap); }
.uok-cat{
position:relative; display:flex; flex-direction:column; justify-content:flex-end;
min-height:210px; padding:1.5rem; border-radius:var(--uok-r-lg); overflow:hidden;
background:linear-gradient(165deg, var(--uok-mint) 0%, var(--uok-mint-soft) 100%);
border:1px solid var(--uok-line); color:var(--uok-ink); isolation:isolate;
transition:transform .3s var(--uok-ease), box-shadow .3s var(--uok-ease), border-color .3s;
}
.uok-cat:has(img)::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, transparent 25%, rgba(8,51,26,.78) 100%); opacity:0; transition:opacity .3s; }
.uok-cat img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform .5s var(--uok-ease); }
.uok-cat:hover{ transform:translateY(-6px); box-shadow:var(--uok-shadow-lg); border-color:transparent; }
.uok-cat:has(img):hover{ color:#fff; }
.uok-cat:has(img):hover::after{ opacity:1; }
.uok-cat:hover img{ transform:scale(1.06); }
.uok-cat__icon{ width:58px; height:58px; border-radius:17px; background:#fff; color:var(--uok-green); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(12,60,30,.12); margin-bottom:auto; transition:transform .3s var(--uok-ease); }
.uok-cat:hover .uok-cat__icon{ transform:scale(1.05) rotate(-3deg); }
.uok-cat__icon svg{ width:30px; height:30px; }
.uok-cat h3{ margin:1.1rem 0 .15rem; color:inherit; font-size:1.2rem; }
.uok-cat__count{ font-size:.88rem; opacity:.8; font-weight:600; }
.uok-cat__arrow{ position:absolute; top:1.4rem; right:1.4rem; width:38px; height:38px; border-radius:12px; background:#fff; color:var(--uok-green); display:flex; align-items:center; justify-content:center; opacity:0; transform:translateX(-6px); transition:all .3s var(--uok-ease); box-shadow:0 6px 14px rgba(12,60,30,.12); }
.uok-cat:hover .uok-cat__arrow{ opacity:1; transform:translateX(0); }
/* 9. EĻĻAS ATRADĒJS ------------------------------------------ */
.uok-finder{ position:relative; background:#fff; border:1px solid var(--uok-line-green); border-radius:var(--uok-r-lg); padding:clamp(24px,3.5vw,44px); overflow:hidden; }
.uok-finder::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(var(--uok-green),var(--uok-green-bright)); }
.uok-finder__head{ position:relative; max-width:600px; margin-bottom:1.8rem; }
.uok-finder h2{ color:var(--uok-ink); }
.uok-finder p{ color:var(--uok-muted); margin-bottom:0; }
.uok-finder__form{ position:relative; display:grid; grid-template-columns:repeat(4,1fr) auto; gap:.8rem; align-items:end; }
.uok-field{ display:flex; flex-direction:column; gap:.4em; }
.uok-field label{ font-size:.78rem; font-weight:700; color:var(--uok-muted); letter-spacing:.04em; text-transform:uppercase; }
.uok-field select,.uok-field input{
width:100%; padding:.85em 1em; border-radius:var(--uok-r); border:1px solid var(--uok-line);
background:var(--uok-mint-soft); color:var(--uok-ink); font:inherit; font-size:.95rem; appearance:none;
}
.uok-field select:focus,.uok-field input:focus{ outline:none; border-color:var(--uok-green-bright); background:#fff; }
.uok-field select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230F7A3B' d='M6 8 0 0h12z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 1em center; padding-right:2.4em; }
/* 10. PRODUKTU REŽĢIS — ascētisks, ar tumši zaļām līnijām ----- */
/* Līnijas veido šūnu robežas (nevis fons), tāpēc tukšās šūnas paliek BALTAS */
ul.products{
list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr);
gap:0; background:#fff; border:1px solid var(--uok-grid-line);
border-radius:var(--uok-r-lg); overflow:hidden;
}
ul.products li.product{
position:relative; margin:0; background:#fff; padding:1.4rem;
display:flex; flex-direction:column; transition:background .25s var(--uok-ease);
border-right:1px solid var(--uok-grid-line); border-bottom:1px solid var(--uok-grid-line);
}
ul.products li.product:nth-child(4n){ border-right:none; } /* pēdējā kolonna (4 kol.) */
ul.products li.product:hover{ background:#fff; } /* hover: tikai attēla pietuvinājums, bez krāsas maiņas */
/* Produkta saite (attēls+nosaukums+cena) aizpilda šūnu; poga paliek apakšā */
ul.products li.product > a.woocommerce-LoopProduct-link,
ul.products li.product > a:first-of-type{ display:flex; flex-direction:column; flex:1 1 auto; color:inherit; }
/* Attēls ar hover pietuvinājumu */
ul.products li.product img,
ul.products li.product a img,.uok-product-card__media img{ aspect-ratio:1; height:auto; object-fit:contain; padding:.6rem; width:100%; margin:0 0 .9rem; display:block; transition:transform .45s var(--uok-ease); }
ul.products li.product:hover img{ transform:scale(1.07); }
ul.products li.product .woocommerce-loop-product__title,.uok-product-card h3{ font-size:1.02rem; font-weight:700; margin:.2rem 0 .4rem; line-height:1.3; color:var(--uok-ink); font-family:var(--uok-font-head); }
ul.products li.product .price,.uok-product-card .price{ color:var(--uok-green); font-weight:800; font-size:1.2rem; font-family:var(--uok-font-head); margin-top:auto; display:block; }
ul.products li.product .price del{ color:var(--uok-muted); font-weight:600; font-size:.9rem; margin-right:.4em; }
ul.products li.product .price ins{ text-decoration:none; }
.uok-product-card__brand{ font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--uok-muted); }
.uok-badge{ position:absolute; top:1rem; left:1rem; z-index:2; padding:.35em .7em; border-radius:8px; font-size:.72rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.uok-badge--sale,span.onsale{ position:absolute; top:1rem; left:1rem; background:var(--uok-amber); color:#3a2600; min-height:0; min-width:0; padding:.35em .7em; margin:0; border-radius:8px; font-size:.72rem; font-weight:800; line-height:1; }
.uok-badge--new{ background:var(--uok-green-bright); color:#fff; }
.uok-rating{ display:inline-flex; align-items:center; gap:.15em; color:var(--uok-amber); font-size:.9rem; margin:.2rem 0; }
.uok-card-actions{ display:flex; gap:.5rem; margin-top:.9rem; }
.uok-card-actions .uok-btn{ flex:1; }
ul.products li.product .button,
ul.products li.product a.button,
ul.products li.product a.added_to_cart{
display:flex; align-items:center; justify-content:center; gap:.4em; width:100%; flex:0 0 auto; box-sizing:border-box;
background:var(--uok-green); color:#fff; border-radius:var(--uok-r-btn); font-family:var(--uok-font-head);
font-weight:700; font-size:.92rem; padding:.8em 1em; text-align:center; border:none; margin-top:.9rem; transition:all .2s var(--uok-ease);
}
ul.products li.product a.added_to_cart{ background:var(--uok-green-deep); margin-top:.4rem; }
ul.products li.product .button:hover{ background:var(--uok-green-dark); transform:translateY(-1px); }
/* Loading/added stāvokļi */
ul.products li.product .button.loading{ opacity:.75; }
.uok-wishbtn{ width:44px; height:44px; flex:0 0 auto; border:1px solid var(--uok-line); border-radius:12px; background:#fff; color:var(--uok-muted); display:flex; align-items:center; justify-content:center; transition:all .2s; }
.uok-wishbtn:hover{ border-color:var(--uok-green); color:var(--uok-green); background:var(--uok-mint); }
/* 11. USP / SFĒRAS / ZĪMOLI ---------------------------------- */
.uok-usps{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--uok-gap); }
.uok-usp{ display:flex; gap:1rem; align-items:flex-start; padding:1.4rem; background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg); }
.uok-usp__ic{ width:48px; height:48px; flex:0 0 auto; border-radius:var(--uok-r); background:var(--uok-mint); color:var(--uok-green); display:flex; align-items:center; justify-content:center; }
.uok-usp__ic svg{ width:26px; height:26px; }
.uok-usp h4{ font-family:var(--uok-font-head); margin:0 0 .2rem; font-size:1.02rem; }
.uok-usp p{ margin:0; font-size:.9rem; color:var(--uok-muted); }
.uok-sectors{ display:grid; grid-template-columns:repeat(5,1fr); gap:var(--uok-gap); }
.uok-sector{ position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:.8rem; padding:1.8rem 1rem; background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg); transition:all .28s var(--uok-ease); }
.uok-sector:hover{ transform:translateY(-5px); border-color:var(--uok-green); box-shadow:var(--uok-shadow); }
.uok-sector__ic{ width:64px; height:64px; border-radius:20px; background:linear-gradient(160deg, var(--uok-mint), var(--uok-mint-soft)); border:1px solid var(--uok-line); color:var(--uok-green); display:flex; align-items:center; justify-content:center; transition:all .3s var(--uok-ease); }
.uok-sector:hover .uok-sector__ic{ background:linear-gradient(160deg, var(--uok-green-bright), var(--uok-green)); border-color:transparent; color:#fff; transform:scale(1.06) rotate(-3deg); box-shadow:0 12px 26px rgba(15,122,59,.28); }
.uok-sector__ic svg{ width:32px; height:32px; }
.uok-sector strong{ font-family:var(--uok-font-head); font-size:.98rem; }
.uok-brands{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:1rem 2.4rem; }
.uok-brands .brand{ font-family:var(--uok-font-head); font-weight:800; font-size:1.4rem; color:var(--uok-muted); opacity:.65; letter-spacing:-.02em; transition:opacity .2s, color .2s; }
.uok-brands .brand:hover{ opacity:1; color:var(--uok-green); }
/* 12. B2B / BLOGS / NEWSLETTER ------------------------------- */
.uok-cta-band{ position:relative; overflow:hidden; background:linear-gradient(120deg,#08331A,#0F7A3B); border-radius:var(--uok-r-xl); padding:clamp(32px,5vw,64px); color:#fff; text-align:center; box-shadow:var(--uok-shadow-lg); }
.uok-cta-band::before{ content:""; position:absolute; inset:0; background:radial-gradient(50% 90% at 50% 0%, rgba(52,199,89,.3), transparent 70%); }
.uok-cta-band>*{ position:relative; }
.uok-cta-band h2{ color:#fff; max-width:20ch; margin:0 auto; }
.uok-cta-band p{ color:#D8ECDE; max-width:52ch; margin:0 auto 1.6rem; }
.uok-cta-band .uok-hero__cta{ justify-content:center; }
.uok-posts{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--uok-gap); }
.uok-post{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg); overflow:hidden; transition:all .28s var(--uok-ease); }
.uok-post:hover{ transform:translateY(-5px); box-shadow:var(--uok-shadow); }
.uok-post__media{ aspect-ratio:16/10; overflow:hidden; background:var(--uok-mint); }
.uok-post__media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--uok-ease); }
.uok-post:hover .uok-post__media img{ transform:scale(1.05); }
.uok-post__body{ padding:1.4rem; display:flex; flex-direction:column; flex:1; }
.uok-post__meta{ font-size:.8rem; color:var(--uok-muted); font-weight:600; text-transform:uppercase; letter-spacing:.05em; margin-bottom:.5rem; }
.uok-post h3{ font-size:1.15rem; margin:0 0 .5rem; }
.uok-post h3 a{ color:var(--uok-ink); }
.uok-post h3 a:hover{ color:var(--uok-green); }
.uok-post__more{ margin-top:auto; font-weight:700; font-family:var(--uok-font-head); }
.uok-newsletter{ display:grid; grid-template-columns:1fr auto; gap:1rem; align-items:center; background:var(--uok-mint); border-radius:var(--uok-r-xl); padding:clamp(24px,4vw,44px); }
.uok-newsletter form{ display:flex; gap:.6rem; flex-wrap:wrap; }
.uok-newsletter input[type=email]{ flex:1; min-width:220px; padding:.9em 1.2em; border-radius:var(--uok-r); border:1px solid var(--uok-line); font:inherit; }
/* WPForms/CF7 abonēšanas forma — pielāgo mūsu joslai (zaļš, ne zils) */
.uok-newsletter__form .wpforms-container{ margin:0; --wpforms-button-background-color:var(--uok-green); --wpforms-button-text-color:#ffffff; --wpforms-button-border-radius:12px; --wpforms-field-border-radius:12px; }
.uok-newsletter__form .wpforms-form{ display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; }
.uok-newsletter__form .wpforms-field-container{ display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; flex:1 1 260px; }
.uok-newsletter__form .wpforms-field{ padding:0!important; margin:0!important; flex:1 1 220px; border:0!important; }
/* Etiķetes slēpjam VIZUĀLI (kompakta forma vienā rindā), bet tās PALIEK pieejamības
kokā — ekrāna lasītājiem un AI aģentiem. Agrāk bija display:none, kas tās izņēma pavisam. */
.uok-newsletter__form .wpforms-field-label,.uok-newsletter__form .wpforms-field-sublabel,.uok-newsletter__form .wpforms-required-label{
position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.uok-newsletter__form .wpforms-field .wpforms-field-description{ display:none; }
.uok-newsletter__form input[type=email],.uok-newsletter__form input[type=text]{ width:100%!important; padding:.9em 1.2em!important; border-radius:12px!important; border:1px solid var(--uok-line)!important; font:inherit; background:#fff!important; box-shadow:none!important; }
.uok-newsletter__form .wpforms-submit-container{ padding:0!important; margin:0!important; }
.uok-newsletter__form button[type=submit],.uok-newsletter__form .wpforms-submit{ display:inline-flex!important; align-items:center; justify-content:center; text-align:center; line-height:1!important; background-color:var(--uok-green)!important; background-image:none!important; border:1px solid var(--uok-green)!important; color:#fff!important; padding:1em 1.6em!important; border-radius:12px!important; font-family:var(--uok-font-head); font-weight:700; cursor:pointer; transition:background-color .2s; box-shadow:none!important; vertical-align:middle; }
.uok-newsletter__form button[type=submit]:hover,.uok-newsletter__form .wpforms-submit:hover{ background-color:var(--uok-green-dark)!important; border-color:var(--uok-green-dark)!important; }
.uok-newsletter__form .wpforms-confirmation-container-full{ margin:0; padding:.9em 1.2em; background:#fff; border-radius:var(--uok-r); }
/* 13. KĀJENE ------------------------------------------------- */
.uok-footer{ background:var(--uok-green-deep); color:#A9CBB6; padding-block:clamp(48px,6vw,80px) 0; }
.uok-footer a{ color:#CFE8D8; }
.uok-footer a:hover{ color:#fff; }
.uok-footer__grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:var(--uok-gap); padding-bottom:3rem; }
.uok-footer__logo{ display:inline-block; background:#fff; padding:12px 18px; border-radius:14px; margin-bottom:1.3rem; box-shadow:0 8px 22px rgba(0,0,0,.18); }
.uok-footer__logo img,.uok-footer__logo svg{ height:46px; width:auto; display:block; }
.uok-footer h4{ color:#fff; font-size:1rem; margin-bottom:1.1rem; }
.uok-footer ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.6rem; }
.uok-footer__contact li{ display:flex; gap:.7em; align-items:flex-start; }
.uok-footer__contact svg{ width:20px; height:20px; color:var(--uok-green-glow); flex:0 0 auto; margin-top:2px; }
.uok-footer__social{ display:flex; gap:.6rem; margin-top:1.2rem; }
.uok-footer__social a{ width:42px; height:42px; border-radius:12px; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:#fff; transition:background .2s; }
.uok-footer__social a:hover{ background:var(--uok-green-bright); }
.uok-footer__hours{ display:flex; flex-direction:column; gap:.15rem; }
.uok-footer__pay-img{ margin-top:1.1rem; }
.uok-footer__pay-img img{ max-width:100%; height:auto; max-height:34px; width:auto; }
.uok-footer__pay{ display:flex; gap:.4rem .9rem; flex-wrap:wrap; margin-top:1.1rem; }
.uok-footer__pay span{ color:#A9CBB6; font-weight:600; font-size:.8rem; opacity:.85; }
.uok-footer__pay span::after{ content:"·"; margin-left:.9rem; opacity:.5; }
.uok-footer__pay span:last-child::after{ content:none; }
.uok-footer__bottom{ border-top:1px solid rgba(255,255,255,.1); padding-block:1.6rem; display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; font-size:.85rem; }
.uok-footer__credit a{ color:#CFE8D8; text-decoration:underline; text-underline-offset:2px; }
.uok-footer__credit a:hover{ color:#fff; }
/* Peldošā WhatsApp poga */
.uok-wa{ position:fixed; right:20px; bottom:20px; z-index:850; display:inline-flex; align-items:center; gap:.6em; height:56px; padding:0 18px 0 14px; border-radius:16px; background:#25D366; color:#fff; box-shadow:0 12px 30px rgba(37,211,102,.4); transition:transform .2s var(--uok-ease), box-shadow .2s; }
.uok-wa:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 16px 38px rgba(37,211,102,.5); }
.uok-wa svg{ width:28px; height:28px; flex:0 0 auto; }
.uok-wa__label{ font-family:var(--uok-font-head); font-weight:700; font-size:.95rem; white-space:nowrap; }
@media (max-width:640px){ .uok-wa{ height:54px; padding:0; width:54px; justify-content:center; right:16px; bottom:16px; } .uok-wa__label{ display:none; } }
/* Grozā/checkout mobilajā peldošā poga aizsedza piegādes izvēli — tur to slēpjam,
lai netraucē pirkšanas soļus (uz datora vietas pietiek). */
@media (max-width:768px){
.woocommerce-cart .uok-wa,.woocommerce-checkout .uok-wa{ display:none; }
}
/* 14. WOOCOMMERCE LAPAS -------------------------------------- */
.woocommerce-breadcrumb{ font-size:.85rem; color:var(--uok-muted); padding-block:1rem; }
.woocommerce-breadcrumb a{ color:var(--uok-muted); }
.woocommerce-breadcrumb a:hover{ color:var(--uok-green); }
.uok-shop-layout{ display:grid; grid-template-columns:280px 1fr; gap:clamp(20px,3vw,40px); align-items:start; }
.uok-shop-sidebar{ position:sticky; top:calc(var(--uok-header-h) + 16px); background:#fff; border:1px solid var(--uok-line-green); border-radius:var(--uok-r-lg); padding:1.4rem; }
.uok-filter-group{ border-bottom:1px solid var(--uok-line-green); padding-block:1.1rem; }
.uok-filter-group h4{ font-family:var(--uok-font-head); font-size:.82rem; text-transform:uppercase; letter-spacing:.06em; color:var(--uok-muted); }
.uok-filter-group:last-child{ border-bottom:none; }
.uok-filter-group h4{ font-size:.95rem; margin:0 0 .8rem; display:flex; justify-content:space-between; align-items:center; }
.uok-filter-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.5rem; max-height:220px; overflow:auto; }
.uok-filter-list label{ display:flex; align-items:center; gap:.6em; font-size:.92rem; cursor:pointer; color:var(--uok-muted); }
.uok-filter-list label:hover{ color:var(--uok-ink); }
.uok-filter-list input{ accent-color:var(--uok-green); width:17px; height:17px; }
.uok-chip-row{ display:flex; flex-wrap:wrap; gap:.5rem; }
.uok-chip{ padding:.4em .9em; border-radius:10px; border:1px solid var(--uok-line); font-size:.85rem; font-weight:600; color:var(--uok-muted); cursor:pointer; transition:all .2s; }
.uok-chip:hover,.uok-chip.is-active{ background:var(--uok-green); color:#fff; border-color:var(--uok-green); }
.uok-shop-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.4rem; padding:1rem 1.2rem; background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r); }
.woocommerce-ordering select{ padding:.6em 2.2em .6em 1em; border-radius:var(--uok-r); border:1px solid var(--uok-line); font:inherit; background:#fff; }
.woocommerce-result-count{ color:var(--uok-muted); margin:0; font-size:.9rem; }
/* Lapošana (pagination) */
.woocommerce nav.woocommerce-pagination{ margin-top:2.4rem; text-align:center; border:none; }
/* flex-wrap OBLIGĀTS — bez tā 11 lapu pogas vienā rindā izspiež mobilo ekrānu (horizontāla skrollēšana) */
.woocommerce nav.woocommerce-pagination ul{ display:flex; flex-wrap:wrap; justify-content:center; gap:.4rem; list-style:none; margin:0; padding:0; border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0; border:none; overflow:visible; }
.woocommerce nav.woocommerce-pagination ul li a.page-numbers,
.woocommerce nav.woocommerce-pagination ul li span.page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:44px; padding:0 .7em; border:1px solid var(--uok-line); border-radius:10px; background:#fff; color:var(--uok-ink); font-family:var(--uok-font-head); font-weight:700; font-size:.95rem; }
.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--uok-green); color:#fff; border-color:var(--uok-green); }
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover{ border-color:var(--uok-green); color:var(--uok-green); background:var(--uok-mint); }
/* Viena produkta lapa */
.single-product .uok-product-top{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:clamp(24px,4vw,52px); align-items:start; }
/* Galerija */
.single-product .woocommerce-product-gallery{ position:sticky; top:calc(var(--uok-header-h) + 16px); margin:0; }
.single-product .woocommerce-product-gallery__wrapper{ margin:0; }
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery__wrapper img{ border-radius:var(--uok-r-lg); background:var(--uok-mint-soft); border:1px solid var(--uok-line); }
.single-product .woocommerce-product-gallery .flex-control-thumbs{ display:flex; gap:.6rem; margin:.8rem 0 0; padding:0; list-style:none; }
.single-product .woocommerce-product-gallery .flex-control-thumbs li{ width:72px!important; margin:0!important; }
.single-product .woocommerce-product-gallery .flex-control-thumbs img{ border-radius:10px; border:1px solid var(--uok-line); opacity:.65; transition:opacity .2s; }
.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover,
.single-product .woocommerce-product-gallery .flex-control-thumbs .flex-active img{ opacity:1; }
/* Kopsavilkuma kartīte (labā puse, lipīga) */
.single-product .summary.entry-summary{ background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg); padding:clamp(20px,2.5vw,32px); box-shadow:0 1px 2px rgba(12,60,30,.04); position:sticky; top:calc(var(--uok-header-h) + 16px); }
.single-product .summary > *{ margin:0 0 .85rem; }
.single-product .summary > .uok-single-brand{ margin-bottom:.6rem; }
.uok-single-brand{ display:inline-flex; align-items:center; gap:.5em; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--uok-green); background:var(--uok-mint); padding:.4em .75em; border-radius:6px; margin-bottom:.6rem; }
.single-product .product_title{ font-size:clamp(1.5rem,2.6vw,2.1rem); margin:0 0 .5rem; line-height:1.15; }
.single-product .summary .price{ color:var(--uok-green); font-weight:800; font-size:1.9rem; font-family:var(--uok-font-head); margin:.2rem 0 1rem; }
.single-product .summary .price del{ color:var(--uok-muted); font-size:1.1rem; font-weight:600; margin-right:.4em; }
.single-product .summary .price ins{ text-decoration:none; }
.single-product .woocommerce-product-details__short-description{ color:var(--uok-muted); font-size:.94rem; line-height:1.65; border-top:1px solid var(--uok-line); padding-top:1rem; }
.single-product .woocommerce-product-details__short-description p{ margin:0 0 .5rem; }
.single-product .woocommerce-product-details__short-description :last-child{ margin-bottom:0; }
/* Variācijas (Tilpums) kā pogas */
.single-product .variations{ width:100%; border:none!important; margin:0 0 1rem; }
.single-product .variations tbody,.single-product .variations tr{ display:block; }
.single-product .variations th,.single-product .variations td{ display:block; padding:0!important; text-align:left; border:none!important; }
.single-product .variations th.label{ font-family:var(--uok-font-head); font-weight:700; font-size:.82rem; text-transform:uppercase; letter-spacing:.04em; margin-bottom:.5rem; color:var(--uok-ink); }
.uok-swatches{ display:flex; flex-wrap:wrap; gap:.5rem; }
.uok-swatch{ padding:.6em 1.15em; border:1.5px solid var(--uok-line); border-radius:10px; background:#fff; font-family:var(--uok-font-head); font-weight:700; font-size:.92rem; cursor:pointer; transition:all .18s var(--uok-ease); color:var(--uok-ink); }
.uok-swatch:hover{ border-color:var(--uok-green); background:var(--uok-mint); }
.uok-swatch.is-active{ border-color:var(--uok-green); background:var(--uok-green); color:#fff; }
.single-product .variations select{ padding:.7em 1em; border:1px solid var(--uok-line); border-radius:10px; font:inherit; width:100%; background:#fff; }
.single-product .reset_variations{ display:inline-block; font-size:.82rem; margin-top:.4rem; color:var(--uok-muted); }
.single-product .woocommerce-variation-price .price{ font-size:1.5rem!important; margin:.6rem 0!important; }
.single-product .woocommerce-variation-availability{ font-size:.88rem; color:var(--uok-muted); }
/* Daudzums + poga — vienā rindā ar atstarpi (arī variāciju produktiem) */
.single-product form.cart{ display:flex; flex-wrap:wrap; gap:.8rem; align-items:stretch; margin:1.1rem 0 0; }
.single-product form.cart .quantity{ flex:0 0 auto; display:flex; }
.single-product form.cart .quantity input.qty{ padding:.7em; border:1px solid var(--uok-line); border-radius:10px; width:78px; font:inherit; font-weight:700; text-align:center; }
.single-product .single_add_to_cart_button{ flex:1 1 190px; background:var(--uok-green)!important; color:#fff!important; border-radius:var(--uok-r-btn)!important; font-family:var(--uok-font-head); font-weight:700!important; padding:.9em 1.6em!important; font-size:1.02rem!important; }
.single-product .single_add_to_cart_button:hover{ background:var(--uok-green-dark)!important; transform:translateY(-1px); }
/* Variāciju forma — daudzums + poga blakus (nevis poga zem) */
.single-product .woocommerce-variation-add-to-cart{ display:flex; align-items:stretch; gap:.8rem; flex-wrap:wrap; margin-top:.9rem; }
.single-product .woocommerce-variation-add-to-cart .quantity{ flex:0 0 auto; }
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button{ flex:1 1 170px; margin:0!important; }
.single-product .woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button{ opacity:.4; }
/* Trust rinda + meta */
.uok-trust-row{ display:flex; flex-direction:column; gap:.55rem; margin-top:1.2rem; padding-top:1.2rem; border-top:1px solid var(--uok-line); }
.uok-trust-row .item{ display:flex; align-items:center; gap:.6em; font-size:.88rem; color:var(--uok-muted); font-weight:600; }
.uok-trust-row .item svg{ width:22px; height:22px; color:var(--uok-green); flex:0 0 auto; }
.single-product .product_meta{ font-size:.84rem; color:var(--uok-muted); margin-top:1.1rem; padding-top:1rem; border-top:1px solid var(--uok-line); }
.single-product .product_meta > span{ display:block; margin-bottom:.35rem; }
.single-product .product_meta a{ color:var(--uok-green); }
/* Cilnes (Apraksts / Papildu informācija) — pilnā platumā zem produkta */
/* "Papildu informācija" cilnes atribūtu tabula (Tilpums, Viskozitāte…).
WC noklusējuma CSS ir izslēgts, tāpēc tabula bija pilnīgi bez stila. */
.woocommerce-product-attributes,table.shop_attributes{
width:100%; border-collapse:collapse; margin:0 0 1rem;
border:1px solid var(--uok-line); border-radius:var(--uok-r); overflow:hidden;
}
.woocommerce-product-attributes th,table.shop_attributes th{
text-align:left; width:38%; padding:.85rem 1rem; background:var(--uok-mint-soft);
font-family:var(--uok-font-head); font-weight:700; font-size:.9rem; color:var(--uok-ink);
border-bottom:1px solid var(--uok-line);
}
.woocommerce-product-attributes td,table.shop_attributes td{
padding:.85rem 1rem; color:var(--uok-muted); border-bottom:1px solid var(--uok-line);
}
.woocommerce-product-attributes tr:last-child th,.woocommerce-product-attributes tr:last-child td,
table.shop_attributes tr:last-child th,table.shop_attributes tr:last-child td{ border-bottom:none; }
.woocommerce-product-attributes td p,table.shop_attributes td p{ margin:0; }
@media (max-width:520px){
.woocommerce-product-attributes th,table.shop_attributes th{ width:44%; padding:.7rem .8rem; font-size:.84rem; }
.woocommerce-product-attributes td,table.shop_attributes td{ padding:.7rem .8rem; font-size:.9rem; }
}
.single-product .woocommerce-tabs{ grid-column:1 / -1; margin-top:clamp(32px,5vw,60px); }
.single-product .woocommerce-tabs ul.tabs{ display:flex; gap:.3rem; list-style:none; margin:0 0 1.6rem; padding:0; border-bottom:1px solid var(--uok-line); flex-wrap:wrap; }
.single-product .woocommerce-tabs ul.tabs::before,.single-product .woocommerce-tabs ul.tabs::after{ display:none!important; }
.single-product .woocommerce-tabs ul.tabs li{ margin:0!important; padding:0!important; background:none!important; border:none!important; border-radius:0!important; }
.single-product .woocommerce-tabs ul.tabs li::before,.single-product .woocommerce-tabs ul.tabs li::after{ display:none!important; }
.single-product .woocommerce-tabs ul.tabs a{ display:block; padding:.8em 1.3em!important; font-family:var(--uok-font-head); font-weight:700; color:var(--uok-muted)!important; border-bottom:3px solid transparent; }
.single-product .woocommerce-tabs ul.tabs li.active a,.single-product .woocommerce-tabs ul.tabs a:hover{ color:var(--uok-green)!important; border-color:var(--uok-green); }
.single-product .woocommerce-Tabs-panel{ max-width:920px; line-height:1.75; color:var(--uok-ink); }
.single-product .woocommerce-Tabs-panel h2{ font-size:1.4rem; margin-bottom:.6rem; }
.single-product .woocommerce-Tabs-panel p{ margin:0 0 1rem; }
.single-product .woocommerce-Tabs-panel table.shop_attributes{ width:100%; border-collapse:collapse; }
.single-product .woocommerce-Tabs-panel table.shop_attributes th,
.single-product .woocommerce-Tabs-panel table.shop_attributes td{ padding:.7em .9em; border-bottom:1px solid var(--uok-line); text-align:left; }
/* Saistītie produkti pilnā platumā */
.single-product .related.products,.single-product .upsells.products{ grid-column:1 / -1; margin-top:clamp(32px,5vw,60px); }
.single-product .related.products > h2,.single-product .upsells.products > h2{ font-size:clamp(1.5rem,3vw,2rem); margin-bottom:1.4rem; }
/* ===== KLASISKAIS grozs & checkout — pilns platums, 2 kolonnas ===== */
@media (min-width:800px){
/* Grozs: preču tabula pa kreisi, kopsummas pa labi */
.woocommerce-cart .woocommerce{ display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,360px); gap:clamp(28px,4vw,56px); align-items:start; }
.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper{ grid-column:1 / -1; }
.woocommerce-cart form.woocommerce-cart-form{ grid-column:1; min-width:0; }
.woocommerce-cart .cart-collaterals{ grid-column:2; width:100%!important; float:none!important; margin:0!important; }
.woocommerce-cart .cart-collaterals .cart_totals{ width:100%!important; float:none!important; position:sticky; top:calc(var(--uok-header-h) + 16px); }
/* Checkout: forma pa kreisi, kopsavilkums pa labi (float — labā puse sākas augšā + lipīga) */
.woocommerce-checkout form.checkout.woocommerce-checkout{ display:block; }
.woocommerce-checkout form.checkout.woocommerce-checkout::after{ content:""; display:table; clear:both; }
.woocommerce-checkout #customer_details{ float:left; width:57%; grid-template-columns:1fr!important; }
.woocommerce-checkout #order_review_heading{ float:right; width:39%; margin:0 0 .9rem; }
.woocommerce-checkout #order_review{ float:right; width:39%; clear:right; position:sticky; top:calc(var(--uok-header-h) + 16px); }
}
/* Grozs & checkout */
.woocommerce-cart table.cart,.woocommerce-checkout .woocommerce{ font-size:.98rem; }
/* Groza tabula — sakārtotas kolonnas, mazs attēls (WC noklusējuma CSS ir noņemts) */
.woocommerce-cart table.shop_table.cart{ width:100%; border-collapse:collapse; border:1px solid var(--uok-line-green)!important; border-radius:var(--uok-r-lg); overflow:hidden; }
.woocommerce-cart table.cart thead th{ padding:.9rem 1rem; text-align:left; font-family:var(--uok-font-head); font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; color:var(--uok-muted); border-bottom:1px solid var(--uok-line-green); }
.woocommerce-cart table.cart tbody td{ padding:1rem; vertical-align:middle; border-top:1px solid var(--uok-line-green); }
.woocommerce-cart table.cart td.product-remove{ width:44px; text-align:center; }
.woocommerce-cart table.cart td.product-remove a.remove{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:8px; color:var(--uok-red)!important; font-size:1.1rem; background:var(--uok-mint-soft); }
.woocommerce-cart table.cart td.product-thumbnail{ width:92px; }
.woocommerce-cart table.cart td.product-thumbnail img{ width:72px!important; height:72px!important; object-fit:contain; border:1px solid var(--uok-line); border-radius:10px; background:var(--uok-mint-soft); padding:4px; }
.woocommerce-cart table.cart td.product-name a{ color:var(--uok-ink); font-weight:600; }
.woocommerce-cart table.cart td.product-name a:hover{ color:var(--uok-green); }
.woocommerce-cart table.cart td.product-price,.woocommerce-cart table.cart td.product-subtotal{ font-weight:600; color:var(--uok-ink); }
.woocommerce-cart table.cart td.product-quantity input.qty{ width:72px; padding:.5em; border:1px solid var(--uok-line); border-radius:8px; text-align:center; font-weight:700; }
.woocommerce-cart table.cart td.actions{ padding:1.2rem 1rem; }
.woocommerce-cart table.cart td.actions .coupon{ display:flex; gap:.5rem; flex-wrap:wrap; float:none!important; }
.woocommerce-cart table.cart td.actions .coupon input#coupon_code{ width:auto; min-width:160px; padding:.7em 1em; border:1px solid var(--uok-line); border-radius:var(--uok-r); }
.woocommerce-cart table.cart td.actions > button[name="update_cart"]{ float:none!important; margin-top:.6rem; }
/* Groza kopsummu kartīte — atstarpes, poga zem "Kopā" (ne virsū) */
.woocommerce-cart .cart_totals h2{ margin:0 0 1rem; font-family:var(--uok-font-head); }
.woocommerce-cart .cart_totals table.shop_table{ margin:0 0 1.3rem!important; border:none!important; }
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td{ padding:.7rem 0!important; border-top:1px solid var(--uok-line-green); text-align:left; vertical-align:top; }
.woocommerce-cart .cart_totals table.shop_table th{ padding-right:1.2rem!important; white-space:nowrap; font-weight:700; }
.woocommerce-cart .cart_totals table.shop_table tr:first-child th,
.woocommerce-cart .cart_totals table.shop_table tr:first-child td{ border-top:none; }
.woocommerce-cart .cart_totals .order-total .amount{ color:var(--uok-green); font-size:1.15rem; }
.woocommerce-cart .cart_totals .wc-proceed-to-checkout{ padding:0!important; margin:0!important; }
.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button{ display:block!important; width:100%; text-align:center; margin:0!important; padding:.95em 1.2em!important; font-size:1.02rem!important; }
/* GROZS MOBILAJĀ — 6 kolonnu tabula nesatilpst telefonā, tāpēc katra rinda = kartīte.
Etiķetes nāk no WooCommerce data-title atribūtiem. */
@media (max-width:768px){
.woocommerce-cart table.shop_table.cart thead{ display:none; }
.woocommerce-cart table.shop_table.cart,
.woocommerce-cart table.shop_table.cart tbody,
.woocommerce-cart table.shop_table.cart tr,
.woocommerce-cart table.shop_table.cart td{ display:block; width:100%; }
.woocommerce-cart table.shop_table.cart tr.cart_item{
position:relative; padding:1.1rem 2.4rem 1.1rem 6.2rem; min-height:6.5rem;
border-top:1px solid var(--uok-line-green);
}
.woocommerce-cart table.shop_table.cart tr.cart_item td{ border:0!important; padding:.15rem 0!important; }
/* Bilde — fiksēta kreisajā pusē */
.woocommerce-cart table.cart td.product-thumbnail{ position:absolute; left:1rem; top:1.1rem; width:4.5rem!important; padding:0!important; }
.woocommerce-cart table.cart td.product-thumbnail img{ width:4.5rem!important; height:4.5rem!important; }
/* Noņemt — labajā augšējā stūrī */
.woocommerce-cart table.cart td.product-remove{ position:absolute; right:.5rem; top:.9rem; width:auto!important; padding:0!important; }
/* Nosaukums + etiķetes pārējiem laukiem */
.woocommerce-cart table.cart td.product-name{ font-weight:700; margin-bottom:.2rem; }
.woocommerce-cart table.cart td.product-price::before,
.woocommerce-cart table.cart td.product-subtotal::before{
content:attr(data-title) ": "; font-weight:600; color:var(--uok-muted); font-size:.85rem;
}
.woocommerce-cart table.cart td.product-quantity{ margin-top:.4rem; }
/* Kupons + atjaunināt — pilnā platumā, viens zem otra */
.woocommerce-cart table.cart td.actions{ padding:1rem!important; }
.woocommerce-cart table.cart td.actions .coupon{ flex-direction:column; gap:.5rem; }
.woocommerce-cart table.cart td.actions .coupon input#coupon_code,
.woocommerce-cart table.cart td.actions .coupon .button,
.woocommerce-cart table.cart td.actions > button[name="update_cart"]{ width:100%!important; min-width:0!important; margin:0!important; }
.woocommerce-cart table.cart td.actions > button[name="update_cart"]{ margin-top:.5rem!important; }
}
.woocommerce table.shop_table{ border-radius:var(--uok-r-lg); overflow:hidden; border:1px solid var(--uok-line); }
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{ background:var(--uok-mint-soft); border:1px solid var(--uok-line); border-radius:var(--uok-r-lg); padding:1.4rem; }
.woocommerce #payment,.woocommerce-checkout .woocommerce-checkout-payment{ background:transparent!important; border-radius:var(--uok-r-lg); }
/* Apmaksas un piegādes veidi (klasiskais — gatavs MakeCommerce pakomātiem/apmaksai) */
.woocommerce-checkout #payment ul.payment_methods{ list-style:none; margin:0 0 1rem; padding:0; border:none; }
.woocommerce-checkout #payment ul.payment_methods > li{ border:1px solid var(--uok-line); border-radius:var(--uok-r); padding:1rem 1.1rem; margin-bottom:.6rem; transition:border-color .2s, background .2s; }
.woocommerce-checkout #payment ul.payment_methods > li:has(input:checked){ border-color:var(--uok-green); background:var(--uok-mint-soft); }
.woocommerce-checkout #payment ul.payment_methods input[type=radio]{ accent-color:var(--uok-green); margin-right:.5em; }
.woocommerce-checkout #payment ul.payment_methods label img{ max-height:28px; width:auto; vertical-align:middle; margin-left:.5em; }
.woocommerce-checkout #payment div.payment_box{ background:var(--uok-mint-soft); border-radius:var(--uok-r); margin:.6rem 0 0; font-size:.9rem; }
.woocommerce-checkout #payment div.payment_box::before{ border-bottom-color:var(--uok-mint-soft)!important; }
.woocommerce-checkout ul#shipping_method{ list-style:none; margin:.3rem 0; padding:0; display:flex; flex-direction:column; gap:.4rem; }
.woocommerce-checkout ul#shipping_method input[type=radio]{ accent-color:var(--uok-green); margin-right:.4em; }
.woocommerce-checkout #place_order{ width:100%; margin-top:1rem; padding:1em!important; font-size:1.05rem!important; }
.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table{ border:none; margin:0; }
/* Checkout kopsavilkums. WC noklusējuma CSS ir izslēgts, tāpēc atstarpes un kopsummas
izcēlums jāraksta pašiem — bez tā "Kopā" saspiežas starp pakomāta izvēli un apmaksu. */
.woocommerce-checkout table.woocommerce-checkout-review-order-table th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table td{
padding:.7rem 0; border:none; vertical-align:middle; text-align:left;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td{ text-align:right; }
.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th{
padding-bottom:.75rem; border-bottom:1px solid var(--uok-line);
font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; color:var(--uok-muted); font-weight:700;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td{
padding-top:.9rem; border-top:1px solid var(--uok-line);
}
/* Piegādes veidu rinda (radio pogas) — atdalīta no pakomātu izvēlnes zemāk. */
.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td{
padding-bottom:1.1rem;
}
/* MakeCommerce liek pakomātu izvēlni SAVĀ rindā (ne piegādes rindā) — bez šī tā
pielīp kopsummai (mērīts: 12px starp izvēlni un "Kopā").
!important, jo mobilo šūnu padding zemāk arī ir !important. */
.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.makecommerce-pickuppoint-wrapper td{
padding-bottom:1.5rem!important;
}
/* "Kopā" — atdalīts no pakomāta izvēles augšā un no apmaksas apakšā, skaidri izcelts. */
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td{
padding:1.3rem 0 .2rem!important; border-top:2px solid var(--uok-line-green);
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total th{
font-family:var(--uok-font-head); font-size:1.2rem; font-weight:800; color:var(--uok-ink); white-space:nowrap;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total .amount{
font-family:var(--uok-font-head); font-size:1.6rem; font-weight:800; color:var(--uok-green); line-height:1.15;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total small{
display:block; margin-top:.2rem; font-weight:400; font-size:.75rem; color:var(--uok-muted); white-space:normal;
}
/* Atstarpe starp kopsummu un apmaksas veidiem (#payment ir iekšā #order_review). */
.woocommerce-checkout #payment{ margin-top:1.7rem; padding-top:1.4rem; border-top:1px solid var(--uok-line); }
/* Checkout virsrakstu un kupona atstarpes */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading{ margin:0 0 1.5rem; font-family:var(--uok-font-head); }
.woocommerce-checkout .woocommerce-form-coupon-toggle{ margin:0 0 1.6rem; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{ border-top-color:var(--uok-green)!important; }
/* ===== KLASISKĀ checkout FORMA — pilns platums, sakārtoti lauki ===== */
.woocommerce form .form-row{ display:block; margin:0 0 1.1rem; padding:0; }
.woocommerce form .form-row label{ display:block; margin:0 0 .4em; font-weight:600; font-size:.88rem; color:var(--uok-ink); }
.woocommerce form .form-row label .required{ color:var(--uok-red); border:none; }
/* :not(.select2-hidden-accessible) OBLIGĀTS — select2 slēpj oriģinālo select ar width:1px,
un mūsu width:100% (augstāka specifika) to izpleta pilnā platumā -> horizontāla skrollēšana. */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select:not(.select2-hidden-accessible),
.woocommerce form .form-row .select2-container,
.woocommerce-checkout .select2-container .select2-selection--single{ width:100%!important; box-sizing:border-box; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout .select2-container .select2-selection--single{ padding:.85em 1em; border:1px solid var(--uok-line); border-radius:var(--uok-r); font:inherit; background:#fff; min-height:auto; }
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{ outline:none; border-color:var(--uok-green-bright); box-shadow:0 0 0 1px var(--uok-green-bright); }
.woocommerce-checkout .select2-container .select2-selection--single{ height:auto; display:flex; align-items:center; }
.woocommerce-checkout .select2-container .select2-selection__rendered{ line-height:1.4; padding:0; }
/* Lauku režģis: Vārds | Uzvārds blakus; platie lauki pilnā platumā */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper{ display:grid; grid-template-columns:1fr 1fr; gap:0 1rem; }
.woocommerce form .form-row.form-row-wide,
.woocommerce form .form-row.notes,
.woocommerce form .form-row.create-account{ grid-column:1 / -1; }
.woocommerce form .form-row.form-row-first{ grid-column:1; }
.woocommerce form .form-row.form-row-last{ grid-column:2; }
.woocommerce-additional-fields__field-wrapper{ grid-template-columns:1fr; }
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
background:var(--uok-green); color:#fff; border-radius:var(--uok-r-btn); font-family:var(--uok-font-head); font-weight:700; padding:.85em 1.6em; transition:background .2s;
}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{ background:var(--uok-green-bright); }
/* Noņem noklusējuma pogu apmales/ēnas ("melno līniju") visur */
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,
ul.products li.product .button,ul.products li.product a.button,ul.products li.product a.added_to_cart,
.single_add_to_cart_button,.wc-block-components-button,.uok-btn{
border:none!important; box-shadow:none!important; outline:none!important; text-shadow:none!important;
}
.uok-btn--light{ box-shadow:0 4px 14px rgba(8,51,26,.12)!important; }
.woocommerce .button.alt,.woocommerce #place_order{ background:var(--uok-green-bright); }
/* WooCommerce paziņojumi — WC noklusējuma CSS ir IZSLĒGTS, tāpēc viss stils ir mūsu.
HTML-ā poga ir PIRMS teksta, tāpēc flex + order:2 to pārliek aiz teksta. */
.woocommerce-notices-wrapper:empty{ display:none; }
.woocommerce-message,.woocommerce-info,.woocommerce-error{
display:flex; align-items:center; gap:.7rem 1rem; flex-wrap:wrap;
background:var(--uok-mint); border:1px solid var(--uok-line-green);
border-left:4px solid var(--uok-green); border-radius:var(--uok-r);
padding:1rem 1.2rem; margin:0 0 1.2rem; color:var(--uok-ink);
font-size:.95rem; line-height:1.5; list-style:none;
}
.woocommerce-error{ background:#FDECEC; border-color:#F3C2C2; border-left-color:#B32D2E; }
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{
order:2; margin-left:auto; flex:0 0 auto;
}
.woocommerce-message a:not(.button),.woocommerce-info a:not(.button){ color:var(--uok-green); font-weight:600; text-decoration:underline; }
@media (max-width:640px){
.woocommerce-message,.woocommerce-info,.woocommerce-error{ padding:.9rem 1rem; }
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{ margin-left:0; width:100%; text-align:center; }
}
/* ===== WooCommerce BLOKU grozs & checkout (jaunais Gutenberg) ===== */
/* Plašāks grozs/checkout — vairāk gaisa, mazāk saspiests */
body.woocommerce-checkout .uok-container,
body.woocommerce-cart .uok-container{ max-width:1320px; }
/* Noņem WooCommerce bloka paša max-width, lai grozs/checkout ir PILNĀ platumā */
.woocommerce-checkout .uok-page-content,
.woocommerce-cart .uok-page-content,
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-checkout .wc-block-checkout,
.woocommerce-cart .wc-block-cart,
.wc-block-checkout,.wc-block-cart{
max-width:none!important; width:100%!important; margin-left:0!important; margin-right:0!important;
}
/* PIESPIEŽ 2 kolonnas uz desktopa (grid): saturs pa kreisi, kopsavilkums pa labi */
@media (min-width:800px){
.wp-block-woocommerce-checkout .wc-block-checkout{
display:grid!important; grid-template-columns:minmax(0,1fr) minmax(340px,400px)!important;
gap:clamp(28px,4vw,56px)!important; align-items:start!important;
}
.wc-block-checkout__main{ grid-column:1!important; min-width:0!important; max-width:none!important; }
.wc-block-checkout__sidebar{ grid-column:2!important; min-width:0!important; max-width:none!important; position:sticky; top:calc(var(--uok-header-h) + 16px); }
.wp-block-woocommerce-cart .wc-block-cart{
display:grid!important; grid-template-columns:minmax(0,1fr) minmax(320px,380px)!important;
gap:clamp(28px,4vw,56px)!important; align-items:start!important;
}
.wc-block-cart__main{ grid-column:1!important; min-width:0!important; max-width:none!important; }
.wc-block-cart__sidebar{ grid-column:2!important; min-width:0!important; max-width:none!important; position:sticky; top:calc(var(--uok-header-h) + 16px); }
}
.wc-block-components-order-summary-item__description,
.wc-block-components-order-summary-item{ font-size:.94rem!important; }
/* Profesionālāks izskats — soļi, lauki, piegādes/apmaksas opcijas */
.wc-block-components-checkout-step__title{ font-family:var(--uok-font-head)!important; font-size:1.12rem!important; }
.wc-block-components-checkout-step__heading{ margin-bottom:.4rem!important; }
.wc-block-components-text-input{ margin-top:.75rem!important; }
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option{ border:1px solid var(--uok-line)!important; border-radius:var(--uok-r)!important; padding:1rem 1.1rem!important; margin-bottom:.6rem!important; transition:border-color .2s, background .2s; }
.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control__option--checked-option-highlight{ border-color:var(--uok-green)!important; background:var(--uok-mint-soft)!important; }
.wc-block-cart-items__row{ padding:1.2rem 0!important; }
.wc-block-cart-item__image img{ border-radius:10px; border:1px solid var(--uok-line); }
.wc-block-components-order-summary-item__image img{ border-radius:8px; }
/* Pogas */
.wc-block-components-button:not(.is-link),
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button{
background:var(--uok-green)!important; color:#fff!important; border-radius:var(--uok-r-btn)!important;
font-family:var(--uok-font-head)!important; font-weight:700!important; box-shadow:none!important;
}
.wc-block-components-button:not(.is-link):hover,
.wc-block-components-checkout-place-order-button:hover{ background:var(--uok-green-dark)!important; }
.wc-block-components-button.is-link{ color:var(--uok-green)!important; }
.wc-block-cart__submit-container .wc-block-components-button,
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button{ width:100%; }
/* "Atpakaļ" poga */
.wc-block-components-button.wc-block-components-checkout-return-to-cart-button{ background:transparent!important; color:var(--uok-green)!important; }
/* Ievadlauki */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-textarea,
.wc-block-components-select__container,
.wc-block-components-combobox .components-form-token-field__input-container{
border-radius:10px!important; border:1px solid var(--uok-line)!important; font-family:inherit!important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-text-input.is-active input{ border-color:var(--uok-green-bright)!important; box-shadow:0 0 0 1px var(--uok-green-bright)!important; }
.wc-block-components-text-input.is-active label,
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title{ color:var(--uok-green); }
/* Kopsavilkuma sānjosla */
.wc-block-checkout__sidebar,
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-components-sidebar.wc-block-checkout__sidebar{
background:#fff!important; border:1px solid var(--uok-line-green)!important; border-radius:var(--uok-r-lg)!important;
}
.wc-block-components-order-summary__content,.wc-block-components-totals-wrapper{ border-color:var(--uok-line-green)!important; }
.wc-block-components-order-summary-item{ padding:.9rem 0!important; }
.wc-block-cart-item__wrap,.wc-block-components-order-summary-item__description{ font-size:.9rem; line-height:1.5; }
.wc-block-components-totals-item{ padding:.5rem 0!important; }
.wc-block-components-totals-footer-item{ font-size:1.05rem; }
/* Novērš teksta laušanu vidū vārda ("kroplību") kopsavilkumā */
.wc-block-components-order-summary-item *,
.wc-block-components-order-summary__content *,
.wc-block-checkout__sidebar *{ word-break:normal!important; overflow-wrap:break-word!important; hyphens:none!important; }
.wc-block-components-order-summary-item__total-price,
.wc-block-components-totals-item__value{ white-space:nowrap!important; }
.wc-block-cart__totals-title,
.wc-block-components-checkout-step__title,
.wc-block-components-totals-item__label{ font-family:var(--uok-font-head); }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-formatted-money-amount{ font-family:var(--uok-font-head); color:var(--uok-green); }
.wc-block-components-product-price__value{ font-weight:700; }
/* Soļu numuri / akcenti */
.wc-block-components-checkout-step__title-content,
.wc-block-checkout__use-address-for-billing .wc-block-components-checkout-step__title{ color:var(--uok-ink); }
.wc-block-components-checkout-step-number,
.wc-block-components-radio-control__option--checked-option-highlight::before,
.wc-block-components-radio-control__option-checked::after{ background:var(--uok-green)!important; border-color:var(--uok-green)!important; }
.wc-block-components-checkbox__input:checked,
.wc-block-components-checkbox input:checked{ accent-color:var(--uok-green); }
.wc-block-components-quantity-selector{ border-radius:10px!important; border-color:var(--uok-line)!important; }
.wc-block-components-quantity-selector__button{ color:var(--uok-green)!important; }
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-price__value{ color:var(--uok-green); }
.wc-block-grid__product a,.wc-block-components-product-name{ color:var(--uok-ink); }
/* Checkout — obligātā piekrišanas rūtiņa */
.uok-consent{ margin:1rem 0 1.2rem; padding:1rem 1.15rem; border:1px solid var(--uok-line-green); border-radius:var(--uok-r); background:var(--uok-mint-soft); }
.uok-consent__label{ display:flex; gap:.65em; align-items:flex-start; font-size:.93rem; line-height:1.5; cursor:pointer; color:var(--uok-ink); }
.uok-consent__label input{ margin-top:.15em; width:19px; height:19px; accent-color:var(--uok-green); flex:0 0 auto; cursor:pointer; }
.uok-consent__label a{ color:var(--uok-green); text-decoration:underline; text-underline-offset:2px; }
.uok-consent.is-error{ border-color:var(--uok-red); background:#fdf1f1; }
.uok-consent__error{ display:block; margin-top:.45rem; color:var(--uok-red); font-size:.85rem; font-weight:700; }
/* Lapas galvene — minimāla, tīra (bez lētās mint joslas) */
.uok-pagehead{ background:transparent; border-bottom:1px solid var(--uok-line-green); padding-block:clamp(18px,2.5vw,30px); }
.uok-pagehead .uok-container{ display:flex; flex-direction:column; gap:.2rem; }
.uok-pagehead .woocommerce-breadcrumb{ order:-1; padding:0; margin:0 0 .3rem; font-size:.82rem; }
.uok-pagehead h1{ margin:0; font-size:clamp(1.5rem,3vw,2.1rem); }
.uok-pagehead p{ color:var(--uok-muted); margin:.4rem 0 0; max-width:60ch; font-size:.95rem; }
/* Veikala kategoriju izvēlne (sānjosla) */
.uok-shop-main{ min-width:0; }
/* Kategorijas SEO teksts zem produktu režģa — premium panelis */
.uok-cat-seo{ grid-column:1 / -1; margin-top:clamp(36px,5vw,68px); }
.uok-cat-seo__inner{ max-width:920px; margin:0 auto; background:var(--uok-mint-soft); border:1px solid var(--uok-line-green); border-radius:var(--uok-r-lg); padding:clamp(28px,4vw,52px); }
.uok-cat-seo__eyebrow{ display:inline-flex; align-items:center; gap:.5em; font-family:var(--uok-font-head); font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--uok-green); margin:0 0 1rem; }
.uok-cat-seo__eyebrow svg{ width:16px; height:16px; flex:none; }
.uok-cat-seo__inner h2{ font-family:var(--uok-font-head); color:var(--uok-ink); font-size:clamp(1.4rem,2.4vw,1.85rem); line-height:1.18; letter-spacing:-.01em; margin:0 0 1.1rem; }
.uok-cat-seo__inner h3{ font-family:var(--uok-font-head); color:var(--uok-ink); font-size:1.18rem; line-height:1.3; margin:1.9em 0 .5em; }
.uok-cat-seo__inner p{ color:#3f4a43; font-size:1.03rem; line-height:1.85; margin:0 0 1.05em; }
.uok-cat-seo__inner p:last-child{ margin-bottom:0; }
.uok-cat-seo__inner strong{ color:var(--uok-ink); font-weight:700; }
.uok-cat-seo__inner a{ color:var(--uok-green); text-decoration:underline; text-underline-offset:2px; }
.uok-cat-seo__inner a:hover{ color:var(--uok-green-dark); }
.uok-cat-seo__inner ul,.uok-cat-seo__inner ol{ margin:0 0 1.05em 1.3em; color:#3f4a43; }
.uok-cat-seo__inner li{ margin:.35em 0; line-height:1.7; }
/* Klienta prasība: apraksts NErādās mobilajā (paliek HTML-ā → Google to indeksē mobile-first) */
@media (max-width:768px){ .uok-cat-seo{ display:none; } }
/* ===== EĻĻAS PILIENU VĒRTĒJUMS (WooCommerce atsauksmes, WC CSS izslēgts → viss no nulles) ===== */
/* Vērtējuma ATTĒLOŠANA (.star-rating) — proporcionāli aizpildīti pilieni */
.woocommerce .star-rating,
.star-rating{ position:relative; display:inline-block; width:110px; height:20px; overflow:hidden; font-size:0!important; line-height:20px; vertical-align:middle; }
.star-rating::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c3 4.4 5.8 7.8 5.8 11.6a5.8 5.8 0 0 1-11.6 0C6.2 10.3 9 6.9 12 2.5z' fill='none' stroke='%23B4B2A9' stroke-width='1.4'/%3E%3C/svg%3E") left center/22px 20px repeat-x; }
.star-rating span{ position:absolute; top:0; left:0; height:100%; overflow:hidden; padding:0; font-size:0; }
.star-rating span::before{ content:""; position:absolute; top:0; left:0; width:110px; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c3 4.4 5.8 7.8 5.8 11.6a5.8 5.8 0 0 1-11.6 0C6.2 10.3 9 6.9 12 2.5z' fill='%230F7A3B'/%3E%3C/svg%3E") left center/22px 20px repeat-x; }
/* Produkta kopsavilkuma vērtējums (zem nosaukuma) */
.woocommerce-product-rating{ display:flex; align-items:center; gap:.6rem; margin:0 0 1rem; flex-wrap:wrap; }
.woocommerce-product-rating .woocommerce-review-link{ font-size:.85rem; color:var(--uok-muted); text-decoration:none; }
.woocommerce-product-rating .woocommerce-review-link:hover{ color:var(--uok-green); }
/* Vērtējuma IEVADE formā (p.stars a) — klikšķināmi pilieni, WC selektoru loģika */
p.stars{ display:inline-flex; gap:2px; margin:0; line-height:1; }
p.stars a{ position:relative; display:inline-block; width:36px; height:36px; margin:0; text-indent:-9999px; text-decoration:none; vertical-align:middle; cursor:pointer; }
p.stars a::before{ content:""; position:absolute; top:0; left:0; width:36px; height:36px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c3 4.4 5.8 7.8 5.8 11.6a5.8 5.8 0 0 1-11.6 0C6.2 10.3 9 6.9 12 2.5z' fill='none' stroke='%23A9B5AD' stroke-width='1.6'/%3E%3C/svg%3E") center/32px no-repeat; transition:transform .12s ease; }
p.stars:hover a::before,
p.stars.selected a:not(.active)::before,
p.stars.selected a.active::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c3 4.4 5.8 7.8 5.8 11.6a5.8 5.8 0 0 1-11.6 0C6.2 10.3 9 6.9 12 2.5z' fill='%230F7A3B'/%3E%3C/svg%3E"); }
p.stars a:hover ~ a::before,
p.stars.selected a.active ~ a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c3 4.4 5.8 7.8 5.8 11.6a5.8 5.8 0 0 1-11.6 0C6.2 10.3 9 6.9 12 2.5z' fill='none' stroke='%23B4B2A9' stroke-width='1.4'/%3E%3C/svg%3E"); }
p.stars a:hover::before{ transform:scale(1.14); }
/* Atsauksmju bloks + saraksts */
#reviews .woocommerce-Reviews-title{ font-family:var(--uok-font-head); font-size:1.3rem; color:var(--uok-ink); margin:0 0 1.2rem; }
#reviews ol.commentlist{ list-style:none; margin:0 0 2rem; padding:0; display:flex; flex-direction:column; gap:1rem; }
#reviews ol.commentlist li .comment_container{ display:grid; grid-template-columns:48px 1fr; gap:14px; background:var(--uok-mint-soft); border:1px solid var(--uok-line-green); border-radius:16px; padding:1.1rem 1.3rem; }
#reviews ol.commentlist li img.avatar{ width:48px; height:48px; border-radius:50%; margin:0; }
#reviews .comment-text{ min-width:0; }
#reviews .comment-text .star-rating{ margin:0 0 .4rem; }
#reviews .comment-text .meta{ font-size:.9rem; color:var(--uok-muted); margin:0 0 .5rem; }
#reviews .comment-text .meta strong.woocommerce-review__author{ color:var(--uok-ink); font-weight:700; font-size:.98rem; }
#reviews .comment-text .description p{ margin:0 0 .5rem; color:#3f4a43; line-height:1.7; }
/* "Apstiprināts pircējs" nozīmīte */
.woocommerce-review__verified{ display:inline-flex; align-items:center; gap:.34em; font-style:normal; font-size:.72rem; font-weight:700; letter-spacing:.03em; color:var(--uok-green-dark); background:var(--uok-mint); padding:3px 10px 3px 8px; border-radius:20px; margin-left:.4em; vertical-align:middle; }
.woocommerce-review__verified::before{ content:""; width:14px; height:14px; flex:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5A2C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat; }
/* Atsauksmes forma */
#review_form_wrapper{ background:#fff; border:1px solid var(--uok-line); border-radius:20px; padding:clamp(22px,3vw,38px); }
#review_form_wrapper .comment-reply-title{ display:block; font-family:var(--uok-font-head); font-size:1.3rem; line-height:1.3; color:var(--uok-ink); margin:0 0 .5rem; }
#review_form_wrapper .comment-notes{ font-size:.87rem; color:var(--uok-muted); margin:0 0 1.6rem; line-height:1.6; }
#review_form_wrapper .comment-form{ display:grid; grid-template-columns:1fr 1fr; gap:1.15rem 1.2rem; }
#review_form_wrapper .comment-form > p{ margin:0; grid-column:1 / -1; }
/* Specifiskums: `> p` satur elementa selektoru, tāpēc šiem jābūt `> p.klase`, citādi zaudē. */
#review_form_wrapper .comment-form > p.comment-form-author,
#review_form_wrapper .comment-form > p.comment-form-email{ grid-column:auto; }
#review_form_wrapper .comment-form label{ display:block; font-weight:600; font-size:.88rem; color:var(--uok-ink); margin:0 0 .45rem; }
#review_form_wrapper .comment-form .required{ color:var(--uok-green); border:none; text-decoration:none; }
#review_form_wrapper .comment-form input[type=text],
#review_form_wrapper .comment-form input[type=email],
#review_form_wrapper .comment-form input[type=url],
#review_form_wrapper .comment-form textarea{ width:100%; box-sizing:border-box; padding:.85em 1em; border:1px solid var(--uok-line); border-radius:var(--uok-r); font:inherit; color:var(--uok-ink); background:#fff; }
#review_form_wrapper .comment-form textarea{ min-height:140px; resize:vertical; display:block; }
#review_form_wrapper .comment-form input:focus,
#review_form_wrapper .comment-form textarea:focus{ outline:none; border-color:var(--uok-green-bright); box-shadow:0 0 0 1px var(--uok-green-bright); }
#review_form_wrapper .comment-form-cookies-consent{ display:flex; align-items:flex-start; gap:.6rem; }
#review_form_wrapper .comment-form-cookies-consent input{ margin:.15rem 0 0; accent-color:var(--uok-green); flex:none; width:16px; height:16px; }
#review_form_wrapper .comment-form-cookies-consent label{ margin:0; font-weight:400; font-size:.84rem; color:var(--uok-muted); line-height:1.55; }
#review_form_wrapper .form-submit{ margin:.3rem 0 0; }
#review_form_wrapper .form-submit input#submit{ width:auto; min-width:190px; }
.comment-form-rating label{ display:block; font-weight:600; font-size:.88rem; margin:0 0 .55rem; color:var(--uok-ink); }
.woocommerce-noreviews{ color:var(--uok-muted); margin:0 0 1.4rem; }
/* "Rādīt paroli" poga — WC to pievieno, bet WC CSS mums izslēgts, tāpēc bez šī
tā renderējas kā sīka pelēka pārlūka poga zem lauka. */
.woocommerce .password-input{ position:relative; display:block; }
.woocommerce .password-input input.input-text{ padding-right:3.1rem!important; }
.woocommerce .show-password-input{
position:absolute; right:.85rem; top:50%; transform:translateY(-50%);
width:26px; height:26px; padding:0; margin:0; border:0!important; background-color:transparent!important;
box-shadow:none!important; cursor:pointer; opacity:.5; transition:opacity .15s;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C6B62' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:center; background-size:22px;
}
.woocommerce .show-password-input:hover{ opacity:.85; }
.woocommerce .show-password-input.display-password{
opacity:1;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F7A3B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 10.6a3 3 0 0 0 4.2 4.2'/%3E%3Cpath d='M9.4 5.2A9.5 9.5 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-3.2 4.1M6.2 6.2A17 17 0 0 0 2 12s3.6 7 10 7c1 0 1.9-.2 2.8-.5'/%3E%3C/svg%3E");
}
/* ===== B2B / B2C reģistrācija — konta tipa izvēle ===== */
.uok-acct-type{ margin:0 0 1.5rem; }
.uok-acct-type__label{ display:block; font-weight:600; font-size:.88rem; color:var(--uok-ink); margin:0 0 .55rem; }
.uok-acct-type__opts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:.7rem; }
.uok-acct-opt{ position:relative; display:flex; flex-direction:column; gap:.15rem; padding:1rem 1.1rem 1rem 2.6rem;
border:1px solid var(--uok-line); border-radius:14px; background:#fff; cursor:pointer; transition:border-color .15s, background .15s; }
.uok-acct-opt:hover{ border-color:var(--uok-green-bright); }
.uok-acct-opt.is-active{ border-color:var(--uok-green); background:var(--uok-mint-soft); box-shadow:0 0 0 1px var(--uok-green); }
.uok-acct-opt input[type=radio]{ position:absolute; left:1rem; top:1.15rem; margin:0; accent-color:var(--uok-green); width:16px; height:16px; }
.uok-acct-opt__t{ font-weight:700; font-size:.98rem; color:var(--uok-ink); line-height:1.3; }
.uok-acct-opt__d{ font-size:.82rem; color:var(--uok-muted); line-height:1.45; }
/* Uzņēmuma lauki */
.uok-company-fields{ margin:0 0 .5rem; padding:1.1rem 1.2rem .4rem; background:var(--uok-mint-soft); border:1px solid var(--uok-line-green); border-radius:14px; }
.uok-company-fields[hidden]{ display:none; }
.uok-company-fields__note{ font-size:.84rem; color:var(--uok-muted); line-height:1.55; margin:0 0 1rem; }
.uok-field-hint{ display:block; font-size:.78rem; color:var(--uok-muted); margin-top:.3rem; }
/* Uzņēmuma datu tabula konta lapā */
.uok-company-table{ width:100%; max-width:520px; border-collapse:collapse; margin:.6rem 0 1.4rem; }
.uok-company-table th,.uok-company-table td{ text-align:left; padding:.6rem .8rem; border-bottom:1px solid var(--uok-line); font-size:.92rem; vertical-align:top; }
.uok-company-table th{ width:42%; font-weight:600; color:var(--uok-muted); background:var(--uok-mint-soft); }
.uok-company-table td{ color:var(--uok-ink); }
@media (max-width:600px){
#review_form_wrapper .comment-form{ grid-template-columns:1fr; }
#review_form_wrapper .comment-form > p.comment-form-author,
#review_form_wrapper .comment-form > p.comment-form-email{ grid-column:1 / -1; }
#review_form_wrapper .form-submit input#submit{ width:100%; }
}
.uok-cat-nav{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
/* Noklusējums = MELNS teksts; hover un aktīvs = GAIŠI ZAĻŠ; vecāks (apakškat. aktīva) = ZAĻI BURTI */
.uok-cat-nav>li>a{ display:flex; align-items:center; justify-content:space-between; gap:.6em; padding:.65em .7em; border-radius:var(--uok-r-sm); color:var(--uok-ink); font-weight:600; font-size:.95rem; transition:background .15s, color .15s; }
.uok-cat-nav>li>a:hover{ background:var(--uok-mint); color:var(--uok-green-dark); }
.uok-cat-nav>li.is-active>a{ background:var(--uok-mint); color:var(--uok-green-dark); }
/* Vecāks (kad apakškategorija aktīva) = GAIŠI ZAĻŠ FONS */
.uok-cat-nav>li.is-parent-active>a{ background:var(--uok-mint); color:var(--uok-green-dark); }
.uok-cat-nav__count{ font-size:.78rem; font-weight:700; background:rgba(0,0,0,.06); color:var(--uok-muted); padding:.1em .5em; border-radius:6px; min-width:22px; text-align:center; }
.uok-cat-nav>li.is-active .uok-cat-nav__count{ background:rgba(15,122,59,.14); color:var(--uok-green); }
.uok-cat-nav__sub{ list-style:none; margin:.15rem 0 .5rem; padding-left:.8rem; border-left:2px solid var(--uok-line-green); display:flex; flex-direction:column; gap:1px; }
.uok-cat-nav__sub a{ display:block; padding:.45em .6em; border-radius:var(--uok-r-sm); font-size:.9rem; color:var(--uok-ink); }
.uok-cat-nav__sub a:hover{ color:var(--uok-green); background:var(--uok-mint); }
.uok-cat-nav__sub li.is-active a{ color:var(--uok-green); background:transparent; font-weight:700; }
.uok-cat-nav__sub li.is-parent-active>a{ color:var(--uok-green); font-weight:700; }
/* 3. līmenis (piem. AUTO → Eļļas → Eļļa motoram/kārbai) — vēl viena atkāpe */
.uok-cat-nav__sub .uok-cat-nav__sub--deep{ margin:1px 0 .35rem; }
.uok-cat-nav__sub .uok-cat-nav__sub--deep a{ font-size:.86rem; }
.uok-sidebar-cta{ border-top:1px solid var(--uok-line-green); }
/* Filtri */
.uok-filter-actions{ display:flex; flex-direction:column; gap:.6rem; align-items:center; }
.uok-filter-clear{ font-size:.85rem; color:var(--uok-muted); }
.uok-filter-clear:hover{ color:var(--uok-green); }
/* MANS KONTS -------------------------------------------------- */
.woocommerce-account .woocommerce{ display:block; }
/* Pieslēgšanās + reģistrācija blakus */
.woocommerce-account:not(.logged-in) .woocommerce > .u-columns,
.woocommerce .col2-set{ display:grid; grid-template-columns:1fr 1fr; gap:var(--uok-gap); }
.woocommerce form.login,.woocommerce form.register,
.woocommerce-account .woocommerce > .u-column1,
.woocommerce-account .woocommerce > .u-column2{
background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg);
padding:1.8rem; box-shadow:var(--uok-shadow-sm);
}
.woocommerce h2{ font-family:var(--uok-font-head); }
.woocommerce form .form-row label{ font-weight:600; font-size:.9rem; margin-bottom:.3em; display:block; }
/* Konta navigācija (Mani pasūtījumi, Adreses…) */
.woocommerce-account.logged-in .woocommerce{ display:grid; grid-template-columns:250px 1fr; gap:clamp(20px,3vw,40px); align-items:start; }
.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper{ grid-column:1 / -1; }
.woocommerce-MyAccount-navigation{ background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg); padding:.8rem; position:sticky; top:calc(var(--uok-header-h) + 16px); }
.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.woocommerce-MyAccount-navigation a{ display:block; padding:.7em .9em; border-radius:var(--uok-r-sm); font-family:var(--uok-font-head); font-weight:600; color:var(--uok-ink); font-size:.95rem; }
.woocommerce-MyAccount-navigation a:hover{ background:var(--uok-mint); color:var(--uok-green); }
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a{ background:var(--uok-green); color:#fff; }
.woocommerce-MyAccount-content{ background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg); padding:1.8rem; min-width:0; }
.woocommerce-MyAccount-content .woocommerce-Message,.woocommerce-MyAccount-content p:first-child{ margin-top:0; }
.woocommerce-orders-table,.woocommerce-table--order-details,.woocommerce table.shop_table{ width:100%; border-collapse:collapse; }
.woocommerce-orders-table th,.woocommerce-orders-table td{ padding:.9em .8em; border-bottom:1px solid var(--uok-line); text-align:left; font-size:.92rem; }
.woocommerce-orders-table thead th{ font-family:var(--uok-font-head); font-size:.8rem; text-transform:uppercase; letter-spacing:.05em; color:var(--uok-muted); }
.woocommerce-address-fields .woocommerce-input-wrapper,.woocommerce-address-fields{ display:block; }
.u-columns .woocommerce-Addresses{ display:grid; grid-template-columns:1fr 1fr; gap:var(--uok-gap); }
.woocommerce .addresses .col-1,.woocommerce .addresses .col-2{ background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg); padding:1.4rem; }
.woocommerce-EditAccountForm.edit-account{ max-width:640px; }
mark{ background:var(--uok-mint); color:var(--uok-green-dark); padding:0 .3em; border-radius:4px; }
/* KONTAKTU LAPA ---------------------------------------------- */
.uok-contact-grid{ display:grid; grid-template-columns:1fr 1.2fr; gap:clamp(24px,4vw,48px); align-items:start; }
.uok-contact-cards{ display:flex; flex-direction:column; gap:1rem; }
.uok-contact-card{ display:flex; gap:1rem; align-items:flex-start; padding:1.4rem; background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg); box-shadow:var(--uok-shadow-sm); }
.uok-contact-card__ic{ width:48px; height:48px; flex:0 0 auto; border-radius:var(--uok-r); background:var(--uok-mint); color:var(--uok-green); display:flex; align-items:center; justify-content:center; }
.uok-contact-card h4{ font-family:var(--uok-font-head); margin:0 0 .2rem; font-size:1rem; }
.uok-contact-card a,.uok-contact-card p{ margin:0; color:var(--uok-muted); }
.uok-contact-card a:hover{ color:var(--uok-green); }
.uok-contact-card__strong{ color:var(--uok-ink)!important; font-weight:600; margin-bottom:.15rem!important; }
.uok-contact-hours{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.2rem; }
.uok-contact-hours li{ color:var(--uok-muted); }
.uok-contact-social{ display:flex; flex-wrap:wrap; gap:.6rem; }
.uok-contact-social a{ width:44px; height:44px; border-radius:12px; border:1px solid var(--uok-line); background:#fff; color:var(--uok-green); display:flex; align-items:center; justify-content:center; transition:background .2s,color .2s,border-color .2s; }
.uok-contact-social a:hover{ background:var(--uok-green); color:#fff; border-color:var(--uok-green); }
.uok-contact-form{ background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg); padding:clamp(20px,3vw,36px); box-shadow:var(--uok-shadow-sm); }
.uok-contact-form .uok-field{ margin-bottom:1rem; }
.uok-contact-form label{ color:var(--uok-ink); }
.uok-contact-form input,.uok-contact-form textarea{ width:100%; padding:.85em 1em; border:1px solid var(--uok-line); border-radius:var(--uok-r); font:inherit; background:var(--uok-mint-soft); }
.uok-contact-form input:focus,.uok-contact-form textarea:focus{ outline:none; border-color:var(--uok-green-bright); background:#fff; }
/* WPForms/CF7 kontaktu forma — pielāgo mūsu kartītei */
.uok-contact-form .wpforms-container{ margin:0; --wpforms-button-background-color:var(--uok-green); --wpforms-button-text-color:#ffffff; --wpforms-button-border-radius:12px; --wpforms-field-border-radius:12px; }
.uok-contact-form .wpforms-field{ padding:0 0 1rem!important; }
.uok-contact-form .wpforms-field-label{ font-weight:600; color:var(--uok-ink); margin-bottom:.3rem; }
.uok-contact-form .wpforms-field input,.uok-contact-form .wpforms-field textarea,.uok-contact-form .wpforms-field select{ width:100%; padding:.85em 1em; border:1px solid var(--uok-line)!important; border-radius:var(--uok-r)!important; font:inherit; background:var(--uok-mint-soft); box-shadow:none!important; }
.uok-contact-form .wpforms-field input:focus,.uok-contact-form .wpforms-field textarea:focus{ outline:none; border-color:var(--uok-green-bright)!important; background:#fff; }
.uok-contact-form .wpforms-submit,.uok-contact-form button[type=submit].wpforms-submit{ display:inline-flex!important; align-items:center; justify-content:center; text-align:center; line-height:1!important; width:100%; background:var(--uok-green)!important; color:#fff!important; border:0; padding:1em 1.5em; border-radius:var(--uok-r); font-family:var(--uok-font-head); font-weight:700; font-size:1rem; cursor:pointer; transition:background .2s; }
.uok-contact-form .wpforms-submit:hover{ background:var(--uok-green-dark)!important; }
.uok-contact-form .wpforms-confirmation-container-full{ margin:0; padding:1em 1.2em; background:var(--uok-mint); border:1px solid var(--uok-line); border-radius:var(--uok-r); color:var(--uok-ink); }
.uok-map{ margin-top:1.5rem; border-radius:var(--uok-r-lg); overflow:hidden; border:1px solid var(--uok-line); aspect-ratio:16/7; }
.uok-map iframe{ width:100%; height:100%; border:0; display:block; }
/* ANIMĒTĀS IKONAS — smalka, vienmērīga peldēšana (nepārtraukti) */
.uok-ic{ transform-box:fill-box; transform-origin:center; overflow:visible; }
.uok-cat__icon .uok-ic,.uok-sector__ic .uok-ic,.uok-usp__ic .uok-ic{ animation:uok-float-ic 3.6s ease-in-out infinite; }
.uok-cats .uok-cat:nth-child(2n) .uok-ic{ animation-delay:-1.4s; }
.uok-cats .uok-cat:nth-child(3n) .uok-ic{ animation-delay:-2.6s; }
.uok-sectors .uok-sector:nth-child(2n) .uok-ic{ animation-delay:-1.2s; }
.uok-sectors .uok-sector:nth-child(3n) .uok-ic{ animation-delay:-2.3s; }
.uok-usps .uok-usp:nth-child(2n) .uok-ic{ animation-delay:-1.6s; }
.uok-usps .uok-usp:nth-child(3n) .uok-ic{ animation-delay:-2.8s; }
@keyframes uok-float-ic{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-3px); } }
/* 15. UTILĪTAS & ANIMĀCIJAS ---------------------------------- */
.uok-reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s var(--uok-ease), transform .7s var(--uok-ease); }
.uok-reveal.is-in{ opacity:1; transform:none; }
.uok-sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* WooCommerce pieejamības teksts (tikai ekrāna lasītājiem). WC noklusējuma CSS izslēgts,
tāpēc šo JĀslēpj pašiem — citādi "Price range: … through …" un "This product has multiple
variants…" kļūst REDZAMI produktu kartītēs. */
.screen-reader-text{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; word-wrap:normal!important; }
.screen-reader-text:focus{ position:static!important; width:auto; height:auto; margin:0; clip:auto; clip-path:none; }
.uok-mt-0{ margin-top:0; } .uok-mb-0{ margin-bottom:0; }
.uok-center{ text-align:center; }
@media (prefers-reduced-motion: reduce){
*{ animation-duration:.001ms!important; transition-duration:.001ms!important; scroll-behavior:auto!important; }
.uok-reveal{ opacity:1; transform:none; }
}
/* Mobilās izvēlnes overlay */
.uok-drawer{ position:fixed; inset:0; z-index:1000; visibility:hidden; }
.uok-drawer__scrim{ position:absolute; inset:0; background:rgba(8,51,26,.5); opacity:0; transition:opacity .3s; }
.uok-drawer__panel{ position:absolute; top:0; right:0; height:100%; width:min(86vw,360px); background:#fff; box-shadow:var(--uok-shadow-lg); transform:translateX(100%); transition:transform .35s var(--uok-ease); display:flex; flex-direction:column; padding:1.2rem; overflow-y:auto; }
.uok-drawer.is-open{ visibility:visible; }
.uok-drawer.is-open .uok-drawer__scrim{ opacity:1; }
.uok-drawer.is-open .uok-drawer__panel{ transform:none; }
.uok-drawer__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; }
/* Meklētājs mobilajā izvēlnē — mobilajā tas ir VIENĪGAIS meklētājs, tāpēc lielāks */
.uok-drawer .uok-searchform{ display:flex; align-items:center; gap:.4rem; background:var(--uok-mint-soft); border:1px solid var(--uok-line); border-radius:var(--uok-r); padding:.3em .35em .3em 1em; margin:0 0 1.2rem; transition:border-color .2s, background .2s; }
.uok-drawer .uok-searchform:focus-within{ border-color:var(--uok-green-bright); background:#fff; }
.uok-drawer .uok-searchform input[type=search]{ flex:1 1 auto; min-width:0; border:none; background:transparent; font:inherit; font-size:1rem; color:var(--uok-ink); outline:none; padding:.55em 0; }
.uok-drawer .uok-searchform input[type=search]::placeholder{ color:var(--uok-muted); }
.uok-drawer .uok-searchform button{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:44px; height:44px; border:none; border-radius:10px; background:var(--uok-green); color:#fff; cursor:pointer; transition:background .2s; }
.uok-drawer .uok-searchform button:hover{ background:var(--uok-green-bright); }
.uok-drawer .uok-searchform button svg{ width:20px; height:20px; }
.uok-drawer nav ul{ list-style:none; margin:0; padding:0; }
.uok-drawer nav a{ display:block; padding:.85em .4em; font-family:var(--uok-font-head); font-weight:700; color:var(--uok-ink); border-bottom:1px solid var(--uok-line); }
.uok-drawer .sub-menu{ padding-left:1rem; }
.uok-drawer .sub-menu a{ font-weight:600; color:var(--uok-muted); }
/* ===== PAR MUMS lapa ===== */
.uok-about-hero{ padding-top:clamp(48px,7vw,88px); }
.uok-about-hero__grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(28px,4vw,60px); align-items:start; }
.uok-about-hero__content h1{ font-size:clamp(1.8rem,3.6vw,2.8rem); margin:.4rem 0 1.2rem; }
.uok-about-hero__text{ color:var(--uok-muted); font-size:1.02rem; line-height:1.75; margin-bottom:1.8rem; }
.uok-about-hero__text p{ margin:0 0 1rem; }
.uok-about-hero__aside{ display:flex; flex-direction:column; gap:1rem; }
.uok-about-hero__media{ position:relative; border-radius:var(--uok-r-lg); overflow:hidden; aspect-ratio:16/11; background:var(--uok-mint); }
.uok-about-hero__media img{ width:100%; height:100%; object-fit:cover; }
.uok-about-hero__placeholder{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--uok-green); background:linear-gradient(160deg,var(--uok-mint),var(--uok-mint-soft)); }
.uok-about-hero__badge{ position:absolute; right:1rem; bottom:1rem; background:var(--uok-mint); border:1px solid rgba(8,51,26,.1); border-radius:var(--uok-r); padding:.9rem 1.3rem; text-align:center; box-shadow:var(--uok-shadow); }
.uok-about-hero__badge-big{ display:block; font-family:var(--uok-font-head); font-weight:800; font-size:1.6rem; color:var(--uok-green); line-height:1; }
.uok-about-hero__badge-sub{ display:block; font-size:.78rem; font-weight:700; color:var(--uok-muted); letter-spacing:.06em; text-transform:uppercase; margin-top:.2rem; }
.uok-about-usp{ display:flex; gap:.9rem; align-items:flex-start; padding:1.1rem 1.2rem; background:#fff; border:1px solid var(--uok-line-green); border-radius:var(--uok-r); }
.uok-about-usp__ic{ width:44px; height:44px; flex:0 0 auto; border-radius:12px; background:var(--uok-mint); color:var(--uok-green); display:flex; align-items:center; justify-content:center; }
.uok-about-usp h4{ font-family:var(--uok-font-head); margin:0 0 .2rem; font-size:.98rem; }
.uok-about-usp p{ margin:0; font-size:.88rem; color:var(--uok-muted); line-height:1.5; }
/* Iemesli (3 kartītes) */
.uok-about-reasons{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--uok-gap); }
.uok-reason{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--uok-line-green); border-radius:var(--uok-r-lg); overflow:hidden; transition:transform .28s var(--uok-ease), box-shadow .28s var(--uok-ease); }
.uok-reason:hover{ transform:translateY(-5px); box-shadow:var(--uok-shadow); }
.uok-reason__media{ aspect-ratio:16/10; background:linear-gradient(160deg,var(--uok-mint),var(--uok-mint-soft)); overflow:hidden; display:flex; align-items:center; justify-content:center; }
.uok-reason__media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--uok-ease); }
.uok-reason:hover .uok-reason__media img{ transform:scale(1.05); }
.uok-reason__ic{ width:70px; height:70px; border-radius:20px; background:#fff; color:var(--uok-green); display:flex; align-items:center; justify-content:center; box-shadow:var(--uok-shadow-sm); }
.uok-reason__body{ padding:1.5rem; }
.uok-reason__body h3{ font-size:1.15rem; margin:0 0 .5rem; }
.uok-reason__body p{ margin:0; color:var(--uok-muted); font-size:.94rem; line-height:1.65; }
/* Atsauksmes */
.uok-reviews{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--uok-gap); }
.uok-review{ background:#fff; border:1px solid var(--uok-line-green); border-radius:var(--uok-r-lg); padding:1.6rem; display:flex; flex-direction:column; }
.uok-review .uok-rating{ color:var(--uok-amber); margin-bottom:.8rem; }
.uok-review__text{ color:var(--uok-ink); font-size:.98rem; line-height:1.65; margin:0 0 1.2rem; flex:1; }
.uok-review__foot{ display:flex; align-items:center; gap:.7em; }
.uok-review__avatar{ width:40px; height:40px; border-radius:50%; background:var(--uok-green); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--uok-font-head); font-weight:800; flex:0 0 auto; object-fit:cover; }
.uok-review__name{ font-weight:700; font-family:var(--uok-font-head); display:flex; flex-direction:column; line-height:1.2; }
.uok-review__name small{ font-weight:500; font-size:.78rem; color:var(--uok-muted); }
.uok-review__g{ margin-left:auto; width:26px; height:26px; border-radius:50%; background:#fff; border:1px solid var(--uok-line); display:flex; align-items:center; justify-content:center; font-family:var(--uok-font-head); font-weight:800; color:#4285F4; }
/* 16. RESPONSĪVS --------------------------------------------- */
@media (max-width:1080px){
.uok-cats,.uok-usps,ul.products{ grid-template-columns:repeat(3,1fr); }
.uok-sectors{ grid-template-columns:repeat(3,1fr); }
.uok-nav{ display:none; }
.uok-burger{ display:inline-flex; }
.uok-finder__form{ grid-template-columns:repeat(2,1fr); }
/* 3 kolonnas — pēdējā = 3n */
ul.products li.product:nth-child(4n){ border-right:1px solid var(--uok-grid-line); }
ul.products li.product:nth-child(3n){ border-right:none; }
}
@media (max-width:900px){
.uok-hero__grid{ grid-template-columns:1fr; }
.uok-hero__visual{ display:none; }
.single-product .uok-product-top{ grid-template-columns:1fr; }
.single-product .woocommerce-product-gallery{ position:static; }
.single-product .summary.entry-summary{ position:static; }
.uok-shop-layout{ grid-template-columns:1fr; }
.uok-shop-sidebar{ position:static; }
.woocommerce-account.logged-in .woocommerce{ grid-template-columns:1fr; }
.woocommerce-MyAccount-navigation{ position:static; }
.uok-contact-grid{ grid-template-columns:1fr; }
.woocommerce .col2-set,.u-columns .woocommerce-Addresses,.woocommerce .addresses{ grid-template-columns:1fr; }
.uok-footer__grid{ grid-template-columns:1fr 1fr; }
.uok-posts{ grid-template-columns:repeat(2,1fr); }
.uok-search{ display:none; }
.uok-about-hero__grid{ grid-template-columns:1fr; }
.uok-about-reasons,.uok-reviews{ grid-template-columns:1fr; }
}
@media (max-width:640px){
.uok-cats,.uok-usps,.uok-cols-2,.uok-cols-3,.uok-cols-4,ul.products,.uok-sectors,.uok-posts{ grid-template-columns:1fr 1fr; }
/* 2 kolonnas — pēdējā = 2n */
ul.products li.product:nth-child(3n){ border-right:1px solid var(--uok-grid-line); }
ul.products li.product:nth-child(2n){ border-right:none; }
.uok-finder__form{ grid-template-columns:1fr; }
.uok-newsletter{ grid-template-columns:1fr; }
.uok-footer__grid{ grid-template-columns:1fr; }
.uok-topbar__links{ display:none; }
.uok-cta-band .uok-hero__cta,.uok-hero__cta{ flex-direction:column; }
.uok-hero__cta .uok-btn{ width:100%; }
}
@media (max-width:460px){
.uok-cats,ul.products,.uok-sectors,.uok-posts,.uok-usps{ grid-template-columns:1fr; }
ul.products li.product{ border-right:none; }
}
/* ===== MOBILĀS KOREKCIJAS ===== */
@media (max-width:768px){
/* iOS Safari TUVINA lapu, ja formas laukam fonts < 16px (piem. pakomāta izvēlnei).
16px to novērš pavisam. */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],
input[type=password],input[type=url],input[type=date],select,textarea{ font-size:16px!important; }
/* CHECKOUT kopsavilkums — piegādes izvēles bija saspiestas blakus "Piegāde" etiķetei.
Mobilajā etiķete virsū, izvēles pilnā platumā zem tās. */
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td{ padding:.65rem .5rem!important; }
.woocommerce-checkout table.shop_table tr.woocommerce-shipping-totals th,
.woocommerce-checkout table.shop_table tr.woocommerce-shipping-totals td{
display:block; width:100%; text-align:left; padding-left:0!important; padding-right:0!important;
}
.woocommerce-checkout table.shop_table tr.woocommerce-shipping-totals th{ padding-bottom:.35rem!important; }
.woocommerce-checkout table.shop_table tr.woocommerce-shipping-totals td{ padding-top:0!important; }
#shipping_method{ list-style:none; margin:0; padding:0; }
#shipping_method li{ display:flex; align-items:flex-start; gap:.55rem; padding:.45rem 0; margin:0; }
#shipping_method li input[type=radio]{ margin:.2rem 0 0; flex:0 0 auto; }
#shipping_method li label{ flex:1; margin:0; line-height:1.4; }
/* MakeCommerce pakomātu izvēlne — pilnā platumā, ne saspiesta.
SVARĪGI: NEDRĪKST aiztikt .select2-hidden-accessible — select2 to slēpj ar width:1px,
un piespiežot 100% tas izpleš lapu (horizontāla skrollēšana). */
.woocommerce-checkout select:not(.select2-hidden-accessible),
.woocommerce-checkout .select2-container{ width:100%!important; max-width:100%; box-sizing:border-box; }
/* PAKOMĀTU NOLAIŽAMAIS PANELIS.
MakeCommerce tam liek inline `width:auto; min-width:240px`, tāpēc garie pakomātu
nosaukumi ("Brīvības gatve (Latvijas Pasts) - ...") to izstiepj platāku par ekrānu
un izlauž no sava ietvara -> lapa sāk skrollēties horizontāli.
Piesienam pie ietvara platuma un ļaujam tekstam laust rindas. */
/* Procenti šeit NEPALĪDZ: ietvars pats ir par platu un sākas ~52px no kreisās malas,
tāpēc width:100% joprojām iziet pāri ekrānam. Vajag ierobežojumu pret EKRĀNU (vw).
SVARĪGI: select2 pievieno ĀRĒJO ietvaru tieši pie ar position:absolute
un BEZ --open klases — tāpēc jāķer ar `body > .select2-container`, citādi
panelis iekšā ir mazs, bet ietvars ap to joprojām izpleš lapu. */
body > .select2-container{ max-width:calc(100vw - 72px)!important; }
.select2-container--open{ max-width:100vw!important; }
.select2-container--open .select2-dropdown,
.select2-dropdown{
width:auto!important; min-width:0!important;
max-width:calc(100vw - 72px)!important;
box-sizing:border-box!important;
}
.select2-dropdown .select2-results__option{ white-space:normal!important; word-break:break-word; }
.select2-search--dropdown{ padding:6px; box-sizing:border-box; }
.select2-search--dropdown .select2-search__field{
width:100%!important; max-width:100%!important; box-sizing:border-box!important;
}
}
/* ===== SĪKDATŅU PIEKRIŠANA ===== */
.uok-cc{ position:fixed; left:0; right:0; bottom:0; z-index:9999; padding:clamp(12px,2vw,22px);
display:flex; justify-content:center; pointer-events:none; }
.uok-cc[hidden]{ display:none; }
.uok-cc__inner{ pointer-events:auto; width:100%; max-width:960px; background:#fff;
border:1px solid var(--uok-line-green); border-radius:var(--uok-r-lg);
box-shadow:0 18px 50px rgba(4,30,15,.18); padding:clamp(18px,2.5vw,28px);
display:grid; grid-template-columns:1fr auto; gap:clamp(14px,2vw,28px); align-items:center;
animation:uok-cc-in .28s ease-out; }
@keyframes uok-cc-in{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
.uok-cc__title{ font-family:var(--uok-font-head); font-size:1.05rem; color:var(--uok-ink); margin:0 0 .35rem; line-height:1.3; }
.uok-cc__text{ font-size:.9rem; line-height:1.6; color:var(--uok-muted); margin:0; }
.uok-cc__text a{ color:var(--uok-green); text-decoration:underline; text-underline-offset:2px; }
.uok-cc__actions{ display:flex; flex-direction:column; gap:.5rem; align-items:stretch; min-width:210px; }
.uok-cc__btn{ font-family:var(--uok-font-head); font-weight:700; font-size:.92rem; line-height:1;
padding:.95em 1.4em; border-radius:12px; cursor:pointer; border:1px solid transparent; transition:background-color .18s,border-color .18s; }
.uok-cc__btn--primary{ background:var(--uok-green); color:#fff; border-color:var(--uok-green); }
.uok-cc__btn--primary:hover{ background:var(--uok-green-dark); border-color:var(--uok-green-dark); }
.uok-cc__btn--ghost{ background:#fff; color:var(--uok-ink); border-color:var(--uok-line-green); }
.uok-cc__btn--ghost:hover{ background:var(--uok-mint-soft); border-color:var(--uok-green); }
.uok-cc__link{ background:none; border:0; padding:.2rem; color:var(--uok-muted); font-size:.84rem;
text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
.uok-cc__link:hover{ color:var(--uok-green); }
/* Kategoriju izvēle */
.uok-cc__cats{ margin-top:1rem; padding-top:1rem; border-top:1px solid var(--uok-line); display:flex; flex-direction:column; gap:.7rem; }
.uok-cc__cats[hidden]{ display:none; }
.uok-cc__cat{ display:flex; gap:.7rem; align-items:flex-start; cursor:pointer; }
.uok-cc__cat.is-locked{ cursor:default; opacity:.75; }
.uok-cc__cat input{ margin:.2rem 0 0; width:17px; height:17px; flex:none; accent-color:var(--uok-green); }
.uok-cc__cat-t{ display:block; font-weight:700; font-size:.88rem; color:var(--uok-ink); }
.uok-cc__cat-t em{ font-style:normal; font-weight:400; font-size:.76rem; color:var(--uok-green); margin-left:.4em; }
.uok-cc__cat-d{ display:block; font-size:.8rem; line-height:1.5; color:var(--uok-muted); margin-top:.1rem; }
/* Atkārtotas atvēršanas poga */
.uok-cc-reopen{ position:fixed; left:16px; bottom:16px; z-index:9998; width:42px; height:42px;
display:inline-flex; align-items:center; justify-content:center; border-radius:50%;
background:#fff; color:var(--uok-green); border:1px solid var(--uok-line-green);
box-shadow:0 6px 18px rgba(4,30,15,.14); cursor:pointer; opacity:.65; transition:opacity .18s,transform .18s; }
.uok-cc-reopen:hover{ opacity:1; transform:translateY(-2px); }
.uok-cc-reopen[hidden]{ display:none; }
@media (max-width:820px){
.uok-cc__inner{ grid-template-columns:1fr; }
.uok-cc__actions{ min-width:0; }
.uok-cc-reopen{ left:12px; bottom:12px; width:38px; height:38px; }
}
/* ===== Mans konts: Pieslēgties / Reģistrēties cilnes ===== */
.uok-acct-tabs{ display:flex; gap:.4rem; margin:0 0 1.4rem; padding:.35rem; background:var(--uok-mint-soft);
border:1px solid var(--uok-line-green); border-radius:14px; max-width:420px; }
.uok-acct-tab{ flex:1; padding:.85em 1em; border:0; border-radius:11px; background:transparent; cursor:pointer;
font-family:var(--uok-font-head); font-weight:700; font-size:.95rem; line-height:1; color:var(--uok-muted);
transition:background-color .18s,color .18s; }
.uok-acct-tab:hover{ color:var(--uok-ink); }
.uok-acct-tab.is-active{ background:var(--uok-green); color:#fff; }
/* Ar cilnēm kolonnas vairs nav blakus — viena aizņem pilnu platumu */
.woocommerce-account:not(.logged-in) .woocommerce > .u-columns.col2-set{ display:block; }
.woocommerce-account:not(.logged-in) .woocommerce > .u-columns .u-column1,
.woocommerce-account:not(.logged-in) .woocommerce > .u-columns .u-column2{ width:100%; max-width:560px; margin:0; }
.woocommerce-account .u-column1[hidden],.woocommerce-account .u-column2[hidden]{ display:none; }
@media (max-width:600px){
.uok-acct-tabs{ max-width:none; }
.uok-acct-tab{ font-size:.9rem; padding:.8em .6em; }
}
/* ===== B2B: PVN slēdzis un atlaides piezīme ===== */
.uok-vat-switch{ margin:0 0 2rem; padding:1.2rem 1.4rem; background:var(--uok-mint-soft);
border:1px solid var(--uok-line-green); border-radius:16px; max-width:520px; }
.uok-vat-switch h3{ font-family:var(--uok-font-head); font-size:1.05rem; color:var(--uok-ink); margin:0 0 .3rem; }
.uok-vat-switch__desc{ font-size:.85rem; color:var(--uok-muted); margin:0 0 1rem; }
.uok-vat-switch__opts{ display:flex; gap:.6rem; margin:0 0 1rem; flex-wrap:wrap; }
.uok-vat-opt{ display:inline-flex; align-items:center; gap:.5rem; padding:.7em 1.1em; background:#fff;
border:1px solid var(--uok-line); border-radius:12px; cursor:pointer; font-weight:600; font-size:.92rem;
transition:border-color .15s,background .15s; }
.uok-vat-opt:hover{ border-color:var(--uok-green-bright); }
.uok-vat-opt.is-active{ border-color:var(--uok-green); background:var(--uok-mint); }
.uok-vat-opt input{ accent-color:var(--uok-green); margin:0; }
.uok-vat-note{ font-size:.72em; color:var(--uok-muted); font-weight:400; white-space:nowrap; }
.uok-b2b-note{ font-size:.84rem; color:var(--uok-green-dark); background:var(--uok-mint);
padding:.5rem .8rem; border-radius:10px; margin:.4rem 0; }
/* Atlaides rinda grozā — zaļa, lai izceļas */
.cart_totals .fee th,.cart_totals .fee td,
.woocommerce-checkout-review-order-table .fee th,
.woocommerce-checkout-review-order-table .fee td{ color:var(--uok-green); font-weight:700; }
/* ===== Sākumlapa: par uzņēmumu — editorial izkārtojums ===== */
.uok-about-home__grid{ display:grid; grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr); gap:clamp(28px,5vw,72px); align-items:start; }
.uok-about-home__intro h2{ font-family:var(--uok-font-head); font-size:clamp(1.55rem,3vw,2.35rem); line-height:1.15;
letter-spacing:-.02em; color:var(--uok-ink); margin:.55rem 0 1rem; text-wrap:balance; }
.uok-about-home__lead{ font-size:1.02rem; line-height:1.8; color:#3f4a43; margin:0; max-width:46ch; }
.uok-about-home__list{ list-style:none; margin:0; padding:0; counter-reset:uok-ab; }
.uok-about-home__item{ display:grid; grid-template-columns:auto 1fr; gap:clamp(14px,2vw,26px);
padding:clamp(20px,2.6vw,30px) 0; border-top:1px solid var(--uok-line); position:relative; }
.uok-about-home__item:first-child{ border-top:0; padding-top:0; }
/* Zaļā līnija "uzzīmējas" ienākot skatā */
.uok-about-home__item::before{ content:""; position:absolute; top:-1px; left:0; height:2px; width:100%;
background:var(--uok-green); transform:scaleX(1); transform-origin:left; }
.uok-about-home__item:first-child::before{ display:none; }
.uok-about-home__num{ font-family:var(--uok-font-head); font-size:.85rem; font-weight:800; letter-spacing:.1em;
color:var(--uok-green); padding-top:.28rem; font-variant-numeric:tabular-nums; }
.uok-about-home__body h3{ font-family:var(--uok-font-head); font-size:1.12rem; line-height:1.3; color:var(--uok-ink); margin:0 0 .45rem; }
.uok-about-home__body p{ font-size:.96rem; line-height:1.75; color:var(--uok-muted); margin:0; }
@media (min-width:900px){ .uok-about-home__intro{ position:sticky; top:calc(var(--uok-header-h) + 32px); } }
@media (max-width:899px){ .uok-about-home__grid{ grid-template-columns:1fr; } }
/* ===== FAQ akordeons ===== */
.uok-faq__head{ max-width:640px; margin:0 0 clamp(22px,3vw,38px); }
.uok-faq__head h2{ font-family:var(--uok-font-head); font-size:clamp(1.5rem,2.8vw,2.15rem); line-height:1.18;
letter-spacing:-.02em; color:var(--uok-ink); margin:.5rem 0 0; text-wrap:balance; }
.uok-faq__list{ max-width:860px; display:flex; flex-direction:column; gap:.6rem; }
.uok-faq__item{ background:#fff; border:1px solid var(--uok-line); border-radius:16px; overflow:hidden;
transition:border-color .2s ease, box-shadow .2s ease; }
.uok-faq__item:hover{ border-color:var(--uok-line-green); }
.uok-faq__item.is-open{ border-color:var(--uok-green); box-shadow:0 8px 26px rgba(4,30,15,.07); }
.uok-faq__h{ margin:0; font-size:inherit; font-weight:inherit; }
.uok-faq__q{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem;
padding:1.15rem 1.35rem; background:none; border:0; cursor:pointer; text-align:left;
font-family:var(--uok-font-head); font-weight:700; font-size:1rem; line-height:1.45; color:var(--uok-ink); }
.uok-faq__q:hover{ color:var(--uok-green-dark); }
.uok-faq__q:focus-visible{ outline:2px solid var(--uok-green); outline-offset:-2px; border-radius:16px; }
/* Ikona: + pārtop par − */
.uok-faq__icon{ position:relative; flex:none; width:22px; height:22px; border-radius:50%;
background:var(--uok-mint); transition:background .2s ease, transform .25s ease; }
.uok-faq__icon::before,.uok-faq__icon::after{ content:""; position:absolute; top:50%; left:50%;
width:10px; height:2px; background:var(--uok-green-dark); border-radius:2px;
transform:translate(-50%,-50%); transition:transform .25s ease, opacity .2s ease; }
.uok-faq__icon::after{ transform:translate(-50%,-50%) rotate(90deg); }
.uok-faq__q[aria-expanded="true"] .uok-faq__icon{ background:var(--uok-green); transform:rotate(180deg); }
.uok-faq__q[aria-expanded="true"] .uok-faq__icon::before,
.uok-faq__q[aria-expanded="true"] .uok-faq__icon::after{ background:#fff; }
.uok-faq__q[aria-expanded="true"] .uok-faq__icon::after{ transform:translate(-50%,-50%) rotate(0deg); opacity:0; }
/* Atvēršana bez fiksēta augstuma (grid 0fr → 1fr) */
.uok-faq__a{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .28s ease-out; }
.uok-faq__a-inner{ overflow:hidden; }
.uok-faq__a-inner p{ margin:0; padding:0 1.35rem 1.3rem; font-size:.96rem; line-height:1.75; color:var(--uok-muted); max-width:70ch; }
.uok-faq__item.is-open .uok-faq__a{ grid-template-rows:1fr; }
/* ===== Ienākšanas animācija =====
Uzbūvēta tā, lai NEKAD nevarētu atstāt saturu neredzamu:
• pamata stāvoklis = redzams;
• JS pievieno .is-anim — tas paslēpj TIKAI līdz brīdim, kad sadaļa ienāk skatā;
• ienākot pievieno .is-in → nostrādā keyframe ar `both`, un slēpjošā kārtula
(:not(.is-in)) vairs nesakrīt, tāpēc pat bez animācijas saturs ir redzams. */
@keyframes uok-rise{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }
@keyframes uok-line{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
[data-uok-anim].is-anim:not(.is-in) .uok-about-home__intro,
[data-uok-anim].is-anim:not(.is-in) .uok-about-home__item,
[data-uok-anim].is-anim:not(.is-in) .uok-faq__head,
[data-uok-anim].is-anim:not(.is-in) .uok-faq__item{ opacity:0; }
[data-uok-anim].is-anim:not(.is-in) .uok-about-home__item::before{ transform:scaleX(0); }
[data-uok-anim].is-anim.is-in .uok-about-home__intro,
[data-uok-anim].is-anim.is-in .uok-about-home__item,
[data-uok-anim].is-anim.is-in .uok-faq__head,
[data-uok-anim].is-anim.is-in .uok-faq__item{
animation:uok-rise .5s cubic-bezier(.22,.61,.36,1) both;
animation-delay:calc(var(--i, 0) * 80ms);
}
[data-uok-anim].is-anim.is-in .uok-about-home__item::before{
animation:uok-line .55s cubic-bezier(.22,.61,.36,1) both;
animation-delay:calc(var(--i, 0) * 80ms + 120ms);
}
/* Kustību jutīgiem lietotājiem — bez kustības, saturs uzreiz redzams */
@media (prefers-reduced-motion:reduce){
[data-uok-anim] .uok-about-home__intro,
[data-uok-anim] .uok-about-home__item,
[data-uok-anim] .uok-faq__head,
[data-uok-anim] .uok-faq__item{ opacity:1!important; transform:none!important; animation:none!important; }
[data-uok-anim] .uok-about-home__item::before{ transform:scaleX(1)!important; animation:none!important; }
.uok-faq__a{ transition:none; }
.uok-faq__icon,.uok-faq__icon::before,.uok-faq__icon::after{ transition:none; }
}
/* Pēc animācijas to noņemam pavisam — gala stāvoklis vairs nav no tās atkarīgs. */
[data-uok-anim].is-done .uok-about-home__intro,
[data-uok-anim].is-done .uok-about-home__item,
[data-uok-anim].is-done .uok-faq__head,
[data-uok-anim].is-done .uok-faq__item{ animation:none!important; opacity:1!important; transform:none!important; }
[data-uok-anim].is-done .uok-about-home__item::before{ animation:none!important; transform:scaleX(1)!important; }
/* ===== NOZARES — 3D kartītes ar uznirstošu paneli ===== */
.uok-sectors{ display:grid; grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
gap:clamp(14px,1.8vw,22px); perspective:1100px; }
.uok-sector{
position:relative; display:block; width:100%; padding:0; border:0; background:none;
cursor:pointer; text-align:center; transform-style:preserve-3d;
transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);
transition:transform .35s cubic-bezier(.22,.61,.36,1);
-webkit-tap-highlight-color:transparent;
}
.uok-sector__face{
position:relative; display:flex; flex-direction:column; align-items:center; gap:.85rem;
padding:clamp(20px,2.4vw,28px) 1rem; border-radius:20px; background:#fff;
border:1px solid var(--uok-line); transform-style:preserve-3d;
box-shadow:0 1px 2px rgba(4,30,15,.04);
transition:box-shadow .35s ease, border-color .25s ease;
}
.uok-sector__ic{
display:inline-flex; align-items:center; justify-content:center; width:58px; height:58px;
border-radius:17px; background:var(--uok-mint); color:var(--uok-green);
transform:translateZ(28px);
transition:transform .35s cubic-bezier(.22,.61,.36,1), background .25s ease, color .25s ease;
}
.uok-sector__name{ font-family:var(--uok-font-head); font-size:.98rem; font-weight:700; color:var(--uok-ink);
transform:translateZ(16px); transition:transform .35s cubic-bezier(.22,.61,.36,1), color .2s ease; }
/* Kursoram sekojošs atspīdums (specular) */
.uok-sector__glare{
position:absolute; inset:0; border-radius:20px; pointer-events:none; opacity:0; z-index:2;
background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),
rgba(255,255,255,.85), rgba(255,255,255,0) 62%);
mix-blend-mode:overlay; transition:opacity .3s ease;
}
/* Aktīvs stāvoklis: hover, fokuss vai atvērts (pieskāriens) */
.uok-sector:hover .uok-sector__face,
.uok-sector:focus-visible .uok-sector__face,
.uok-sector.is-open .uok-sector__face{
border-color:var(--uok-green);
box-shadow:0 22px 44px -18px rgba(4,40,20,.42), 0 4px 12px rgba(4,30,15,.06);
}
.uok-sector:hover .uok-sector__ic,
.uok-sector:focus-visible .uok-sector__ic,
.uok-sector.is-open .uok-sector__ic{ transform:translateZ(52px) scale(1.06); background:var(--uok-green); color:#fff; }
.uok-sector:hover .uok-sector__name,
.uok-sector:focus-visible .uok-sector__name,
.uok-sector.is-open .uok-sector__name{ transform:translateZ(30px); color:var(--uok-green-dark); }
.uok-sector:hover .uok-sector__glare,
.uok-sector.is-open .uok-sector__glare{ opacity:1; }
.uok-sector:focus-visible{ outline:2px solid var(--uok-green); outline-offset:4px; border-radius:22px; }
/* Uznirstošais panelis */
.uok-sector__panel{
position:absolute; left:50%; bottom:calc(100% + 16px); width:min(280px,78vw); z-index:5;
display:block; padding:1.05rem 1.15rem 1.15rem; text-align:left; border-radius:16px;
background:rgba(255,255,255,.86); backdrop-filter:blur(14px) saturate(1.3);
-webkit-backdrop-filter:blur(14px) saturate(1.3);
border:1px solid rgba(255,255,255,.9);
box-shadow:0 26px 60px -20px rgba(4,40,20,.5), 0 2px 10px rgba(4,30,15,.08);
opacity:0; visibility:hidden; pointer-events:none;
transform:translate(-50%,10px) translateZ(70px) scale(.94);
transition:opacity .28s ease, transform .34s cubic-bezier(.22,.61,.36,1), visibility 0s linear .34s;
}
.uok-sector__panel::after{ content:""; position:absolute; top:100%; left:50%; width:14px; height:14px;
margin-left:-7px; margin-top:-7px; background:inherit; border-right:1px solid rgba(255,255,255,.9);
border-bottom:1px solid rgba(255,255,255,.9); transform:rotate(45deg); backdrop-filter:inherit; }
.uok-sector__panel-t{ display:block; font-family:var(--uok-font-head); font-size:.72rem; font-weight:800;
letter-spacing:.13em; text-transform:uppercase; color:var(--uok-green); margin-bottom:.4rem; }
.uok-sector__panel-x{ display:block; font-size:.9rem; line-height:1.65; color:#2f3a34; }
.uok-sector:hover .uok-sector__panel,
.uok-sector:focus-visible .uok-sector__panel,
.uok-sector.is-open .uok-sector__panel{
opacity:1; visibility:visible;
transform:translate(-50%,0) translateZ(70px) scale(1);
transition:opacity .28s ease, transform .34s cubic-bezier(.22,.61,.36,1), visibility 0s;
}
/* Malējām kartītēm panelis neizlien ārpus ekrāna */
.uok-sectors > .uok-sector:first-child .uok-sector__panel{ left:0; transform:translate(0,10px) translateZ(70px) scale(.94); }
.uok-sectors > .uok-sector:first-child:hover .uok-sector__panel,
.uok-sectors > .uok-sector:first-child.is-open .uok-sector__panel{ transform:translate(0,0) translateZ(70px) scale(1); }
.uok-sectors > .uok-sector:first-child .uok-sector__panel::after{ left:38px; }
.uok-sectors > .uok-sector:last-child .uok-sector__panel{ left:auto; right:0; transform:translate(0,10px) translateZ(70px) scale(.94); }
.uok-sectors > .uok-sector:last-child:hover .uok-sector__panel,
.uok-sectors > .uok-sector:last-child.is-open .uok-sector__panel{ transform:translate(0,0) translateZ(70px) scale(1); }
.uok-sectors > .uok-sector:last-child .uok-sector__panel::after{ left:auto; right:32px; }
/* Skārienekrāns / šaurs ekrāns: bez 3D, panelis izvēršas zem kartītes */
@media (hover:none), (max-width:720px){
.uok-sectors{ perspective:none; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
.uok-sector{ transform:none!important; }
.uok-sector__glare{ display:none; }
.uok-sector__ic{ transform:none!important; }
.uok-sector__name{ transform:none!important; }
.uok-sector__panel{ position:static; width:auto; opacity:1; visibility:visible; transform:none!important;
background:var(--uok-mint-soft); border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
padding:0 1rem; max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s ease; }
.uok-sector__panel::after{ display:none; }
.uok-sector.is-open .uok-sector__panel{ max-height:340px; padding:.2rem 1rem 1.1rem; }
.uok-sector__face{ border-radius:20px 20px 0 0; }
.uok-sector.is-open .uok-sector__face{ box-shadow:none; }
.uok-sector{ background:#fff; border:1px solid var(--uok-line); border-radius:20px; overflow:hidden; }
.uok-sector.is-open{ border-color:var(--uok-green); }
.uok-sector__face{ border:0; }
}
@media (prefers-reduced-motion:reduce){
.uok-sector,.uok-sector__ic,.uok-sector__name,.uok-sector__panel,.uok-sector__face,.uok-sector__glare{
transition:none!important; transform:none!important; }
.uok-sector__glare{ display:none; }
}
/* ---- BLOGS: arhivs, kartites, filtri, raksts, CTA ------------ */
.uok-pagehead--blog h1,.uok-pagehead--post h1{ font-size:clamp(1.7rem,3.6vw,2.6rem); letter-spacing:-.02em; }
.uok-post-head{ max-width:760px; }
.uok-crumbs{ display:flex; gap:.5rem; align-items:center; font-size:.85rem; color:var(--uok-muted); margin-bottom:.7rem; }
.uok-crumbs a{ color:var(--uok-green); font-weight:600; }
.uok-crumbs a:hover{ text-decoration:underline; }
.uok-post-head__meta{ display:flex; gap:.55rem; align-items:center; margin-top:.7rem; font-size:.85rem; color:var(--uok-muted); font-weight:600; }
/* Filtru josla */
.uok-blogbar{ position:sticky; top:var(--uok-header-h); z-index:30; background:rgba(255,255,255,.86); backdrop-filter:blur(12px) saturate(1.3);
-webkit-backdrop-filter:blur(12px) saturate(1.3); border-bottom:1px solid var(--uok-line); }
.uok-blogbar__in{ display:flex; align-items:center; gap:1rem; padding-block:.7rem; }
.uok-blogbar__cats{ display:flex; gap:.45rem; flex:1; min-width:0; overflow-x:auto; overflow-y:hidden;
scrollbar-width:none; padding-block:6px; margin-block:-6px; }
.uok-blogbar__cats::-webkit-scrollbar{ display:none; }
.uok-fchip{ display:inline-flex; align-items:center; gap:.4rem; white-space:nowrap; padding:.46rem .85rem; border-radius:var(--uok-r-pill);
border:1px solid var(--uok-line); background:#fff; color:var(--uok-ink); font-size:.88rem; font-weight:600; transition:all .2s var(--uok-ease); }
.uok-fchip:hover{ border-color:var(--uok-green); color:var(--uok-green); transform:translateY(-1px); }
.uok-fchip__n{ font-size:.72rem; font-weight:700; color:var(--uok-muted); background:var(--uok-mint-soft); border-radius:var(--uok-r-pill); padding:.06rem .38rem; }
.uok-fchip.is-on{ background:var(--uok-green); border-color:var(--uok-green); color:#fff; }
.uok-fchip.is-on .uok-fchip__n{ background:rgba(255,255,255,.22); color:#fff; }
.uok-blogbar__search{ position:relative; display:flex; align-items:center; flex:0 0 240px; }
.uok-blogbar__search svg{ position:absolute; left:.7rem; color:var(--uok-muted); pointer-events:none; }
.uok-blogbar__search input{ width:100%; padding:.5rem .8rem .5rem 2.2rem; border:1px solid var(--uok-line); border-radius:var(--uok-r-pill);
background:#fff; font-size:.88rem; font-family:inherit; color:var(--uok-ink); }
.uok-blogbar__search input:focus{ outline:none; border-color:var(--uok-green); box-shadow:0 0 0 3px rgba(15,122,59,.12); }
/* Rakstu kartites */
.uok-pgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--uok-gap); }
.uok-plead{ margin-bottom:var(--uok-gap); }
.uok-pcard{ position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid var(--uok-line); border-radius:var(--uok-r-lg);
overflow:hidden; transition:transform .3s var(--uok-ease), box-shadow .3s var(--uok-ease), border-color .3s var(--uok-ease); }
.uok-pcard:hover{ transform:translateY(-6px); box-shadow:var(--uok-shadow); border-color:var(--uok-line-green); }
.uok-pcard__media{ position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:var(--uok-mint); }
.uok-pcard__media img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--uok-ease); }
.uok-pcard:hover .uok-pcard__media img{ transform:scale(1.06); }
.uok-pcard__ph{ position:absolute; inset:0; display:grid; place-items:center; color:var(--uok-green); opacity:.28;
background:linear-gradient(135deg,var(--uok-mint),var(--uok-mint-soft)); }
.uok-pcard__ph svg{ width:56px; height:56px; }
.uok-pcard__cat{ position:absolute; left:.85rem; top:.85rem; padding:.28rem .68rem; border-radius:var(--uok-r-pill);
background:rgba(255,255,255,.94); color:var(--uok-green-dark); font-size:.74rem; font-weight:700; letter-spacing:.02em;
box-shadow:var(--uok-shadow-sm); backdrop-filter:blur(6px); }
.uok-pcard__body{ display:flex; flex-direction:column; flex:1; padding:1.3rem; }
.uok-pcard__meta{ display:flex; gap:.45rem; align-items:center; font-size:.78rem; color:var(--uok-muted); font-weight:600; margin-bottom:.5rem; }
.uok-pcard__title{ font-size:1.1rem; line-height:1.35; margin:0 0 .55rem; }
.uok-pcard__title a{ color:var(--uok-ink); }
.uok-pcard__title a:hover{ color:var(--uok-green); }
/* visa kartite klikskinama */
.uok-pcard__title a::after{ content:""; position:absolute; inset:0; }
.uok-pcard__x{ color:var(--uok-muted); font-size:.92rem; margin:0 0 1rem; }
.uok-pcard__more{ margin-top:auto; font-family:var(--uok-font-head); font-weight:700; font-size:.9rem; color:var(--uok-green); }
.uok-pcard__more span{ display:inline-block; transition:transform .25s var(--uok-ease); }
.uok-pcard:hover .uok-pcard__more span{ transform:translateX(4px); }
/* Izcelta (plata) kartite */
.uok-pcard--lead{ flex-direction:row; align-items:stretch; }
.uok-pcard--lead .uok-pcard__media{ flex:0 0 52%; aspect-ratio:auto; min-height:300px; }
.uok-pcard--lead .uok-pcard__body{ padding:clamp(1.5rem,3vw,2.4rem); justify-content:center; }
.uok-pcard--lead .uok-pcard__title{ font-size:clamp(1.3rem,2.4vw,1.85rem); }
.uok-pcard--lead .uok-pcard__x{ font-size:1rem; }
/* Birkas */
.uok-tagcloud{ display:flex; flex-wrap:wrap; align-items:center; gap:.45rem; margin-top:2.4rem; }
.uok-tagcloud__l{ font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--uok-muted); margin-right:.35rem; }
.uok-tchip,.uok-tagcloud a{ display:inline-block; padding:.3rem .7rem; border-radius:var(--uok-r-pill); background:var(--uok-mint-soft);
border:1px solid transparent; color:var(--uok-green-dark); font-size:.82rem; font-weight:600; transition:all .2s var(--uok-ease); }
.uok-tchip:hover,.uok-tagcloud a:hover{ background:var(--uok-mint); border-color:var(--uok-green); color:var(--uok-green-dark); }
.uok-tchip.is-on{ background:var(--uok-green); color:#fff; }
.uok-pagination-wrap{ margin-top:2.6rem; }
/* Tukss rezultats */
.uok-empty{ text-align:center; padding:clamp(2.5rem,6vw,4.5rem) 1rem; }
.uok-empty__ic{ display:inline-grid; place-items:center; width:72px; height:72px; border-radius:50%;
background:var(--uok-mint); color:var(--uok-green); margin-bottom:1rem; }
.uok-empty h2{ font-size:1.4rem; margin:0 0 .5rem; }
.uok-empty p{ color:var(--uok-muted); margin:0 0 1.2rem; }
/* Raksta saturs */
.uok-article{ max-width:760px; margin-inline:auto; font-size:1.06rem; line-height:1.78; }
.uok-article__hero{ margin:0 0 2rem; border-radius:var(--uok-r-lg); overflow:hidden; }
.uok-article__hero img{ width:100%; height:auto; display:block; }
.uok-article > h2{ font-size:clamp(1.35rem,2.4vw,1.75rem); margin:2.4rem 0 .8rem; letter-spacing:-.01em; }
.uok-article > h3{ font-size:1.2rem; margin:1.9rem 0 .6rem; }
.uok-article > p{ margin:0 0 1.2rem; }
.uok-article > ul,.uok-article > ol{ margin:0 0 1.3rem; padding-left:1.3rem; }
.uok-article > ul li,.uok-article > ol li{ margin-bottom:.5rem; }
.uok-article a:not(.uok-btn){ color:var(--uok-green); text-decoration:underline; text-underline-offset:3px; }
.uok-article blockquote{ margin:1.8rem 0; padding:1rem 0 1rem 1.4rem; border-left:3px solid var(--uok-green-bright);
color:var(--uok-ink); font-size:1.1rem; font-style:italic; }
.uok-article img{ max-width:100%; height:auto; border-radius:var(--uok-r); }
.uok-article table{ width:100%; border-collapse:collapse; margin:1.6rem 0; font-size:.95rem; }
.uok-article th,.uok-article td{ padding:.65rem .8rem; border:1px solid var(--uok-line); text-align:left; }
.uok-article th{ background:var(--uok-mint-soft); font-weight:700; }
.uok-article__foot{ margin-top:2.2rem; padding-top:1.4rem; border-top:1px solid var(--uok-line); }
.uok-article__foot .uok-tagcloud{ margin-top:0; }
.uok-article__comments{ max-width:760px; margin:2.5rem auto 0; }
/* CTA raksta apaksa */
.uok-pcta{ position:relative; overflow:hidden; max-width:760px; margin:2.6rem auto 0; display:flex; align-items:center; gap:1.4rem;
padding:clamp(1.3rem,2.6vw,1.9rem) clamp(1.3rem,2.6vw,2rem); border-radius:var(--uok-r-lg);
background:linear-gradient(120deg,var(--uok-green-deep),var(--uok-green-dark) 58%,var(--uok-green)); color:#fff; box-shadow:var(--uok-shadow-green); }
.uok-pcta::after{ content:""; position:absolute; right:-60px; top:-70px; width:230px; height:230px; border-radius:50%;
background:radial-gradient(circle,rgba(52,199,89,.34),transparent 68%); pointer-events:none; }
.uok-pcta__drop{ flex:0 0 auto; display:grid; place-items:center; width:52px; height:52px; border-radius:var(--uok-r);
background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); color:#fff; }
.uok-pcta__drop svg{ width:26px; height:26px; }
.uok-pcta__txt{ flex:1; min-width:0; position:relative; z-index:1; }
.uok-pcta__txt strong{ display:block; font-family:var(--uok-font-head); font-size:clamp(1.05rem,2vw,1.28rem); line-height:1.3; }
.uok-pcta__txt p{ margin:.4rem 0 0; font-size:.92rem; color:rgba(255,255,255,.82); }
.uok-pcta__btn{ position:relative; z-index:1; flex:0 0 auto; background:#fff; color:var(--uok-green-dark); box-shadow:0 8px 22px rgba(0,0,0,.22); white-space:nowrap; }
.uok-pcta__btn:hover{ background:var(--uok-mint); color:var(--uok-green-deep); }
/* Saistitie raksti */
.uok-related{ margin-top:3.4rem; padding-top:2.4rem; border-top:1px solid var(--uok-line); }
.uok-related__head{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin-bottom:1.4rem; }
.uok-related__head h2{ font-size:clamp(1.25rem,2.4vw,1.6rem); margin:0; }
.uok-related__all{ font-weight:700; font-size:.92rem; color:var(--uok-green); white-space:nowrap; }
.uok-related__all:hover{ text-decoration:underline; }
@media (max-width:980px){
.uok-pgrid{ grid-template-columns:repeat(2,1fr); }
.uok-pcard--lead{ flex-direction:column; }
.uok-pcard--lead .uok-pcard__media{ flex:none; aspect-ratio:16/9; min-height:0; }
}
@media (max-width:720px){
.uok-pgrid{ grid-template-columns:1fr; }
.uok-blogbar{ position:static; }
.uok-blogbar__in{ flex-direction:column; align-items:stretch; gap:.6rem; }
.uok-blogbar__search{ flex:1 1 auto; }
.uok-pcta{ flex-direction:column; align-items:flex-start; text-align:left; }
.uok-pcta__btn{ width:100%; text-align:center; justify-content:center; }
}
/* =============================================================
PREMIUM KUSTIBAS SISTEMA (v1.22)
1. Ritinajuma progress
2. "Flow" - bloki ienak un aiziet 3D telpa (scroll-driven)
3. Hero: aurora, grauds, vardu atklasana, magnetiska poga
4. Nozares: necaurspidigs panelis + mobila apaksa lapa
5. Universals 3D tilt kartitem
============================================================= */
/* --- 1. RITINAJUMA PROGRESS ---------------------------------- */
.uok-progress{
position:fixed; top:0; left:0; right:0; height:3px; z-index:9999; pointer-events:none;
transform-origin:0 50%; transform:scaleX(var(--p,0));
background:linear-gradient(90deg,var(--uok-green) 0%,var(--uok-green-bright) 55%,var(--uok-green-glow) 100%);
box-shadow:0 0 12px rgba(52,199,89,.55);
}
@keyframes uok-progress{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
@supports (animation-timeline: scroll()){
.uok-progress{ animation:uok-progress linear both; animation-timeline:scroll(root block); }
}
/* --- 2. FLOW: bloki plust cauri 3D telpai --------------------- */
/* Noklusejuma "speks" - parrakstams mobilajam un reduced-motion. */
[data-uok-fly]{
--fy:72px; --fz:-150px; --frx:12deg; --fs:.93; --fb:6px;
--fy2:-38px; --fz2:-110px; --frx2:-7deg; --fs2:.965; --fb2:3px; --fo2:.3;
}
@keyframes uok-flow{
0%{ opacity:0; transform:perspective(1400px) translate3d(0,var(--fy),var(--fz)) rotateX(var(--frx)) scale(var(--fs)); filter:blur(var(--fb)); }
27%{ opacity:1; transform:perspective(1400px) translate3d(0,0,0) rotateX(0deg) scale(1); filter:blur(0); }
73%{ opacity:1; transform:perspective(1400px) translate3d(0,0,0) rotateX(0deg) scale(1); filter:blur(0); }
100%{ opacity:var(--fo2); transform:perspective(1400px) translate3d(0,var(--fy2),var(--fz2)) rotateX(var(--frx2)) scale(var(--fs2)); filter:blur(var(--fb2)); }
}
@keyframes uok-flow-in{
from{ opacity:0; transform:perspective(1400px) translate3d(0,var(--fy),var(--fz)) rotateX(var(--frx)) scale(var(--fs)); filter:blur(var(--fb)); }
to{ opacity:1; transform:perspective(1400px) translate3d(0,0,0) rotateX(0deg) scale(1); filter:blur(0); }
}
/* Rezerves variants (Safari/Firefox): IntersectionObserver + parejas.
Slepj TIKAI tad, ja JS strada (.uok-js) - bez JS saturs paliek redzams. */
.uok-js [data-uok-fly]{
opacity:0;
transform:perspective(1400px) translate3d(0,var(--fy),var(--fz)) rotateX(var(--frx)) scale(var(--fs));
filter:blur(var(--fb));
transition:opacity .85s cubic-bezier(.16,1,.3,1), transform 1.05s cubic-bezier(.16,1,.3,1), filter .7s ease;
transition-delay:calc(var(--i,0) * 75ms);
will-change:transform,opacity;
}
.uok-js [data-uok-fly].is-in{ opacity:1; transform:none; filter:none; }
/* Drosinatajs: ja kaut kas nostrada greizi, JS pec 4s uzliek .uok-flow-off */
.uok-flow-off [data-uok-fly]{ opacity:1!important; transform:none!important; filter:none!important; animation:none!important; }
/* Istais variants: piesiets pie ritinajuma (Chrome/Edge/Safari 26+) */
@supports (animation-timeline: view()){
@media (min-width:821px) and (prefers-reduced-motion:no-preference){
.uok-js [data-uok-fly]{
transition:none;
animation:uok-flow linear both;
animation-timeline:view();
animation-range:cover calc(var(--i,0) * 2.5%) cover 100%;
}
/* Sadalas, kas beidzas lapas apaksa, nedrikst "aizpeldet" - tur tikai ienaksana. */
.uok-js [data-uok-fly][data-uok-fly="in"]{
animation-name:uok-flow-in;
animation-range:entry calc(var(--i,0) * 4%) cover 42%;
}
}
}
@media (max-width:820px){
/* Bez rotateX un bez mēroga: pagriezts konteiners perspektīvā padara savus
bērnus dažāda platuma atkarībā no to augstuma — kartītes izskatās nevienādas. */
[data-uok-fly]{ --fy:30px; --fz:0px; --frx:0deg; --fs:1; --fb:0px;
--fy2:-14px; --fz2:0px; --frx2:0deg; --fs2:1; --fb2:0px; --fo2:.5; }
}
@media (prefers-reduced-motion:reduce){
.uok-js [data-uok-fly]{ opacity:1!important; transform:none!important; filter:none!important;
animation:none!important; transition:none!important; }
.uok-progress{ display:none; }
}
/* --- 3. HERO ------------------------------------------------- */
.uok-hero__aurora{
position:absolute; inset:-25%; pointer-events:none; z-index:0; opacity:.7;
background:
radial-gradient(32% 42% at 18% 28%, rgba(52,199,89,.55), transparent 62%),
radial-gradient(28% 38% at 82% 22%, rgba(39,169,72,.5), transparent 62%),
radial-gradient(38% 48% at 62% 88%, rgba(8,51,26,.65), transparent 66%),
radial-gradient(26% 34% at 40% 62%, rgba(52,199,89,.3), transparent 64%);
filter:blur(46px);
animation:uok-aurora 28s ease-in-out infinite alternate;
}
@keyframes uok-aurora{
0%{ transform:translate3d(0,0,0) scale(1) rotate(0deg); }
50%{ transform:translate3d(2.5%,-2%,0) scale(1.09) rotate(2deg); }
100%{ transform:translate3d(-2%,2.5%,0) scale(1.04) rotate(-2deg); }
}
/* Smalks grauds - "dargas" virsmas sajuta */
.uok-hero__grain{
position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.055; mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
.uok-hero__grid{ z-index:2; }
/* Virsraksta vardi lido augsa pa vienam */
.uok-hero h1{ perspective:900px; }
.uok-hero h1 .w{ display:inline-block; will-change:transform,opacity; }
.uok-hero h1 .w--hl{ color:var(--uok-green-glow); }
.uok-js .uok-hero h1 .w{
opacity:0; transform:translateY(.55em) rotateX(-62deg);
animation:uok-word .95s cubic-bezier(.16,1,.3,1) both;
animation-delay:calc(.14s + var(--w,0) * .055s);
}
@keyframes uok-word{ to{ opacity:1; transform:none; } }
/* Parejie hero elementi ienak pec virsraksta */
.uok-js .uok-hero__badge,
.uok-js .uok-hero__lead,
.uok-js .uok-hero__cta,
.uok-js .uok-hero__trust,
.uok-js .uok-hero__stage{
animation:uok-hero-up 1s cubic-bezier(.16,1,.3,1) both;
}
.uok-js .uok-hero__badge{ animation-delay:.05s; }
.uok-js .uok-hero__lead{ animation-delay:.42s; }
.uok-js .uok-hero__cta{ animation-delay:.52s; }
.uok-js .uok-hero__trust{ animation-delay:.62s; }
.uok-js .uok-hero__stage{ animation-delay:.3s; animation-duration:1.3s; }
@keyframes uok-hero-up{ from{ opacity:0; transform:translateY(26px); } to{ opacity:1; transform:none; } }
/* Peles paralakse hero vizuali + ritinajuma paralakse */
.uok-hero__stage{
transform:translate3d(calc(var(--px,0) * 16px), calc(var(--py,0) * 14px + var(--sy,0px)), 0);
transition:transform .5s cubic-bezier(.22,.61,.36,1);
}
.uok-hero__orb--1{ transform:translate3d(calc(var(--px,0) * -26px), calc(var(--py,0) * -20px), 0); transition:transform .8s cubic-bezier(.22,.61,.36,1); }
.uok-hero__orb--2{ transform:translate3d(calc(var(--px,0) * 22px), calc(var(--py,0) * 18px), 0); transition:transform .9s cubic-bezier(.22,.61,.36,1); }
/* Magnetiska galvena poga */
.uok-magnet{ transform:translate3d(var(--mgx,0px), var(--mgy,0px), 0); transition:transform .35s cubic-bezier(.34,1.4,.5,1), background .2s, box-shadow .3s; }
.uok-magnet::after{
content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0;
background:radial-gradient(120px circle at var(--mgmx,50%) var(--mgmy,50%), rgba(255,255,255,.55), transparent 65%);
transition:opacity .3s ease;
}
.uok-magnet{ position:relative; overflow:hidden; }
.uok-magnet:hover::after{ opacity:1; }
@media (prefers-reduced-motion:reduce){
.uok-hero__aurora{ animation:none; }
.uok-js .uok-hero h1 .w,
.uok-js .uok-hero__badge,.uok-js .uok-hero__lead,.uok-js .uok-hero__cta,
.uok-js .uok-hero__trust,.uok-js .uok-hero__stage{ animation:none!important; opacity:1!important; transform:none!important; }
.uok-hero__stage,.uok-hero__orb--1,.uok-hero__orb--2,.uok-magnet{ transform:none!important; }
}
/* --- 4. NOZARES: necaurspidigs panelis ----------------------- */
.uok-sector:hover,.uok-sector:focus-within,.uok-sector.is-open{ z-index:8; }
.uok-sector__panel{
width:min(300px,80vw);
padding:1.1rem 1.2rem 1.2rem;
background:linear-gradient(162deg,#0E4425 0%,#08331A 62%,#062616 100%);
border:1px solid rgba(52,199,89,.32);
backdrop-filter:none; -webkit-backdrop-filter:none;
box-shadow:
0 34px 70px -24px rgba(2,18,9,.78),
0 8px 22px -10px rgba(2,18,9,.5),
inset 0 1px 0 rgba(255,255,255,.1);
}
.uok-sector__panel::before{
content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
background:radial-gradient(120% 80% at 20% 0%, rgba(52,199,89,.22), transparent 62%);
}
.uok-sector__panel::after{
background:#0E4425;
border-right:1px solid rgba(52,199,89,.32);
border-bottom:1px solid rgba(52,199,89,.32);
backdrop-filter:none;
}
.uok-sector__panel-t{ position:relative; color:var(--uok-green-glow); }
.uok-sector__panel-x{ position:relative; color:#DCEEE1; }
/* --- 4b. MOBILA APAKSA LAPA (bottom sheet) ------------------- */
@media (hover:none), (max-width:720px){
/* Uznirstoso paneli mobilaja NERADAM vispar - to aizstaj apaksa lapa. */
.uok-sector__panel{ display:none!important; }
.uok-sectors{ grid-template-columns:repeat(2,1fr); gap:12px; }
.uok-sector{ background:none; border:0; border-radius:22px; overflow:visible; }
.uok-sector__face{
border:1px solid var(--uok-line); border-radius:22px; background:#fff;
padding:1.5rem .8rem 1.25rem; gap:.7rem;
box-shadow:0 6px 18px -10px rgba(4,40,20,.28);
transition:transform .18s ease, box-shadow .18s ease;
}
.uok-sector:active .uok-sector__face{ transform:scale(.965); box-shadow:0 3px 10px -6px rgba(4,40,20,.3); }
.uok-sector__ic{ width:62px; height:62px; border-radius:19px;
background:linear-gradient(150deg,var(--uok-green-bright),var(--uok-green-dark)); color:#fff;
box-shadow:0 10px 22px -12px rgba(11,90,44,.8); }
.uok-sector__name{ font-size:.95rem; }
.uok-sector__face::after{
content:""; position:absolute; right:.85rem; top:.85rem; width:20px; height:20px; border-radius:50%;
background:var(--uok-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F7A3B' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/11px no-repeat;
}
}
.uok-sheet{ position:fixed; inset:0; z-index:1200; display:none; }
.uok-sheet.is-open{ display:block; }
.uok-sheet__scrim{
position:absolute; inset:0; background:rgba(3,22,11,.62);
backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
opacity:0; transition:opacity .32s ease;
}
.uok-sheet.is-shown .uok-sheet__scrim{ opacity:1; }
.uok-sheet__panel{
position:absolute; left:0; right:0; bottom:0;
background:#fff; border-radius:28px 28px 0 0;
padding:.65rem 1.4rem calc(1.8rem + env(safe-area-inset-bottom,0px));
box-shadow:0 -24px 70px rgba(2,18,9,.4);
transform:translateY(100%);
transition:transform .44s cubic-bezier(.22,1,.3,1);
max-height:86vh; overflow-y:auto; -webkit-overflow-scrolling:touch;
}
.uok-sheet.is-shown .uok-sheet__panel{ transform:translateY(var(--drag,0px)); }
.uok-sheet.is-dragging .uok-sheet__panel{ transition:none; }
.uok-sheet__grab{ width:46px; height:5px; border-radius:99px; background:#D9E4DB; margin:.35rem auto 1.15rem; }
.uok-sheet__ic{
display:grid; place-items:center; width:70px; height:70px; border-radius:22px; margin-bottom:1.1rem;
background:linear-gradient(150deg,var(--uok-green-bright),var(--uok-green-dark)); color:#fff;
box-shadow:0 16px 32px -16px rgba(11,90,44,.9);
}
.uok-sheet__ic svg{ width:34px; height:34px; }
.uok-sheet__eyebrow{ display:block; font-family:var(--uok-font-head); font-size:.72rem; font-weight:800;
letter-spacing:.14em; text-transform:uppercase; color:var(--uok-green); margin-bottom:.35rem; }
.uok-sheet__t{ font-family:var(--uok-font-head); font-size:1.5rem; font-weight:800; color:var(--uok-ink); margin:0 0 .7rem; }
.uok-sheet__x{ font-size:1rem; line-height:1.7; color:var(--uok-muted); margin:0 0 1.5rem; }
.uok-sheet__btn{ display:flex; justify-content:center; width:100%; }
.uok-sheet__close{
position:absolute; right:1rem; top:1rem; width:38px; height:38px; border:0; border-radius:50%;
background:var(--uok-mint-soft); color:var(--uok-green-dark); display:grid; place-items:center; cursor:pointer;
}
@media (prefers-reduced-motion:reduce){
.uok-sheet__panel,.uok-sheet__scrim{ transition:none!important; }
}
/* --- 5. UNIVERSALS 3D TILT ----------------------------------- */
[data-uok-tilt]{
transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);
transition:transform .4s cubic-bezier(.22,.61,.36,1), box-shadow .4s ease;
transform-style:preserve-3d;
}
[data-uok-tilt].is-tilting{ transition:transform .08s linear, box-shadow .4s ease; }
[data-uok-tilt] .uok-cat__icon,
[data-uok-tilt] .uok-usp__ic{ transition:transform .4s cubic-bezier(.22,.61,.36,1); }
[data-uok-tilt]:hover .uok-cat__icon,
[data-uok-tilt]:hover .uok-usp__ic{ transform:translateZ(34px); }
[data-uok-tilt] h3,[data-uok-tilt] h4{ transition:transform .4s cubic-bezier(.22,.61,.36,1); }
[data-uok-tilt]:hover h3,[data-uok-tilt]:hover h4{ transform:translateZ(20px); }
@media (hover:none),(prefers-reduced-motion:reduce){
[data-uok-tilt]{ transform:none!important; }
[data-uok-tilt] .uok-cat__icon,[data-uok-tilt] .uok-usp__ic,
[data-uok-tilt] h3,[data-uok-tilt] h4{ transform:none!important; }
}
/* =============================================================
PARALAKSE (v1.23)
Slani kustas dazados atrumos -> dzilums. Lieto TIKAI dekorativiem
slaniem un attelu foniem, nekad tekstam (lasamibas del).
Izmanto atsevisko `translate` ipasibu, nevis `transform`, lai
nesaduras ar 3D tilt un ienaksanas animacijam.
============================================================= */
@keyframes uok-par{
from{ translate:0 calc(var(--par,10) * 1%); }
to{ translate:0 calc(var(--par,10) * -1%); }
}
@keyframes uok-hero-par{
from{ translate:0 0; }
to{ translate:0 calc(var(--par,10) * -1px); }
}
@supports (animation-timeline: view()){
@media (prefers-reduced-motion:no-preference){
[data-uok-par]{
animation:uok-par linear both;
animation-timeline:view();
animation-range:cover 0% cover 100%;
will-change:translate;
}
/* Hero ir jau redzams ielades bridi -> piesienam pie lapas ritinajuma. */
[data-uok-par-hero]{
animation:uok-hero-par linear both;
animation-timeline:scroll(root block);
animation-range:0px 100vh;
will-change:translate;
}
}
}
@media (prefers-reduced-motion:reduce){
[data-uok-par],[data-uok-par-hero]{ translate:none!important; animation:none!important; }
}
/* Kategoriju attels: paraugstinam, lai paralakse neatsedz malas */
.uok-cat img{ top:-9%; height:118%; }
.uok-pcard__media img{ top:-7%; height:114%; position:relative; }
/* Dekorativas sferas sekcijas fona */
.uok-sec-orb{
position:absolute; border-radius:50%; pointer-events:none; z-index:0;
filter:blur(48px); opacity:.5;
}
.uok-sec-orb--a{ width:min(520px,52vw); aspect-ratio:1; left:0; top:0;
background:radial-gradient(circle, rgba(52,199,89,.42), transparent 66%); }
.uok-sec-orb--b{ width:min(440px,46vw); aspect-ratio:1; right:0; bottom:0;
background:radial-gradient(circle, rgba(15,122,59,.34), transparent 68%); }
.uok-section{ position:relative; overflow-x:clip; }
.uok-section > .uok-container{ position:relative; z-index:1; }
.uok-band-orb{
position:absolute; width:min(560px,70%); aspect-ratio:1; border-radius:50%;
right:-14%; top:-40%; pointer-events:none; z-index:0; filter:blur(40px);
background:radial-gradient(circle, rgba(52,199,89,.45), transparent 66%);
}
@media (max-width:820px){
.uok-sec-orb{ opacity:.35; filter:blur(38px); }
}
/* Aurorai divas animacijas: sava lena driftesana + paralakse pie ritinajuma.
Bez si `animation` israksts [data-uok-par-hero] kartula parrakstitu driftu. */
@supports (animation-timeline: view()){
@media (prefers-reduced-motion:no-preference){
.uok-hero__aurora[data-uok-par-hero]{
animation:uok-aurora 28s ease-in-out infinite alternate, uok-hero-par linear both;
animation-timeline:auto, scroll(root block);
animation-range:normal, 0px 100vh;
}
}
}
/* -------------------------------------------------------------
Mobilajā — TIKAI ienākšana, bez aizlidošanas.
Uz šaura ekrāna lapas apakšā "cover" diapazons bieži nepaspēj
noiet līdz galam, un pēdējā kartīte paliek iestrēgusi pusceļā
izbalinātā stāvoklī (izskatījās kā balts filtrs virsū).
---------------------------------------------------------- */
/* Mobilajā pie ritinājuma piesietās animācijas NELIETOJAM: lapas apakšā
diapazons nepaspēj noiet līdz galam un pēdējā kartīte paliek izbalināta.
Tur strādā IntersectionObserver — vienreiz parādās un paliek. */
@media (max-width:820px){
.uok-js [data-uok-fly]{ animation:none!important; }
}
/* Uz darbvirsmas aizlidošana paliek, bet daudz maigāka — nekad "izbalināta". */
[data-uok-fly]{ --fo2:.55; --fb2:1.5px; --fz2:-90px; }
/* -------------------------------------------------------------
iOS Safari: nogriešana (overflow:hidden) NEIETUR kompozitētus
bērnus — elements ar savu animāciju izlien ārā no noapaļota
konteinera un paplašina lapu → balta josla ekrāna malā.
1) Piespiežam konteinerus kļūt par īstiem nogriešanas slāņiem.
2) Mobilajā paralaksi izslēdzam pavisam: tur tā nav vajadzīga,
maksā akumulatoru un tieši tā rada šo kļūdu.
---------------------------------------------------------- */
.uok-hero,.uok-cta-band,.uok-marquee{ transform:translateZ(0); isolation:isolate; }
@media (max-width:820px){
[data-uok-par],[data-uok-par-hero]{ animation:none!important; translate:none!important; will-change:auto!important; }
.uok-sec-orb,.uok-band-orb{ display:none; }
.uok-hero__aurora{ inset:0; }
}
/* Mērogotajām ikonām līnijas biezums paliek nemainīgs. */
.uok-ic g[transform] > *{ vector-effect:non-scaling-stroke; }
/* Apakšlapa nepieglaužas ekrāna malām — atstāj gaisu, lai neizskatās iespiesta. */
.uok-sheet__panel{ left:10px; right:10px; bottom:10px; border-radius:26px;
padding:.65rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px)); }
/* -------------------------------------------------------------
Mobilajā nozares pa VIENAI rindā — pilna platuma kartītes,
ikona pa kreisi, nosaukums blakus. Divās kolonnās kartītes
vizuāli izskatījās nevienādas; vienā kolonnā tas nav iespējams.
---------------------------------------------------------- */
@media (max-width:720px){
.uok-sectors{ grid-template-columns:1fr!important; gap:10px; perspective:none; }
.uok-sector{ overflow:visible; }
/* Kartītei JĀBŪT konteinera platumā. Bez width:100% + min-width:0 garš
nosaukums ("Lauksaimniecība") izstiepj kartīti platāku par pārējām, un
teksts aizlien zem "+" zīmes. Labajā pusē atstājam vietu tai zīmei. */
.uok-sector__face{
display:flex; flex-direction:row; align-items:center; justify-content:flex-start;
gap:.9rem; padding:.95rem 3rem .95rem 1rem; text-align:left;
width:100%; box-sizing:border-box; min-width:0;
}
.uok-sector__ic{ flex:0 0 54px; width:54px; height:54px; border-radius:16px; }
.uok-sector__ic svg{ width:30px; height:30px; }
.uok-sector__name{ flex:1 1 auto; min-width:0; font-size:1rem; line-height:1.25;
overflow-wrap:anywhere; hyphens:auto; }
.uok-sector__face::after{ top:50%; right:1rem; margin-top:-10px; }
}
/* -------------------------------------------------------------
Hero: eļļas plūsma fonā (mucu karuseļa vietā).
Audekls guļ ZEM satura un nepieņem klikšķus, tāpēc pogas un
teksts strādā kā parasti. Slāņu kārtība: gradients → aurora →
plūsma → grauds → saturs.
---------------------------------------------------------- */
.uok-hero__flow{
position:absolute; inset:0; width:100%; height:100%;
z-index:1; pointer-events:none; display:block;
}
.uok-hero__grain{ z-index:2; }
.uok-hero__grid{ z-index:3; }
/* Bez labās kolonnas hero sarautos — dodam tam elpu, lai plūsma
redzama visā platumā, un saturu turam lasāmā mērā. */
.uok-hero__grid--solo{
grid-template-columns:minmax(0,1fr);
min-height:clamp(420px,58vh,600px);
align-content:center;
}
.uok-hero__grid--solo .uok-hero__content{ max-width:640px; }
.uok-hero__grid--solo .uok-hero__lead{ max-width:44ch; }
@media (max-width:820px){
.uok-hero__flow{ opacity:.6; }
.uok-hero__grid--solo{ min-height:0; }
}
@media (prefers-reduced-motion:reduce){
.uok-hero__flow{ opacity:.5; }
}
/* -------------------------------------------------------------
Safari: