/* ============================================================ OGRES VĒSTIS VISIEM — concept-02 v2 «Minimāli tīrā redakcija» Pēc redakcijas 2026-07 atsauksmēm: balts fons, logo zilā palete, treknie virsraksti, bez dekoratīvajiem efektiem ============================================================ */ :root{ --paper:#ffffff; --paper-2:#f4f5f7; --paper-3:#ffffff; --ink:#16181d; --ink-60:#555b66; --ink-70:#3f4552; --ink-40:#878c96; --brick:#334d8b; --brick-dark:#27407a; --navy:#334d8b; --navy-deep:#263a6e; /* augšējās joslas fons — tumši zils no logo paletes (agrāk melns --ink) */ --band-navy:#22355f; --line:#e4e6ea; --line-ink:rgba(22,24,29,.22); --ghost:rgba(22,24,29,.08); --serif-d:'Libre Caslon Text', Georgia, serif; --serif-t:'Libre Caslon Text', Georgia, serif; --sans:'Mulish', 'Segoe UI', sans-serif; --wrap:1300px; --sh-soft:0 18px 40px -22px rgba(22,24,29,.35); color-scheme:light; } /* ============================================================ TUMŠAIS REŽĪMS — krāsu palete (noklusējums bez atribūta = gaišā tēma; JS pārslēdzot uzliek data-theme="dark" uz ) ============================================================ */ html[data-theme="dark"]{ color-scheme:dark; --paper:#14161a; --paper-2:#1d2026; --paper-3:#181b20; --ink:#e8eaee; --ink-60:#a6abb5; --ink-70:#c8ccd6; --ink-40:#7d828c; --brick:#93a9dd; --brick-dark:#a7bae6; --navy:#93a9dd; --navy-deep:#a7bae6; --band-navy:#131b2d; --line:#272b33; --line-ink:rgba(232,234,238,.28); --ghost:rgba(232,234,238,.1); --sh-soft:0 18px 40px -22px rgba(0,0,0,.8); } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} /* Jebkurš display:flex/grid pārspēj [hidden] noklusēto display:none, un elements paliek redzams (vai neredzams, bet ķer klikšķus). Šis nosaka to vienreiz visiem — bez tā aizvērts attēla tuvinājums palika pāri lapai. */ [hidden]{display:none !important} html{scroll-behavior:smooth} body{ font-family:var(--sans); font-size:16px; line-height:1.6; color:var(--ink); background:var(--paper); -webkit-font-smoothing:antialiased; overflow-x:hidden; } img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button{font-family:inherit;background:none;border:none;cursor:pointer;color:inherit} ul,ol{list-style:none} kbd{font-family:var(--sans);font-size:.72rem;border:1px solid var(--line-ink);border-radius:4px;padding:.1em .45em;background:#fff} /* Lapas konteineris — saturs TIEŠI 1300px platumā (leaderboard baneris tad 1300px); šaurākos ekrānos 1rem atkāpe katrā malā */ .wrap{width:min(100% - 2rem, var(--wrap));margin-inline:auto} ::selection{background:var(--brick);color:var(--paper)} /* ---------- shared atoms ---------- */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:.5em; font:800 .8rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em; padding:.85em 1.5em;border:1.5px solid transparent;cursor:pointer; transition:background .2s,color .2s,border-color .2s; white-space:nowrap; } .btn-brick{background:var(--brick);color:var(--paper)} .btn-brick:hover{background:var(--brick-dark)} .btn-ink{background:var(--ink);color:var(--paper)} .btn-ink:hover{background:#000} .btn-navy{background:var(--navy);color:var(--paper)} .btn-navy:hover{background:var(--navy-deep)} .btn-paper{background:var(--paper);color:var(--ink)} .btn-paper:hover{background:#fff} .btn-line{background:transparent;border-color:var(--ink);color:var(--ink)} .btn-line:hover{background:var(--ink);color:var(--paper)} .btn-sm{padding:.7em 1.2em;font-size:.72rem} .meta{font:600 .76rem/1.5 var(--sans);color:var(--ink-40)} .meta .cat,.cat{color:var(--brick);font-weight:800} .byline{color:var(--ink);font-weight:800} .dot{margin-inline:.55em;color:var(--ink-40)} .kicker{font:800 .78rem/1 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--brick)} .kicker a:hover{text-decoration:underline} .kicker-sep{display:inline-block;width:2.4rem;height:1px;background:var(--line-ink);margin:0 .9rem;vertical-align:middle} .kicker-sm{font:800 .68rem/1 var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--brick);margin-bottom:.7rem} .avatar{ flex:none;display:inline-flex;align-items:center;justify-content:center; width:36px;height:36px;border-radius:50%; background:var(--navy);color:var(--paper); font:800 .72rem/1 var(--sans);letter-spacing:.05em;text-transform:uppercase; } .avatar-lg{width:50px;height:50px;font-size:.9rem} .pill{ display:inline-block;font:700 .74rem/1 var(--sans);letter-spacing:.04em; border:1px solid var(--line-ink);border-radius:999px;padding:.55em 1.1em; transition:background .2s,color .2s,border-color .2s; } a.pill:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)} .pill-cat{background:var(--navy);border-color:var(--navy);color:var(--paper)} .pill-cat a{color:inherit} .chip{ display:inline-block;font:800 .72rem/1 var(--sans);text-transform:uppercase;letter-spacing:.1em; border:1.5px solid var(--line-ink);border-radius:999px;padding:.6em 1.15em; transition:all .2s; } .chip:hover{border-color:var(--ink)} .chip.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)} /* ad placeholders */ .ad{ display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem; border:1.5px dashed #ccd0d6;color:#9aa0ab; background:repeating-linear-gradient(-45deg,transparent 0 14px,rgba(22,24,29,.018) 14px 28px); text-transform:uppercase; } .ad span{font:800 .72rem/1 var(--sans);letter-spacing:.32em;padding-left:.32em} .ad em{font:600 .62rem/1 var(--sans);font-style:normal;letter-spacing:.18em;color:#b3b8c1} /* Baneri precīzos izmēros (aizpilda slotu, augstums no aspect-ratio): leaderboard 1300×130 (konteiners), content 976×130 (satura kolonna), box 300×250 */ .ad-top{width:100%;height:130px;margin-block:1.6rem} .ad-inflow{width:100%;height:130px;margin-block:var(--adgap)} .ad-box{width:100%;max-width:300px;height:250px;margin-inline:auto;flex:none} /* ============================================================ LAPAS IELĀDES JOSLA (loading bar) ============================================================ */ @keyframes ovv-loader-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.62;transform:scale(.96)}} @keyframes ovv-loader-sweep{0%{transform:translateX(-115%)}100%{transform:translateX(320%)}} #ovv-loader{ position:fixed;inset:0;z-index:100000; display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.7rem; background:var(--paper);opacity:1; transition:opacity .45s ease,visibility .45s ease; } #ovv-loader.ovv-loaded{opacity:0;visibility:hidden;pointer-events:none} #ovv-loader .ovv-loader-logo{width:210px;max-width:62vw;height:auto;animation:ovv-loader-pulse 1.6s ease-in-out infinite} #ovv-loader .ovv-loader-track{position:relative;width:220px;max-width:68vw;height:5px;background:var(--line);overflow:hidden} #ovv-loader .ovv-loader-stripe{ position:absolute;top:0;bottom:0;left:0;width:55%; background:linear-gradient(90deg,var(--navy) 0%,#3575b2 50%,var(--navy) 100%); animation:ovv-loader-sweep 1.15s cubic-bezier(.65,0,.35,1) infinite; } html:has(#ovv-loader:not(.ovv-loaded)){overflow:hidden} html[data-theme="dark"] #ovv-loader .ovv-loader-logo{filter:brightness(0) invert(1)} @media (prefers-reduced-motion:reduce){ #ovv-loader .ovv-loader-logo,#ovv-loader .ovv-loader-stripe{animation:none} } /* ============================================================ 1. TOPBAR ============================================================ */ .topbar{background:var(--band-navy);color:rgba(255,255,255,.78);font:600 .72rem/1 var(--sans)} .topbar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:38px;flex-wrap:wrap;padding-block:.35rem} .topbar-left{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap} .topbar strong{color:var(--paper);font-weight:800} .tb-sep{color:rgba(255,255,255,.3)} .tb-wind{color:rgba(255,255,255,.55);margin-left:.3em} .topbar-right{display:flex;align-items:center;gap:1.2rem;margin-left:auto} .tb-links{display:flex;gap:1.2rem} .tb-links a{letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;transition:color .2s} .tb-links a:hover{color:var(--paper)} .tb-soc{display:flex;gap:.8rem;align-items:center;border-left:1px solid rgba(255,255,255,.2);padding-left:1.1rem} .tb-soc a{display:flex;transition:color .2s} .tb-soc a:hover{color:var(--paper)} /* ============================================================ 2. MASTHEAD ============================================================ */ .masthead{border-bottom:1px solid var(--line)} .masthead-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding-block:clamp(1.2rem,3vw,2rem)} .mh-left{justify-self:start} /* Logotipa platums = augstums × proporcija. --logo-ar ir logo.svg viewBox attiecība (841.9 / 221.8) — ja logo failu maina, PĀRRĒĶINI, citādi uzraksts zem tā vairs nesakritīs ar logo malām. */ .brand{text-align:center;display:block;--logo-h:clamp(64px,8.8vw,118px);--logo-ar:3.796;--logo-w:calc(var(--logo-h) * var(--logo-ar))} .brand-logo{height:var(--logo-h);width:auto;margin-inline:auto;display:block} /* Uzraksts tieši tik plats, cik logo: kaste = logo platums, un abpusējā izlīdzināšana (arī pēdējai rindai) izstiepj vārdu atstarpes līdz malām. */ .brand-tag{ display:block;width:var(--logo-w);margin:.7rem auto 0; font-family:var(--sans);font-weight:600;font-size:calc(var(--logo-h) * .109);line-height:1.5; letter-spacing:.1em;text-transform:uppercase;color:var(--ink-60); text-align:justify;text-align-last:justify; } .mh-right{justify-self:end;display:flex;align-items:center;gap:1.4rem} .mh-link{display:inline-flex;align-items:center;gap:.45em;font:800 .74rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;transition:color .2s} .mh-link:hover{color:var(--brick)} /* jaunākais numurs galvenē — liels vāks pie labās malas, teksts tam pa kreisi, viss bloks viegli ieslīps (kā avīze, nolikta uz galda); uz hover iztaisnojas */ .mh-issue{display:flex;align-items:center;gap:1.45rem;text-align:right} .mh-issue img{width:clamp(77px,7.7vw,105px);height:auto;border:1px solid var(--line);box-shadow:0 14px 30px -14px rgba(22,24,29,.4);transform:rotate(5.5deg);transition:transform .3s var(--ease,ease)} .mh-issue:hover img{transform:rotate(2deg)} .mh-issue-label{display:block;font:800 .72rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-40);white-space:nowrap} .mh-issue-link{display:block;font:800 1.05rem/1.4 var(--sans);color:var(--brick);white-space:nowrap} /* iznākšanas dienas — smalka rindiņa zem saites, blakus avīzes pirmajai lapai */ .mh-issue-days{display:block;max-width:8.6rem;margin:.55rem 0 0 auto;padding-top:.5rem;border-top:2px solid var(--brick);font:700 .66rem/1.55 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-60)} /* ============================================================ 3. STICKY NAV + drawer + search ============================================================ */ .mainnav{ position:sticky;top:0;z-index:900; background:var(--paper); border-bottom:1px solid var(--line); transition:box-shadow .3s; } .mainnav.scrolled{box-shadow:0 12px 28px -18px rgba(22,24,29,.4)} .mainnav-in{display:flex;align-items:center;gap:1rem;min-height:54px;position:relative} .nav-list{display:flex;gap:clamp(.6rem,1.8vw,1.9rem);flex-wrap:wrap;margin-inline:auto} .nav-list a{ font:800 .78rem/1 var(--sans);text-transform:uppercase;letter-spacing:.1em; padding:1.15rem .15rem;display:inline-block;position:relative;transition:color .2s; } .nav-list a::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brick); opacity:0;transition:opacity .2s; } .nav-list a:hover,.nav-list a.is-active{color:var(--brick)} .nav-list a:hover::after,.nav-list a.is-active::after{opacity:1} /* Pakalpojumu saites (Pasākumi, Sludinājumi) — nodalītas ar šķirtni un izceltas akcenta krāsā */ .nav-sep{width:1px;height:15px;background:var(--line-ink);opacity:.45;align-self:center} .nav-list a.nav-svc{color:var(--brick)} .nav-list a.nav-svc:hover{color:var(--brick-dark)} .nav-right{display:flex;align-items:center;gap:1rem;margin-left:auto} .nav-search{display:flex;padding:.5rem;transition:color .2s} .nav-search:hover{color:var(--brick)} /* tumšā režīma pārslēgs */ .theme-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;transition:color .2s} .theme-toggle:hover{color:var(--brick)} .theme-toggle .ti-sun{display:none} html[data-theme="dark"] .theme-toggle .ti-sun{display:block} html[data-theme="dark"] .theme-toggle .ti-moon{display:none} .nav-mini-brand{display:none} .nav-mini-brand img{height:24px;width:auto;display:block} .hamburger{display:none;flex-direction:column;gap:5px;padding:.6rem .2rem} .hamburger span{width:24px;height:2px;background:var(--ink);transition:transform .3s} .read-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent} .read-progress span{display:block;height:100%;width:0;background:var(--brick)} /* drawer */ .drawer-overlay{position:fixed;inset:0;background:rgba(22,24,29,.5);z-index:1090;opacity:0;transition:opacity .3s} .drawer-overlay.show{opacity:1} .drawer{ position:fixed;top:0;right:0;height:100dvh;width:min(88vw,390px);z-index:1100; background:var(--paper);border-left:1px solid var(--line); transform:translateX(103%);transition:transform .38s cubic-bezier(.22,.61,.36,1); display:flex;flex-direction:column;overflow:hidden; } .drawer.open{transform:translateX(0)} /* Atvilktnes iekšpuse — Vaduguns parauga struktūra OVV dizaina valodā */ .vdr-top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 1.15rem;border-bottom:3px solid var(--brick)} .vdr-logo{height:34px;width:auto;display:block} .vdr-close{flex:0 0 44px;height:44px;border-radius:999px;background:var(--paper-2);display:grid;place-items:center;transition:background .2s,color .2s} .vdr-close:hover{background:var(--brick);color:#fff} .vdr-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1.1rem 1.15rem 1.4rem} .vdr-report{display:flex;align-items:center;gap:.85rem;background:var(--paper-2);border:1px solid var(--line);border-left:4px solid var(--brick);padding:.85rem .95rem} .vdr-report-ic{flex:0 0 40px;height:40px;border-radius:999px;background:var(--brick);color:#fff;display:grid;place-items:center} .vdr-report-t{display:flex;flex-direction:column;gap:.15rem;min-width:0} .vdr-report-t b{font-family:var(--serif-d);font-weight:700;font-size:1.05rem;line-height:1.2;color:var(--brick)} .vdr-report-t span{font:600 .8rem/1.4 var(--sans);color:var(--ink-60)} .vdr-follow{display:flex;align-items:center;gap:1rem;margin-top:1.2rem} .vdr-follow .vdr-kick{flex:1 1 auto;margin:0} .vdr-soc{flex:0 0 44px;height:44px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);display:grid;place-items:center;transition:background .2s,color .2s} .vdr-soc:hover{background:var(--brick);color:#fff} .vdr-ep{display:flex;align-items:center;gap:.85rem;border:1px solid var(--line);border-left:4px solid var(--brick);padding:.8rem .95rem;margin-top:1rem;transition:background .2s} .vdr-ep:hover{background:var(--paper-2)} .vdr-ep-ic{flex:0 0 24px;display:grid;place-items:center;color:var(--brick)} .vdr-ep-t{display:flex;flex-direction:column;gap:.1rem;min-width:0} .vdr-ep-t b{font-family:var(--serif-d);font-weight:700;font-size:1.02rem;line-height:1.2} .vdr-ep-t span{font:600 .78rem/1.4 var(--sans);color:var(--ink-60)} .vdr-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font:600 .8rem/1.5 var(--sans);color:var(--ink-60);margin-top:1rem} .vdr-meta strong{color:var(--ink)} .vdr-meta .tb-wind{color:var(--ink-40);margin-left:.3em} .vdr-meta-sep{color:var(--ink-40)} .vdr-kick{display:flex;align-items:center;gap:.6rem;font:800 .7rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--brick);margin:1.5rem 0 .35rem} .vdr-kick::after{content:"";flex:1 1 auto;height:1px;background:var(--line)} .vdr-row{display:flex;align-items:center;gap:.8rem;padding:.72rem .35rem;border-bottom:1px solid var(--line);font:700 1.02rem/1.3 var(--sans);color:var(--ink);transition:background .18s,color .18s} .vdr-nav .vdr-row:last-child{border-bottom:0} .vdr-row:hover{background:var(--paper-2);color:var(--brick-dark)} .vdr-ic{flex:0 0 24px;display:grid;place-items:center;color:var(--brick)} .vdr-dot{flex:0 0 10px;height:10px;margin-inline:7px;border-radius:999px;background:var(--brick);opacity:.7} .vdr-t{min-width:0} .vdr-go{flex:0 0 auto;margin-left:auto;display:grid;place-items:center;color:var(--ink-40)} .vdr-row:hover .vdr-go{color:var(--brick)} .vdr-foot{flex:0 0 auto;display:flex;flex-direction:column;gap:.6rem;border-top:1px solid var(--line);background:var(--paper);padding:.9rem 1.15rem calc(.9rem + env(safe-area-inset-bottom))} .vdr-btn-abone{width:100%} .vdr-foot-row{display:flex;gap:.6rem} .vdr-btn-ghost{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:1.5px solid var(--line-ink);padding:.75em .9em;font:800 .74rem/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);transition:border-color .2s,background .2s} .vdr-btn-ghost:hover{border-color:var(--ink);background:var(--paper-2)} /* search modal */ .search-modal{position:fixed;inset:0;z-index:1200} .search-backdrop{position:absolute;inset:0;background:rgba(22,24,29,.6);backdrop-filter:blur(4px)} .search-panel{ position:relative;max-width:660px;margin:14vh auto 0;background:var(--paper); border:1px solid var(--line);box-shadow:var(--sh-soft); padding:clamp(1.6rem,4vw,2.8rem); } .search-close{position:absolute;top:.5rem;right:.9rem;font-size:2rem;transition:color .2s} .search-close:hover{color:var(--brick)} .search-kicker{font:800 .72rem/1 var(--sans);text-transform:uppercase;letter-spacing:.25em;color:var(--brick);margin-bottom:1.1rem} .search-form{display:flex;gap:.8rem} .search-form input{ flex:1;font-family:var(--serif-t);font-style:italic;font-size:1.2rem; background:transparent;border:none;border-bottom:2px solid var(--ink); padding:.45em .1em;outline:none;color:var(--ink); } .search-form input:focus{border-color:var(--brick)} .search-hint{margin-top:1.1rem;font:600 .72rem/1.7 var(--sans);color:var(--ink-40)} /* ============================================================ 5. HERO ============================================================ */ .hero{padding-top:clamp(1rem,3vw,2.2rem)} /* --- slaiders: piespraustie raksti mainās viens pēc otra --- Visi slaidi vienā režģa šūnā (align-self:start → katrs patur savu dabisko augstumu). Konteinera augstumu JS pieskaņo redzamajam slaidam un tas mierīgi pārplūst — citādi zem īsākajiem rakstiem paliktu liels tukšums. Bez JS augstums = garākais slaids, t.i. viss paliek salasāms. */ .hero-slides{display:grid;transition:height .45s ease} .hero-slide{grid-area:1/1;align-self:start;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s} .hero-slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease} .hero-ctrl{display:flex;align-items:center;gap:clamp(.9rem,2.2vw,1.8rem);margin-top:clamp(1.4rem,2.6vw,2.1rem)} .hero-arrows{display:flex;gap:.5rem} .hero-arrow{ width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center; border:1px solid var(--line-ink);background:none;color:var(--ink);cursor:pointer; transition:background .2s,border-color .2s,color .2s; } .hero-arrow:hover{background:var(--brick);border-color:var(--brick);color:#fff} .hero-arrow:focus-visible{outline:2px solid var(--brick);outline-offset:2px} .hero-dots{display:flex;align-items:center;gap:.5rem;flex:1;list-style:none;margin:0;padding:0} .hero-dot{ display:block;position:relative;overflow:hidden;cursor:pointer; width:clamp(26px,4.5vw,58px);height:3px;padding:0;border:0;background:var(--ghost); } .hero-dot::before{content:"";position:absolute;inset:-11px 0} /* lielāks klikšķa laukums */ .hero-dot:hover{background:var(--line-ink)} .hero-dot:focus-visible{outline:2px solid var(--brick);outline-offset:4px} .hero-dot-fill{position:absolute;inset:0;background:var(--brick);transform:scaleX(0);transform-origin:left center} .hero-dot.is-active .hero-dot-fill{animation:ovvHeroDot var(--hero-int,7000ms) linear forwards} .hero-slider.is-paused .hero-dot.is-active .hero-dot-fill{animation-play-state:paused} @keyframes ovvHeroDot{from{transform:scaleX(0)}to{transform:scaleX(1)}} .hero-count{font:800 .74rem/1 var(--sans);letter-spacing:.14em;color:var(--ink-40);white-space:nowrap} .hero-count strong{font-weight:800;color:var(--ink)} /* Bez animācijām: slaidi nemainās paši, vadība paliek; svītriņa vienkārši pilna. */ @media (prefers-reduced-motion:reduce){ .hero-slide,.hero-slides{transition:none} .hero-dot.is-active .hero-dot-fill{animation:none;transform:scaleX(1)} } .hero-grid{display:grid;grid-template-columns:repeat(12,1fr);align-items:start} .hero-text{grid-column:1/8;grid-row:1;z-index:2;padding-top:clamp(1.5rem,4vw,4rem)} .hero-title{ font-family:var(--serif-d);font-weight:700; /* 1.3 (bija 1.2): ar box-decoration-break blokiem nākamās rindas baltais fons pārklāja g/j astes — vajag vietu zem bāzes līnijas */ font-size:clamp(2.6rem,5.5vw,5.2rem);line-height:1.3;letter-spacing:-.01em; margin-top:1.4rem;max-width:16ch; } .hero-title a span{ background:var(--paper); -webkit-box-decoration-break:clone;box-decoration-break:clone; padding:.06em .14em .18em 0; box-shadow:.14em 0 0 var(--paper); transition:color .2s; } .hero-title a:hover span{color:var(--brick)} .hero-stand{ font-family:var(--serif-t);font-style:italic;font-size:clamp(1.05rem,1.6vw,1.25rem); line-height:1.55;color:var(--ink-60);max-width:32rem;margin-top:1.6rem; } .hero-meta{margin-top:1.4rem;font:600 .82rem/1.6 var(--sans);color:var(--ink-60)} .hero-more{ display:inline-flex;align-items:center;gap:.6em;margin-top:1.6rem; font:800 .84rem/1 var(--sans);text-transform:uppercase;letter-spacing:.16em; border-bottom:2.5px solid var(--brick);padding-bottom:.45em; } .hero-more:hover{color:var(--brick)} .hero-media{grid-column:6/13;grid-row:1;margin-top:clamp(2rem,5vw,4.2rem)} .hero-media img{width:100%;aspect-ratio:3/2;object-fit:cover} .hero-rail{ margin-top:.7rem; font:600 .74rem/1.5 var(--sans); color:var(--ink-40); } /* secondary — ar attēliem */ .hero-secondary{ display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,3vw,3rem); margin-top:clamp(2.6rem,5vw,4.5rem); } .hs-item{display:grid;grid-template-columns:150px 1fr;gap:1.2rem;align-items:start;border-top:1px solid var(--line);padding-top:1.3rem} .hs-item figure{overflow:hidden} .hs-item img{width:100%;aspect-ratio:4/3;object-fit:cover} .hs-cat{font:800 .7rem/1 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--brick);margin-bottom:.6rem} .hs-item h2{font-family:var(--serif-d);font-weight:700;font-size:1.24rem;line-height:1.3} .hs-item h2 a{transition:color .2s} .hs-item h2 a:hover{color:var(--brick)} .hs-meta{margin-top:.6rem;font:600 .78rem/1.4 var(--sans);color:var(--ink-40)} /* ============================================================ LAYOUT ============================================================ */ .layout{ display:grid;grid-template-columns:minmax(0,1fr) 300px; /* 24px atstarpe → satura kolonna tieši 976px (1300 − 300 − 24), tāpēc satura baneris precīzi 976×130 (flotes «content» izmērs) */ gap:24px; margin-top:clamp(3rem,6vw,5rem);padding-bottom:2rem; } .sec{margin-bottom:clamp(3rem,6vw,4.6rem)} /* double-rule section head (newspaper heritage) */ .sec-head{ display:flex;align-items:baseline;gap:1.2rem;flex-wrap:wrap; border-top:2px solid var(--ink); padding-top:1rem;margin-bottom:1.8rem; } .sec-title{font-family:var(--serif-d);font-weight:700;font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.05} .sec-all{ margin-left:auto;font:800 .72rem/1 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--brick); display:inline-flex;gap:.4em;align-items:center; } .sec-all:hover{text-decoration:underline} /* ============================================================ NEDĒĻAS CITĀTS ============================================================ */ .quote-band{position:relative;overflow:hidden;border:0;text-align:center;background:linear-gradient(135deg,#3a568f 0%,#26386a 100%);color:#fff;padding:clamp(2.6rem,5vw,4rem) clamp(1.8rem,5vw,4rem)} .quote-band::before{content:"\201C";position:absolute;top:-.18em;left:.04em;font-family:var(--serif-d);font-weight:700;font-size:clamp(8rem,18vw,15rem);line-height:1;color:rgba(255,255,255,.09);pointer-events:none} .quote-band>*{position:relative;z-index:1} .qb-kicker{font:800 .72rem/1 var(--sans);text-transform:uppercase;letter-spacing:.24em;color:#aec2ea;margin-bottom:1.3rem} .qb-quote{font-family:var(--serif-d);font-weight:700;font-size:clamp(1.6rem,3.1vw,2.5rem);line-height:1.32;max-width:50rem;margin:0 auto;color:#fff} .qb-quote a{color:#fff;transition:color .2s} .qb-quote a:hover{color:#dbe4f5} .qb-source{margin-top:1.3rem;font:600 .86rem/1.5 var(--sans);color:rgba(255,255,255,.75)} .qb-source strong{color:#fff} /* ============================================================ 8. KATEGORIJU BLOKI — alternating asymmetry ============================================================ */ .cat-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.6rem,3.5vw,3.2rem);align-items:start} .cat-block--flip .cat-grid{grid-template-columns:5fr 7fr} .cat-block--flip .cat-feature{order:2} .cat-block--flip .cat-list{order:1} .frame{overflow:hidden} .frame img{width:100%;aspect-ratio:3/2;object-fit:cover} .cat-feature-body{padding-top:1.3rem} .cat-feature h3{font-family:var(--serif-d);font-weight:700;font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.12;margin-bottom:.8rem} .cat-feature h3 a{transition:color .2s} .cat-feature h3 a:hover{color:var(--brick)} .cat-list{display:flex;flex-direction:column} .cl-item{ display:grid;grid-template-columns:104px 1fr;gap:1.1rem;align-items:start; padding:1.05rem 0;border-bottom:1px solid var(--line); } .cl-item:first-child{padding-top:.2rem} .cl-item figure{overflow:hidden} .cl-item img{width:100%;aspect-ratio:4/3;object-fit:cover} .cl-item h4{font-family:var(--serif-t);font-weight:700;font-size:.98rem;line-height:1.3} .cl-item h4 a{transition:color .2s} .cl-item h4 a:hover{color:var(--brick)} .cl-item .meta{margin-top:.35rem} /* ============================================================ 9. VIEDOKĻI ============================================================ */ .op-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,3.5vw,3.2rem);align-items:start} .op-feature{ background:var(--paper-2);color:var(--ink); border-left:3px solid var(--brick); padding:clamp(1.8rem,4vw,2.8rem); } .op-col-label{ font:800 .66rem/1 var(--sans);text-transform:uppercase;letter-spacing:.22em;color:var(--brick); border-bottom:1px solid var(--line-ink);display:inline-block;padding-bottom:.5em;margin-bottom:1.3rem; } .op-feature h3{font-family:var(--serif-d);font-weight:700;font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:1rem} .op-feature h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px} .op-excerpt{font-family:var(--serif-t);font-style:italic;font-size:.99rem;line-height:1.65;color:var(--ink-60)} .op-byline{display:flex;align-items:center;gap:.9rem;margin-top:1.6rem;font:600 .78rem/1.45 var(--sans);color:var(--ink-60)} .op-byline .avatar{background:var(--navy);color:#fff} .op-byline strong{color:var(--ink);font-weight:800} .op-list{display:flex;flex-direction:column} .op-item{display:flex;gap:1rem;align-items:flex-start;padding:1.15rem 0;border-bottom:1px solid var(--line)} /* Viedokļu bloka attēli: lielajam viedoklim virsū, sarakstā mazā bildīte */ .op-media{margin-bottom:1.1rem;overflow:hidden} /* Viedokļu lielo attēlu NEAPGRIEŽAM: te bieži ir karikatūras, kurām apgriešana nocērt puse no joka (16/9 + cover nogrieza burbuļa tekstu). Attēls paliek savā dabiskajā proporcijā; height:auto ir OBLIGĀTS — koncepta CSS resetā tā nav. */ .op-media img{width:100%;height:auto;display:block;transition:opacity .2s} .op-media a:hover img{opacity:.92} .op-thumb{flex:none;width:64px;height:64px;overflow:hidden;background:var(--paper-2);border:1px solid var(--line)} .op-thumb img{width:100%;height:100%;object-fit:cover;display:block} .op-thumb--empty{background:repeating-linear-gradient(-45deg,var(--paper-2) 0 6px,var(--paper-3) 6px 12px)} .op-item:first-child{padding-top:.3rem} .op-item h4{font-family:var(--serif-d);font-weight:700;font-size:1.18rem;line-height:1.25} .op-item h4 a{transition:color .2s} .op-item h4 a:hover{color:var(--brick)} .op-item .meta{margin-top:.4rem} /* ============================================================ 10. VIDEO / PODKĀSTI ============================================================ */ .media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,3vw,2.4rem)} .media-card figure{position:relative;overflow:hidden} .media-card img{width:100%;aspect-ratio:16/10;object-fit:cover} .play{ position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width:58px;height:58px;border-radius:50%; background:rgba(255,255,255,.92);color:var(--ink); display:flex;align-items:center;justify-content:center;padding-left:4px; transition:background .2s,color .2s; box-shadow:0 10px 26px -10px rgba(22,24,29,.5); } .media-card:hover .play{background:var(--brick);color:#fff} .dur{ position:absolute;right:.7rem;bottom:.7rem; background:var(--ink);color:var(--paper); font:800 .68rem/1 var(--sans);letter-spacing:.08em;padding:.45em .7em; } .media-type{font:800 .66rem/1 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--brick);margin:.9rem 0 .45rem} .media-card h3{font-family:var(--serif-d);font-weight:700;font-size:1.22rem;line-height:1.22} .media-card h3 a{transition:color .2s} .media-card h3 a:hover{color:var(--brick)} /* ============================================================ 11. FOTO GALERIJAS — mosaic ============================================================ */ .gal-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:.8rem} .gal-tile{position:relative;overflow:hidden;display:block} .gal-big{grid-column:span 2;grid-row:span 2} .gal-tile img{width:100%;height:100%;object-fit:cover} .gal-cap{ position:absolute;inset:auto 0 0 0;padding:2.6rem 1rem .9rem; background:linear-gradient(180deg,transparent,rgba(22,24,29,.82)); color:var(--paper);display:flex;flex-direction:column;gap:.25rem; } .gal-cap strong{font-family:var(--serif-t);font-weight:700;font-size:.92rem;line-height:1.3} .gal-big .gal-cap strong{font-size:1.15rem} .gal-cap span{font:800 .62rem/1 var(--sans);text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.75)} /* ============================================================ 12. SADARBĪBAS MATERIĀLI ============================================================ */ .partner{background:var(--paper-2);outline:1px solid var(--line);padding:clamp(1.4rem,3vw,2.2rem)} .partner .sec-head{border-top-color:var(--navy)} .paid-badge{ font:800 .64rem/1 var(--sans);text-transform:uppercase;letter-spacing:.18em; background:var(--navy);color:var(--paper);padding:.55em .9em;align-self:center; } .partner-note{font:600 .78rem/1.6 var(--sans);color:var(--ink-40);margin:-0.6rem 0 1.4rem} .partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem} .pc figure{overflow:hidden} .pc img{width:100%;aspect-ratio:16/10;object-fit:cover} .pc h3{font-family:var(--serif-t);font-weight:700;font-size:.92rem;line-height:1.32;margin:.8rem 0 .4rem} .pc h3 a{transition:color .2s} .pc h3 a:hover{color:var(--navy)} /* ============================================================ 13. PASĀKUMU AFIŠA ============================================================ */ .ev-list{border-top:1px solid var(--line)} .ev{ display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:center; padding:1.1rem 0;border-bottom:1px solid var(--line); } .ev-date{ width:60px;height:64px;flex:none; background:var(--navy);color:var(--paper); display:flex;flex-direction:column;align-items:center;justify-content:center; } .ev-date strong{font-family:var(--serif-d);font-weight:700;font-size:1.6rem;line-height:1} .ev-date em{font:800 .58rem/1 var(--sans);font-style:normal;text-transform:uppercase;letter-spacing:.2em;margin-top:.25rem} .ev h3{font-family:var(--serif-d);font-weight:700;font-size:1.25rem;line-height:1.2} .ev h3 a{transition:color .2s} .ev h3 a:hover{color:var(--brick)} .ev .meta{margin-top:.3rem} .ev-tag{ font:800 .64rem/1 var(--sans);text-transform:uppercase;letter-spacing:.14em; border:1.5px solid var(--line-ink);border-radius:999px;padding:.55em 1em;color:var(--ink-60); } /* ============================================================ 14. SLUDINĀJUMI ============================================================ */ .cf-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.4rem} .cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem} .cf{ background:var(--paper-3);border:1px solid var(--line);padding:1.1rem 1.2rem; font-family:var(--serif-t);font-size:.93rem;line-height:1.55; transition:border-color .2s; } .cf:hover{border-color:var(--line-ink)} .cf-cat{font:800 .62rem/1 var(--sans);font-style:normal;text-transform:uppercase;letter-spacing:.2em;color:var(--brick);margin-bottom:.5rem} .cf-cta{ margin-top:1.4rem;border:1px solid var(--line-ink); display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap; padding:1.1rem 1.4rem;background:var(--paper-2); } .cf-cta p{font-size:.92rem} .cf-cta a:not(.btn){color:var(--brick);font-weight:700} .cf-cta a:not(.btn):hover{text-decoration:underline} /* ============================================================ SIDEBAR ============================================================ */ .side-col{display:flex;flex-direction:column;gap:2rem;min-width:0} .side-box{border:1px solid var(--line);background:var(--paper-3);padding:1.4rem 1.4rem 1.5rem} .side-kicker{ font:800 .7rem/1 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--brick); border-bottom:2px solid var(--ink);padding-bottom:.75rem;margin-bottom:1.1rem; } /* 7. tabs */ .tabs{display:flex;margin:-1.4rem -1.4rem 1.1rem;border-bottom:2px solid var(--ink)} .tab{ flex:1;font:800 .64rem/1 var(--sans);text-transform:uppercase;letter-spacing:.04em; padding:1rem .3rem;color:var(--ink-40);transition:all .2s; } .tab:hover{color:var(--ink)} .tab.is-active{background:var(--ink);color:var(--paper)} .rank-list li{display:flex;gap:.85rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--line)} /* Raksta bildīte sarakstos (Lasītākie/Jaunākie/Komentētākie) — kvadrāts augšā ar kārtas numura nozīmīti stūrī; pilns virsraksts plūst blakus */ .rl-thumb{position:relative;flex:none;width:66px;height:66px;overflow:hidden;background:var(--paper-2);border:1px solid var(--line)} .rl-thumb img{width:100%;height:100%;object-fit:cover;display:block} .rl-thumb--empty{background:repeating-linear-gradient(-45deg,var(--paper-2) 0 6px,var(--paper-3) 6px 12px)} .rl-rank{position:absolute;left:0;bottom:0;min-width:21px;height:21px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font:800 .8rem/1 var(--sans);color:#fff;background:var(--brick)} .rank-list li>div{min-width:0;padding-top:.05rem} .rank-list li:last-child{border-bottom:none;padding-bottom:.2rem} .rk{ font-family:var(--serif-d);font-weight:700;font-size:1.8rem;line-height:1;color:var(--brick); min-width:1.3ch;text-align:center;flex:none; } .rank-list a{font-family:var(--serif-t);font-weight:700;font-size:.92rem;line-height:1.3;display:block;transition:color .2s} .rank-list a:hover{color:var(--brick)} .rank-list .meta{margin-top:.25rem} .rank-list--lg a{font-size:1.05rem} .rank-list--lg .rk{font-size:2.3rem} /* 15. poll */ .poll-q{font-family:var(--serif-d);font-weight:700;font-size:1.3rem;line-height:1.25;margin-bottom:1rem} .poll-form{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start} .poll-form label{display:flex;gap:.65rem;align-items:flex-start;font-size:.88rem;cursor:pointer;line-height:1.45} .poll-form input{accent-color:var(--brick);margin-top:.2em;flex:none} .poll-form label:hover span{color:var(--brick)} .poll-form .btn{margin-top:.5rem} .poll-results{display:flex;flex-direction:column;gap:.85rem} .pr-row p{display:flex;justify-content:space-between;font:700 .8rem/1.4 var(--sans);margin-bottom:.3rem} .pr-row p b{color:var(--brick)} .pr-track{height:8px;background:var(--paper-2);border:1px solid var(--line)} .pr-fill{display:block;height:100%;background:var(--brick)} .pr-row.is-mine .pr-fill{background:#3575b2} .poll-thanks{font:700 .8rem/1.5 var(--sans);color:var(--brick);margin-top:.9rem} .poll-count{margin-top:1rem;font:600 .76rem/1 var(--sans);color:var(--ink-40)} /* 16. comments box */ .cmt-list li{display:flex;gap:.9rem;padding:.85rem 0;border-bottom:1px solid var(--line)} .cmt-list li:last-child{border-bottom:none;padding-bottom:.1rem} .cmt-text{font-family:var(--serif-t);font-style:italic;font-size:.9rem;line-height:1.5} .cmt-list .meta{margin-top:.35rem} .cmt-list .meta a{color:var(--brick)} .cmt-list .meta a:hover{text-decoration:underline} .side-sticky{position:sticky;top:86px} /* ============================================================ 17. ABONĒŠANAS PROMO ============================================================ */ .subs-band{background:var(--navy);color:var(--paper);position:relative;overflow:hidden;margin-top:1rem} .subs-in{ display:grid;grid-template-columns:7fr 5fr;gap:clamp(2rem,5vw,4rem);align-items:center; padding-block:clamp(2.6rem,6vw,4.5rem);position:relative; } .subs-kicker{font:800 .72rem/1 var(--sans);text-transform:uppercase;letter-spacing:.24em;color:#9db4e4;margin-bottom:1rem} .subs-text h2{font-family:var(--serif-d);font-weight:700;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.05;margin-bottom:1rem} .subs-note{font-family:var(--serif-t);font-style:italic;font-size:1.12rem;color:rgba(255,255,255,.85);margin-bottom:1.8rem} .subs-ways{display:grid;grid-template-columns:1fr;gap:.75rem;list-style:none} .subs-ways li{display:flex;gap:.7rem;align-items:baseline;font:700 .95rem/1.45 var(--sans)} /* Marķieris «›» cipara vietā — abonēšanas veidi ir līdzvērtīgi, ne soļi. */ .subs-ways li::before{ content:"\203A";flex:none; font:800 1.3rem/1 var(--sans);color:rgba(255,255,255,.5); position:relative;top:.08em; } .subs-ways a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px} .subs-eavize{ display:flex;gap:1.4rem;align-items:center; background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18); padding:1.6rem; } .subs-eavize img{width:120px;flex:none;border:1px solid rgba(255,255,255,.25)} .subs-eavize h3{font-family:var(--serif-d);font-weight:700;font-size:1.5rem;margin-bottom:.5rem} .subs-eavize p{font-size:.88rem;color:rgba(255,255,255,.8);margin-bottom:1rem} /* ============================================================ 18./19./20. CTA BAND ============================================================ */ .cta-band{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2rem);padding-block:clamp(2.5rem,5vw,4rem)} .cta-card{border:1px solid var(--line-ink);padding:clamp(1.5rem,3vw,2.2rem);display:flex;flex-direction:column;align-items:flex-start;background:var(--paper)} .cta-kicker{font:800 .66rem/1 var(--sans);text-transform:uppercase;letter-spacing:.22em;color:var(--brick);margin-bottom:1rem} .cta-card h3{font-family:var(--serif-d);font-weight:700;font-size:1.55rem;line-height:1.1;margin-bottom:.8rem} .cta-card p{font-size:.9rem;color:var(--ink-60);margin-bottom:1.4rem} .cta-card .btn,.cta-card form{margin-top:auto} .cta-card--brick{background:var(--brick);border-color:var(--brick);color:var(--paper)} .cta-card--brick .cta-kicker{color:rgba(255,255,255,.7)} .cta-card--brick p{color:rgba(255,255,255,.85)} .nl-form{display:flex;width:100%;gap:.6rem;flex-wrap:wrap} .nl-form input{ flex:1;min-width:0;font:600 .9rem/1 var(--sans); background:transparent;border:none;border-bottom:2px solid var(--ink); padding:.7em .1em;outline:none;color:var(--ink); } .nl-form input::placeholder{color:var(--ink-40);font-style:italic;font-family:var(--serif-t)} .nl-form input:focus{border-color:var(--brick)} .nl-ok{font:700 .85rem/1.5 var(--sans);color:var(--brick)} /* ============================================================ 22. FOOTER ============================================================ */ .footer{background:var(--ink);color:rgba(255,255,255,.75)} .footer-grid{ display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:clamp(2rem,4vw,3.5rem); padding-block:clamp(2.6rem,6vw,4.2rem); } /* Kājenē īstais laikraksta logotips (ne uzrakstīts nosaukums). Kājene abās tēmās ir tumša → logo vienmēr balts siluets; selektors ar .footer, lai pārspētu tumšā režīma vispārīgo `img{filter:…}` noteikumu. Bez width:auto bilde izstieptos — koncepta CSS resetā nav img{height:auto}. */ /* Kājenē kolonna ir šaurāka par galveni, tāpēc logo platumu nosaka pati kolonna (min(100%,340px)), nevis fiksēts augstums — citādi šaurākos ekrānos tas izlīstu no kolonnas. --f-logo-w abiem viens un tas pats izteikums, tāpēc devīzes kaste vienmēr precīzi sakrīt ar logo malām. */ .f-brand{margin-bottom:1.15rem;container-type:inline-size;--f-logo-w:min(100%,340px)} .footer .f-brand img{width:var(--f-logo-w);height:auto;display:block;filter:brightness(0) invert(1)} /* Devīze tikpat plata kā logo — tāpat kā galvenē, vienā rindā. Fonts aug līdzi kolonnai (2.87cqw ≈ 96% aizpildījums), lai teksts nekad nesalūztu divās rindās: īsu rindu izstiepšana līdz malām izskatītos ar milzu spraugām. */ .f-tag{ display:block;width:var(--f-logo-w);margin-top:.6rem; font-family:var(--sans);font-weight:600;line-height:1.6; font-size:9.4px;font-size:min(9.8px,2.87cqw); letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6); text-align:justify;text-align-last:justify; } .f-text{font-size:.85rem;line-height:1.75} .f-soc{display:flex;gap:1rem;margin-top:1.4rem} .f-soc a{display:flex;width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:50%;align-items:center;justify-content:center;transition:all .25s} .f-soc a:hover{background:var(--brick);border-color:var(--brick);color:#fff} .f-head{font:800 .72rem/1 var(--sans);text-transform:uppercase;letter-spacing:.22em;color:var(--paper);margin-bottom:1.2rem;padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.2)} .f-col{min-width:0} .f-col p{font-size:.85rem;line-height:1.75;margin-bottom:.9rem;overflow-wrap:break-word} .f-col a{transition:color .2s} .f-col a:hover{color:var(--paper);text-decoration:underline} nav.f-col a{display:block;font:700 .85rem/2.1 var(--sans)} nav.f-col a:hover{color:var(--paper);text-decoration:none} .f-col strong{color:var(--paper)} .f-bottom{ display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.15); padding-block:1.3rem;font:600 .76rem/1.6 var(--sans);color:rgba(255,255,255,.5); } .f-bottom a{color:rgba(255,255,255,.8)} .f-bottom a:hover{color:var(--paper);text-decoration:underline} /* juridisko dokumentu rinda kājenes apakšā — pa vidu starp © un izstrādātāju */ .f-legal{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;order:1;flex:1 1 100%} .f-legal a{white-space:nowrap} @media (min-width:1024px){.f-legal{order:0;flex:0 1 auto;justify-content:center}} /* ============================================================ ARTICLE PAGE ============================================================ */ .crumbs{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.4rem} .crumbs nav{display:flex;gap:.7rem;align-items:center;font:700 .74rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-40)} .crumbs nav a{transition:color .2s} .crumbs nav a:hover{color:var(--brick)} .badge-cat{ font:800 .66rem/1 var(--sans);text-transform:uppercase;letter-spacing:.18em; color:var(--brick);border:1.5px solid var(--brick);padding:.6em 1em; } .feature-head{max-width:62rem;text-align:center;padding-top:clamp(1.6rem,4vw,3rem)} .feature-title{ font-family:var(--serif-d);font-weight:700; font-size:clamp(1.9rem,4vw,3.3rem);line-height:1.12;letter-spacing:-.01em; } .feature-stand{ font-family:var(--serif-t);font-style:italic; font-size:clamp(1.02rem,1.7vw,1.28rem);line-height:1.6;color:var(--ink-60); max-width:48rem;margin:1.6rem auto 0; } .feature-byline{ display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap; margin-top:1.8rem;text-align:left; } .fb-name{font:600 .9rem/1.4 var(--sans)} .fb-meta{font:600 .76rem/1.4 var(--sans);color:var(--ink-40)} /* Burtu izmēra pogas ir virs raksta teksta (nevis parakstā): tur tās ir turpat, kur lasītājs sāk lasīt, un netraucē autora rindu. */ .font-tools{ display:flex;align-items:center;gap:.35rem; margin-bottom:clamp(1.1rem,2vw,1.6rem);padding-bottom:.9rem; border-bottom:1px solid var(--line); } .ft-label{ margin-right:auto;font:800 .68rem/1 var(--sans); text-transform:uppercase;letter-spacing:.14em;color:var(--ink-40); } .ft{ width:38px;height:38px;border:1.5px solid var(--line-ink); font:800 .8rem/1 var(--sans);transition:all .2s; } .ft:nth-child(1){font-size:.68rem} .ft:nth-child(3){font-size:.95rem} .ft:hover{border-color:var(--ink)} .ft.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)} .feature-media{position:relative;margin-top:clamp(1.8rem,4vw,3rem);background:var(--paper-2)} /* Attēlu NEAPGRIEŽAM: redakcija ievadattēlā mēdz likt afišas un plakātus, un fiksēts augstums ar object-fit:cover tiem nogrieza pusi. width:auto + max-width + max-height ietilpina jebkuru proporciju, saglabājot to veselu: platās bildes aizņem visu platumu, augstās kļūst zemākas un centrētas. */ .feature-media img{ display:block;margin-inline:auto; width:auto;max-width:100%; height:auto;max-height:min(74vh,720px); filter:saturate(.96); } .feature-media .hero-rail{text-align:center} .share-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding-block:1.4rem;border-bottom:1px solid var(--line);margin-bottom:clamp(1.5rem,3vw,2.5rem)} .share-label{font:800 .72rem/1 var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-40);margin-right:.5rem} .share-btn{ font:700 .74rem/1 var(--sans);letter-spacing:.05em; border:1.5px solid var(--line-ink);border-radius:999px;padding:.65em 1.2em; transition:all .22s;cursor:pointer; } .share-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)} .article-layout{ display:grid;grid-template-columns:62px minmax(0,1fr) 300px; gap:clamp(1.6rem,3.5vw,3.4rem);max-width:1280px; } .share-rail{position:relative} .rail-sticky{position:sticky;top:110px;display:flex;flex-direction:column;gap:.6rem} .rail-btn{ width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line-ink); display:flex;align-items:center;justify-content:center; font:700 .86rem/1 var(--serif-t);transition:all .22s;cursor:pointer; } .rail-btn:hover{background:var(--brick);border-color:var(--brick);color:var(--paper)} /* body text — font-size tool */ .article-body{max-width:70ch;padding-bottom:1rem} .fs-s{--bodysize:.95rem} .fs-m{--bodysize:1.0625rem} .fs-l{--bodysize:1.24rem} .article-body p{font-size:var(--bodysize);line-height:1.78;margin-bottom:1.35em;transition:font-size .25s} .article-body .opener{ font-family:var(--serif-t);font-size:calc(var(--bodysize) * 1.16);line-height:1.7; } .article-body .opener::first-letter{ font-family:var(--serif-d);font-weight:700;font-size:4.4em;line-height:.78; float:left;padding:.06em .12em 0 0;color:var(--brick); } .article-body .q{ margin-top:2.3em;font-weight:800;line-height:1.5; border-left:3px solid var(--brick);padding-left:1.1rem;color:var(--ink); } .article-body i{font-family:var(--serif-t);font-style:italic} /* pull quotes */ .pq{margin:2.6em 0;padding:1.7em 0 1.5em;border-top:3px solid var(--brick);border-bottom:1px solid var(--line-ink)} .pq p{ font-family:var(--serif-t);font-style:italic; font-size:clamp(1.35rem,2.4vw,1.7rem) !important;line-height:1.35 !important; margin:0 !important;color:var(--ink); } .pq p::before{content:"«\00a0";color:var(--brick)} .pq p::after{content:"\00a0»";color:var(--brick)} .pq-right{width:46%;float:right;margin:.4em -1.5rem 1.4em 2rem;padding:1.3em 0 1.2em} .pq-right p{font-size:1.25rem !important} .pq-final{text-align:center;border-bottom:3px solid var(--brick);border-top-width:3px} .sect-break{display:flex;justify-content:center;gap:1.6rem;margin:3em 0;color:var(--brick);font-size:.7rem} /* inline subs CTA */ .inline-subs{ clear:both;border:1.5px solid var(--navy);background:rgba(36,56,95,.05); padding:1.7rem 1.8rem;margin:2.8em 0; } .is-kicker{font:800 .64rem/1 var(--sans) !important;text-transform:uppercase;letter-spacing:.24em;color:var(--navy);margin-bottom:.8em !important} .is-title{font-family:var(--serif-d);font-weight:700;font-size:1.35rem !important;line-height:1.25 !important;margin-bottom:.6em !important} .is-text{font-size:.9rem !important;color:var(--ink-60);margin-bottom:1.2em !important} .tags-row{clear:both;display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;border-top:1px solid var(--line);padding-top:1.6rem;margin-top:2.4rem} /* margin notes */ .margin-notes{font-size:.85rem} .mnote{border-top:2px solid var(--ink);padding-top:.85rem;margin-bottom:1.7rem;color:var(--ink-60);line-height:1.65} .mnote strong{color:var(--ink)} .mn-head{font:800 .64rem/1 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--brick);margin-bottom:.7rem} .mnote-paper{background:var(--paper-2);padding:1rem 1.1rem;border-top-color:var(--brick)} .mn-sticky{position:sticky;top:110px} /* comments */ .comments{max-width:880px;padding-bottom:1rem} .cmt-count{color:var(--brick)} .comment-list{margin-bottom:2.2rem} .comment{display:flex;gap:1.1rem;padding:1.3rem 0;border-bottom:1px solid var(--line)} .comment .c-meta{font:600 .78rem/1 var(--sans);color:var(--ink-40);margin-bottom:.45rem} .comment .c-meta strong{color:var(--ink);font-weight:800;margin-right:.3em} .comment p:last-child{font-size:.94rem;line-height:1.65} .comment-form{border:1.5px solid var(--ink);background:var(--paper-3);padding:1.8rem} .cf-head{font-family:var(--serif-d);font-weight:700;font-size:1.35rem;margin-bottom:1.2rem} .comment-form input,.comment-form textarea{ width:100%;font:600 .92rem/1.6 var(--sans);color:var(--ink); background:#fff;border:1px solid var(--line);padding:.85em 1em; outline:none;transition:border-color .2s,box-shadow .2s;resize:vertical; } .comment-form input:focus,.comment-form textarea:focus{border-color:var(--brick);box-shadow:0 0 0 3px rgba(51,77,139,.12)} .comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--ink-40);font-family:var(--serif-t);font-style:italic} .cf-row{margin-bottom:.9rem;max-width:340px} .comment-form textarea{margin-bottom:1.1rem} .cf-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap} .cf-note{font:600 .76rem/1.5 var(--sans);color:var(--ink-40)} .cmt-ok{font:700 .9rem/1.5 var(--sans);color:var(--brick)} /* after-article */ .after-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,5vw,4rem);padding-block:clamp(2rem,4vw,3rem) clamp(2.5rem,5vw,4rem)} .after-list{display:flex;flex-direction:column} /* ============================================================ TUMŠAIS REŽĪMS — mērķētas korekcijas ārpus mainīgajiem ============================================================ */ /* fotogrāfijas mazliet pieklusinātas, lai nespīd */ html[data-theme="dark"] img{filter:brightness(.86) saturate(.94)} html[data-theme="dark"] .brand-logo, html[data-theme="dark"] .drawer-logo, html[data-theme="dark"] .nav-mini-brand img{filter:brightness(0) invert(1)} html[data-theme="dark"] kbd{background:#22262c} /* joslas, kas gaišajā tēmā ir tumšas, paliek tumšākas par fonu */ html[data-theme="dark"] .footer{background:#0e1013} /* augšējā josla arī tumšajā režīmā paliek zila, tikai dziļāka — sk. --band-navy */ html[data-theme="dark"] .topbar strong, html[data-theme="dark"] .tb-links a:hover, html[data-theme="dark"] .tb-soc a:hover, html[data-theme="dark"] .f-head, html[data-theme="dark"] .f-col strong, html[data-theme="dark"] div.f-col a:hover, html[data-theme="dark"] .f-bottom a:hover{color:#eef0f4} html[data-theme="dark"] .mainnav.scrolled{box-shadow:0 12px 28px -18px rgba(0,0,0,.85)} html[data-theme="dark"] .drawer-overlay{background:rgba(0,0,0,.62)} html[data-theme="dark"] .search-backdrop{background:rgba(0,0,0,.66)} /* reklāmas vietturi */ html[data-theme="dark"] .ad{border-color:#3a3f47;color:#7d828c;background:repeating-linear-gradient(-45deg,transparent 0 14px,rgba(232,234,238,.025) 14px 28px)} html[data-theme="dark"] .ad em{color:#666b75} /* pogas — "papīra" poga paliek gaiša uz tumšajām joslām */ html[data-theme="dark"] .btn-ink:hover{background:#ffffff} html[data-theme="dark"] .btn-paper{background:#e8eaee;color:#16181d} html[data-theme="dark"] .btn-paper:hover{background:#ffffff} /* video atskaņošanas poga */ html[data-theme="dark"] .play{background:rgba(10,12,15,.85);color:#e8eaee;box-shadow:0 10px 26px -10px rgba(0,0,0,.7)} /* galeriju paraksti */ html[data-theme="dark"] .gal-cap{color:#eef0f4;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85))} /* akcenta bloki tumšajā tēmā */ html[data-theme="dark"] .cta-card--brick{background:#22335c;border-color:#22335c;color:#eef0f4} /* abonēšanas josla — dziļais zilais tonis */ html[data-theme="dark"] .subs-band{background:#192647;color:#eef0f4} html[data-theme="dark"] .inline-subs{background:rgba(141,167,216,.08)} /* komentāru formas lauki */ html[data-theme="dark"] .comment-form input, html[data-theme="dark"] .comment-form textarea{background:#22262c} html[data-theme="dark"] .comment-form input:focus, html[data-theme="dark"] .comment-form textarea:focus{box-shadow:0 0 0 3px rgba(147,169,221,.2)} /* ============================================================ RESPONSIVE ============================================================ */ @media (max-width:1320px){ /* e-avīzes uzraksts divās rindās ZEM vāka, līdzināts pa labi — blakus izkārtojumam te vairs nepietiek vietas (platā devīzes rinda zem logo atstāj sānu kolonnām par maz), un vāks tiktu norauts aiz labās malas */ .mh-issue{flex-direction:column;align-items:flex-end;gap:.6rem} .mh-issue img{order:-1} } @media (max-width:1240px) and (min-width:951px){ /* vidējos platumos KREISĀS lietas kārtojas divās rindās (1.: datums + laiks, 2.: vārda dienas), lai labās puses saites paliek tajā pašā joslā pa labi, nevis pārlūst uz savu rindu */ .topbar-left{flex:0 1 330px} .topbar-left .tb-sep{display:none} .tb-weather{order:2} .tb-names{order:3;flex-basis:100%} /* labā puse ciešāka, lai blakus divrindu kreisajai ietilpst arī ~960px */ .topbar-right{gap:.9rem} .tb-links{gap:.9rem} } @media (max-width:950px){ /* saites te vairs neietilpst (paliek atvilktnē, f — «Seko mums») — joslā paliek tikai datums/vārda dienas/laiks, un to visu centrējam */ .topbar-right{display:none} .topbar-in{justify-content:center} .topbar-left{justify-content:center;text-align:center} } @media (max-width:1240px){ .article-layout{grid-template-columns:56px minmax(0,1fr) 300px} } @media (max-width:1080px){ .nav-list,.nav-abone{display:none} /* izvēlnes ikona pa labi aiz pārslēgiem; mini logo planšetē/mobilajā nerāda (paliek bāzes display:none — galvenē tāpat ir lielais logo) */ .hamburger{display:flex;order:9} .mainnav-in{min-height:50px} } @media (max-width:1024px){ .article-layout{grid-template-columns:minmax(0,1fr)} .share-rail{display:none} .article-body{max-width:62rem} .margin-notes{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;border-top:3px solid var(--ink);padding-top:1.5rem} .mn-sticky{position:static} .footer-grid{grid-template-columns:1fr 1fr} } @media (max-width:980px){ .layout{grid-template-columns:minmax(0,1fr)} .side-col{flex-direction:row;flex-wrap:wrap;align-items:flex-start} .side-col>*{flex:1 1 320px} .side-sticky{position:static} .subs-in{grid-template-columns:1fr} .cta-band{grid-template-columns:1fr} .after-grid{grid-template-columns:1fr} } @media (max-width:900px){ /* galvenes joslu ar lielo logo nerāda vispār — logo pārceļas uz izvēlnes joslu pa kreisi (ikonas paliek pa labi) */ .masthead{display:none} .nav-mini-brand{display:block} /* mobilajā šis ir vienīgais logo lapā — tāpēc lielāks nekā planšetē */ .nav-mini-brand img{height:40px} .hero-grid{grid-template-columns:1fr;gap:1.4rem} .hero-text{grid-column:1;grid-row:2;padding-top:0} .hero-media{grid-column:1;grid-row:1;margin-top:0} .hero-title{font-size:clamp(2.2rem,8.5vw,3.4rem);max-width:none;margin-top:1rem} .hero-secondary{grid-template-columns:1fr;gap:1rem;margin-top:2.2rem} .cat-grid,.cat-block--flip .cat-grid{grid-template-columns:1fr} .cat-block--flip .cat-feature{order:1} .cat-block--flip .cat-list{order:2} .op-grid{grid-template-columns:1fr} .media-grid{grid-template-columns:1fr 1fr} .partner-grid{grid-template-columns:1fr 1fr} .gal-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:150px} .subs-ways{grid-template-columns:1fr} } @media (max-width:700px){ .feature-media img{max-height:60vh} .pq-right{float:none;width:100%;margin:2.2em 0} } @media (max-width:640px){ .media-grid{grid-template-columns:1fr} .cf-grid{grid-template-columns:1fr} .ev{grid-template-columns:auto 1fr} .ev-tag{display:none} .margin-notes{grid-template-columns:1fr} .subs-eavize{flex-direction:column;align-items:flex-start} /* datums, vārda dienas un laika ziņas mobilajā kārtojas divās rindās — neko neslēpjam; atdalītāji paliek tikai starp vienas rindas kaimiņiem */ .tb-sep{display:none} .footer-grid{grid-template-columns:1fr} .font-tools{margin-left:0;border-left:none;padding-left:0} .gal-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:130px} .partner-grid{grid-template-columns:1fr} } @media (max-width:420px){ /* .brand-logo šeit nav vajadzīgs — masthead zem 900px vispār netiek rādīts */ .nav-mini-brand img{height:36px} .btn{padding:.8em 1.1em} } /* reduced motion */ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none !important;transition:none !important} html{scroll-behavior:auto} } /* ============================================================ BANERU SPRAUGU VIENOTĀ SISTĒMA (pilna platuma sloti) Josla (.adband) PATI dod vienādu spraugu virs un zem banera; balto kaimiņu atkāpes tieši pie joslas nullējas. Krāsainie bloki (.footer, .subs-band) atkāpi patur — to fona mala pati veido simetriju. Ja baneri izņem (izdzēš visu
), noteikumi vairs neķeras un kaimiņu atkāpes atgriežas pašas — sprauga nesadubultojas un nesaplūst. Tas pats princips kā Vaduguns .vu-adband--wide sistēmai. ============================================================ */ :root{--adgap:clamp(1.3rem,2.5vw,1.9rem)} .adband{padding-block:var(--adgap)} .adband>.ad{margin-block:0} .adband+*:not(.footer):not(.subs-band):not(.eu-band){margin-top:0;padding-top:0} *:has(+ .adband):not(.footer):not(.subs-band){margin-bottom:0;padding-bottom:0} /* pirms banera esošā bloka DZIĻĀKĀ pēdējā sekcija arī bez apakšatkāpes (izņemot blokus ar savu fonu — tiem iekšējā atkāpe ir dizaina elpa) */ :has(+ .adband)>:last-child:not([class*="cta-card"]):not([class*="-band"]):not(.footer){margin-bottom:0;padding-bottom:0} /* hero pārklāšanās dizaina iekšējās nobīdes: kad virs tā ir banera josla, tās samazinās līdz savstarpējai pakāpei (citādi sprauga zem banera dubultojas); bez banera atgriežas pilnās (nav .adband — noteikums neķeras) */ .adband+.hero .hero-text{padding-top:0} .adband+.hero .hero-media{margin-top:.6rem} /* satura vidū esošie baneri — tas pats spraugas solis */ .ad-inflow{margin-block:var(--adgap)} /* ============================================================ ES PROJEKTA ATBALSTA JOSLA (starp apakšējo baneri un kājeni) ============================================================ */ .eu-band{background:var(--paper-2);border-top:1px solid var(--line);padding-block:clamp(1.6rem,3vw,2.4rem)} .eu-band .kicker-sm{margin-bottom:1.1rem} .eu-band-in{display:flex;align-items:center;gap:clamp(1.2rem,3vw,2.2rem);flex-wrap:wrap} .eu-band-logo{ flex:0 0 auto;width:clamp(190px,20vw,250px);min-height:96px; background:#fff url(eu-support-logos.png) no-repeat 50%; background-size:contain;background-origin:content-box; padding:.6rem 1rem;border:1px solid var(--line); } .eu-band-text{flex:1 1 300px;font:600 .8rem/1.75 var(--sans);color:var(--ink-60);margin:0} /* ============================================================ DEMOCRACY POLL — «Nedēļas jautājums» koncepta izskatā (spraudņa noklusētais CSS netiek ielādēts; šis ir pilnais stils) ============================================================ */ .democracy{position:relative} .democracy .dem-poll-title{display:block;font-family:var(--serif-d);font-weight:700;font-size:1.3rem;line-height:1.25;margin:0 0 1rem} .democracy ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem} .democracy li{list-style:none;margin:0;padding:0} .democracy .dem__radio_label{display:flex;gap:.65rem;align-items:flex-start;font-size:.88rem;line-height:1.45;cursor:pointer;transition:color .2s} .democracy .dem__radio_label:hover{color:var(--brick)} .democracy .dem__radio,.democracy input[type=radio],.democracy input[type=checkbox]{accent-color:var(--brick);margin-top:.2em;flex:none} /* Balsot — kā .btn-brick; NB: Democracy pogas ir GAN input.dem-button (balsošanas ekrānā), GAN button.dem-button.dem-vote-link (rezultātu ekrāna atpakaļpoga); spraudņa CSS nāk inline aiz mūsējā, tāpēc !important (kā Vadugunī) */ .democracy input.dem-button,.democracy button.dem-button,.democracy .dem-button{ display:inline-flex;align-items:center;justify-content:center;margin-top:1rem; font:800 .72rem/1 var(--sans)!important;text-transform:uppercase;letter-spacing:.12em; padding:.85em 1.5em!important;border:0!important;border-radius:0!important;cursor:pointer; background:var(--brick)!important;color:var(--paper)!important;box-shadow:none!important; transition:background .2s; } .democracy input.dem-button:hover,.democracy button.dem-button:hover,.democracy .dem-button:hover{background:var(--brick-dark)!important;color:var(--paper)!important} .democracy .dem-button::before,.democracy .dem-vote-link::before,.democracy .dem-button::after{content:none!important} .democracy .dem-link,.democracy .dem-results-link,.democracy .dem-vote-link,.democracy .dem-revote-link,.democracy a[data-dem-act]{ font:700 .76rem/1.6 var(--sans);color:var(--ink-60);cursor:pointer;text-decoration:none;transition:color .2s; } .democracy .dem-link:hover,.democracy a[data-dem-act]:hover{color:var(--brick)} /* Rezultāti */ .democracy ul.dem-answers{gap:.9rem} .democracy .dem-label{display:flex;align-items:baseline;gap:.4rem;font:700 .85rem/1.35 var(--sans);color:var(--ink);margin-bottom:.3rem} .democracy .dem-label-percent-txt{display:inline-block!important;flex:none;color:var(--brick);font-size:.78rem;font-variant-numeric:tabular-nums} .democracy .dem-label-percent-txt .votxt{color:var(--ink-40);font-weight:600} .democracy .dem-graph{position:relative;height:10px;background:var(--paper-2);border:1px solid var(--line);overflow:hidden} .democracy .dem-fill{height:100%;background:var(--brick);transition:width .5s var(--ease,ease)} .democracy .dem-percent-txt,.democracy .dem-votes-txt{display:none!important} .democracy li.dem-winner .dem-label{color:var(--brick-dark)} .democracy li.dem-winner .dem-fill{background:linear-gradient(90deg,var(--brick),var(--navy-deep))} .democracy .dem-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--line)} .democracy .dem-total-votes,.democracy .dem-poll-info{font:600 .76rem/1.5 var(--sans);color:var(--ink-40)} .democracy .dem-loader{display:none} .democracy .dem-notice{font:600 .8rem/1.5 var(--sans);color:var(--brick)} /* ============================================================ SWEETALERT — OVV zīmola noformējums (.ovv-swal) ============================================================ */ .swal2-popup.ovv-swal{font-family:var(--sans);padding:1.7rem 1.6rem 1.5rem;border-radius:4px;background:var(--paper)} .ovv-swal .swal2-title{font-family:var(--serif-d);color:var(--ink);font-size:1.35rem;font-weight:700} .ovv-swal .swal2-html-container{color:var(--ink-60);font-size:.92rem;line-height:1.55} .ovv-swal .swal2-actions{gap:.6rem;margin-top:1.3rem} .ovv-swal .swal2-confirm,.ovv-swal .swal2-cancel{ border-radius:2px;box-shadow:none!important;font-weight:800;font-size:.76rem; letter-spacing:.1em;text-transform:uppercase;padding:.8em 1.5em; } .ovv-swal .swal2-cancel{background:var(--paper-2)!important;color:var(--ink)!important} html[data-theme="dark"] .swal2-popup.ovv-swal{background:var(--paper-2)} /* ============================================================ SĀNJOSLAS PASĀKUMI + SLUDINĀJUMI (pārcelti no galvenās kolonnas) ============================================================ */ /* Galvene ar «Visi →» saiti — tāda pati kā side-kicker (viens pilns apakšborts) */ .side-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;border-bottom:2px solid var(--ink);padding-bottom:.75rem;margin-bottom:1.1rem} .side-head .side-kicker{margin:0;padding:0;border:0} .side-more{flex:none;font:800 .64rem/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--brick)} .side-more:hover{color:var(--brick-dark)} /* pasākumi */ .side-events{display:flex;flex-direction:column} .side-events li{display:flex;gap:.8rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--line)} .side-events li:last-child{border-bottom:0;padding-bottom:0} .side-events .ev-date{flex:none;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--navy);color:#fff} .side-events .ev-date strong{font-size:1.15rem} .side-events .ev-date em{font-size:.5rem;margin-top:.1rem} .side-events h4{font-family:var(--serif-d);font-weight:700;font-size:1rem;line-height:1.25} .side-events .meta{margin-top:.2rem} /* sludinājumi */ .side-cf{display:flex;flex-direction:column;margin-bottom:1.1rem} .side-cf li{padding:.7rem 0;border-bottom:1px solid var(--line)} .side-cf li:first-child{padding-top:0} .side-cf li:last-child{border-bottom:0;padding-bottom:0} .side-cf .cf-cat{font:800 .64rem/1 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--brick);margin-bottom:.35rem} .side-cf li>p:last-child{font-size:.85rem;line-height:1.45;color:var(--ink-60)} .side-cf-btn{width:100%;justify-content:center} /* ============================================================ E-AVĪZES LIETOTŅU SAITES (subs-band) ============================================================ */ .app-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem} .app-badge{display:inline-flex;align-items:center;gap:.5em;padding:.55em .95em;border:1.5px solid rgba(255,255,255,.5);color:#fff;font:800 .68rem/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;transition:background .2s,border-color .2s} .app-badge:hover{background:rgba(255,255,255,.14);border-color:#fff} .app-badge svg{flex:none} /* Viena CTA kartīte — pilnā konteinera platumā, horizontāla ar ikonu */ .cta-band--single{grid-template-columns:1fr} .cta-band--single .cta-card{ display:grid;grid-template-columns:auto 1fr auto;align-items:center; gap:clamp(1.3rem,3vw,2.6rem); border:1px solid var(--line);border-left:5px solid var(--brick); padding:clamp(1.5rem,3vw,2rem) clamp(1.6rem,3.5vw,2.8rem); } .cta-icon{flex:none;width:60px;height:60px;border-radius:50%;background:var(--brick);color:#fff;display:grid;place-items:center} .cta-icon svg{width:27px;height:27px} .cta-band--single .cta-body .cta-kicker{margin-bottom:.45rem} .cta-band--single .cta-body h3{margin-bottom:.35rem} .cta-band--single .cta-body p{margin:0;max-width:60ch} .cta-btn{white-space:nowrap} @media (max-width:640px){ .cta-band--single .cta-card{grid-template-columns:auto 1fr;row-gap:1.1rem} .cta-band--single .cta-btn{grid-column:1/-1;justify-content:center} } /* ============================================================ SATURA BANERA (.ad-inflow) VIENĀDĀS SPRAUGAS Baneris pats dod vienādu spraugu augšā/apakšā (margin-block=adgap); iepriekšējās sekcijas apakšatkāpi pie banera nullējam, lai augšā nav lielāka sprauga. Bez banera (elements izņemts) sekcijas atkāpe atgriežas → dabiska sprauga starp blokiem. ============================================================ */ .sec:has(+ .ad-inflow){margin-bottom:0} /* ============================================================ APTAUJA — kompaktāka + lielākas atbildes ============================================================ */ .democracy .dem__radio_label{font-size:1rem;gap:.7rem;line-height:1.4} .democracy .dem__radio{width:19px;height:19px} .democracy ul{gap:.85rem} .democracy .dem-vote{margin-bottom:0 !important} .democracy .dem-bottom{margin-top:1rem !important;margin-bottom:0 !important;padding-top:.9rem} .democracy .dem-vote-button .dem-button{margin-top:0} .side-box.poll{padding-bottom:1.1rem} /* Aptaujas rezultātu apakša: datums nost, «Kopā balsis» izcelts ar ikonu */ .democracy .dem-date{display:none} .democracy .dem-poll-info{margin:0} .democracy .dem-total-votes{display:inline-flex;align-items:center;gap:.5rem;font:800 .85rem/1 var(--sans);color:var(--brick);letter-spacing:.01em} .democracy .dem-total-votes::before{content:"";flex:none;width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334d8b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") center/contain no-repeat} /* Sānjoslas reklāmas slīd līdzi ritināšanai (sticky) — kolonnas izkārtojumā */ .side-sticky{top:72px} /* ============================================================ KONTAKTU LAPA (contact.html) ============================================================ */ .ct-head{padding-top:clamp(.6rem,2vw,1.6rem)} .ct-title{font-family:var(--serif-d);font-weight:700;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.1;letter-spacing:-.01em;margin-top:1.1rem} .ct-stand{font-family:var(--serif-t);font-style:italic;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.55;color:var(--ink-60);max-width:40rem;margin-top:1.2rem} /* saziņas kartes */ .ct-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,2.5vw,2rem);margin-top:clamp(1.8rem,3.5vw,2.8rem)} .ct-card{position:relative;border:1px solid var(--line);border-top:3px solid var(--brick);background:var(--paper-3);padding:clamp(1.5rem,2.8vw,2.3rem)} .ct-ic{position:absolute;top:clamp(1.5rem,2.8vw,2.3rem);right:clamp(1.5rem,2.8vw,2.3rem);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff} .ct-card .kicker-sm{margin-bottom:1.1rem;max-width:calc(100% - 60px)} .ct-phone{font-family:var(--serif-d);font-weight:700;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.1;letter-spacing:.01em} .ct-phone a{transition:color .2s} .ct-phone a:hover{color:var(--brick)} .ct-mail{margin-top:.55rem;font:600 .98rem/1.5 var(--sans)} .ct-mail a{color:var(--brick);border-bottom:1px solid var(--brick);transition:opacity .2s} .ct-mail a:hover{opacity:.75} .ct-note{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line);font-family:var(--serif-t);font-style:italic;font-size:.92rem;color:var(--ink-60)} /* adrese + karte */ .ct-loc{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1.6rem,3.5vw,3.2rem);align-items:stretch;margin-top:clamp(2.2rem,4.5vw,3.6rem)} .ct-loc-info{display:flex;flex-direction:column} .ct-addr{font-family:var(--serif-d);font-weight:700;font-style:normal;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.4;margin-top:1.2rem;max-width:24ch} .ct-req{margin-top:auto;padding-top:1.4rem;border-top:1px solid var(--line)} .ct-req dl{display:grid;gap:.8rem;margin-top:1.1rem} .ct-req dl div{display:grid;grid-template-columns:minmax(10rem,12rem) 1fr;gap:1rem;align-items:baseline} .ct-req dt{font:700 .7rem/1.7 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-40)} .ct-req dd{font:600 .93rem/1.6 var(--sans)} .ct-map{display:flex;flex-direction:column} .ct-map-frame{position:relative;display:block;flex:1;min-height:400px;border:1px solid var(--line);overflow:hidden;background:var(--paper-2)} /* 3×2 flīžu mozaīka aizpilda rāmi; proporcija 3/2 tiek nogriezta pēc vajadzības */ .ct-map-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)} .ct-map-tiles img{width:100%;height:100%;object-fit:cover;display:block} /* adatas smaile norāda uz precīzo vietu (46.85% / 62.98% no mozaīkas) */ .ct-map-pin{position:absolute;left:46.85%;top:62.98%;transform:translate(-50%,-100%);filter:drop-shadow(0 4px 6px rgba(22,24,29,.35))} .ct-map-open{ position:absolute;right:.9rem;bottom:.9rem;padding:.55em .9em; background:var(--paper);border:1px solid var(--line);color:var(--ink); font:800 .68rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em; transition:background .2s,color .2s,border-color .2s; } .ct-map-frame:hover .ct-map-open{background:var(--brick);border-color:var(--brick);color:#fff} .ct-map .hero-rail{flex:none} .ct-map .hero-rail a{border-bottom:1px solid var(--line-ink)} /* komanda */ .ct-team{margin-top:clamp(2.6rem,5vw,4.2rem);margin-bottom:clamp(2.6rem,5vw,4.2rem)} .ct-roles{border:1px solid var(--line);background:var(--paper-3)} .ct-role{display:grid;grid-template-columns:clamp(11rem,18vw,15rem) 1fr;gap:.6rem 1.2rem;align-items:center;padding:1.15rem clamp(1.2rem,2.4vw,1.8rem);border-top:1px solid var(--line)} .ct-role:first-child{border-top:0} .ct-role-name{font:800 .7rem/1.5 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--brick)} .ct-people{display:flex;flex-wrap:wrap;gap:.7rem 1.6rem} .ct-person{display:inline-flex;align-items:center;gap:.6rem;font:600 .95rem/1.3 var(--sans)} /* tumšajā režīmā karti mazliet pieklusinām kā fotogrāfijas */ html[data-theme="dark"] .ct-map-tiles{filter:brightness(.72) contrast(1.08) saturate(.75)} @media (max-width:900px){ .ct-cards{grid-template-columns:1fr} .ct-loc{grid-template-columns:1fr} .ct-map-frame{min-height:300px} .ct-role{grid-template-columns:1fr} .ct-req dl div{grid-template-columns:1fr;gap:.15rem} } /* ============================================================ PAR MUMS LAPA (about.html) ============================================================ */ /* misija pa kreisi, jaunākā numura vāks pa labi — aizpilda kolonnu līdz malai */ .ab-lead{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(2rem,4.5vw,4rem);align-items:center;margin-top:clamp(1.6rem,3vw,2.6rem)} /* misijas teksts kā ievadraksts — liels serifs ar iniciāli */ .ab-mission-text{ font-family:var(--serif-t);font-size:clamp(1.12rem,1.8vw,1.4rem);line-height:1.75; color:var(--ink); } .ab-cover{text-align:center} .ab-cover-frame{display:inline-block;margin-top:.4rem;transform:rotate(2deg);transition:transform .3s var(--ease,ease)} .ab-cover-frame:hover{transform:rotate(0deg)} .ab-cover-img{width:min(100%,260px);height:auto;display:block;border:1px solid var(--line);box-shadow:var(--sh-soft)} .ab-cover-link{ display:inline-flex;align-items:center;gap:.5em;margin-top:1.1rem; font:800 .78rem/1 var(--sans);text-transform:uppercase;letter-spacing:.14em; border-bottom:2.5px solid var(--brick);padding-bottom:.4em;transition:color .2s; } .ab-cover-link:hover{color:var(--brick)} .ab-mission-text::first-letter{ font-family:var(--serif-d);font-weight:700;font-size:3.2em;line-height:.8; float:left;padding:.08em .12em 0 0;color:var(--brick); } .ab-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2rem);margin-top:clamp(2.2rem,4.5vw,3.4rem)} .ab-fact{background:var(--paper-3);border:1px solid var(--line);border-top:3px solid var(--brick);padding:clamp(1.3rem,2.4vw,1.9rem)} .ab-fact-n{font-family:var(--serif-d);font-weight:700;font-size:clamp(2.4rem,4.4vw,3.6rem);line-height:1;color:var(--navy)} .ab-fact-t{margin-top:.6rem;font:600 .88rem/1.5 var(--sans);color:var(--ink-60)} .ab-motto{margin-top:clamp(2.4rem,4.8vw,3.8rem)} .ab-topics{margin-top:clamp(.5rem,1vw,1rem)} .ab-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.2rem,2.5vw,2rem)} .ab-topic{border:1px solid var(--line);background:var(--paper-3);padding:clamp(1.3rem,2.4vw,1.9rem)} .ab-topic h3{font-family:var(--serif-d);font-weight:700;font-size:1.25rem;margin-bottom:.6rem} .ab-topic p{font:400 .93rem/1.65 var(--sans);color:var(--ink-60)} .ab-next{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,2.5vw,2rem);margin:clamp(2.4rem,4.8vw,3.8rem) auto} .ab-next-card{ display:flex;align-items:center;justify-content:space-between;gap:1rem; border:1px solid var(--line);border-left:3px solid var(--brick);background:var(--paper-3); padding:1.2rem clamp(1.2rem,2.4vw,1.8rem);transition:background .2s,color .2s; } .ab-next-t b{display:block;font-family:var(--serif-d);font-weight:700;font-size:1.15rem} .ab-next-t span{display:block;margin-top:.25rem;font:600 .82rem/1.4 var(--sans);color:var(--ink-60)} .ab-next-card .vdr-go{flex:none;color:var(--brick);transition:transform .2s} .ab-next-card:hover{background:var(--navy);border-color:var(--navy)} .ab-next-card:hover .ab-next-t b,.ab-next-card:hover .ab-next-t span{color:#fff} .ab-next-card:hover .vdr-go{color:#fff;transform:translateX(4px)} @media (max-width:900px){ .ab-lead{grid-template-columns:1fr;gap:1.8rem} .ab-cover-img{width:min(100%,210px)} .ab-facts{grid-template-columns:1fr} .ab-topic-grid{grid-template-columns:1fr} .ab-next{grid-template-columns:1fr} } /* kājenes logo ir saite uz sākumlapu — viegla atbilde uz hover */ .f-brand a{display:inline-block;transition:opacity .2s} .f-brand a:hover{opacity:.8} /* ============================================================ ZIŅO REDAKCIJAI (report.html) ============================================================ */ .rp-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(1.8rem,4vw,3.6rem);align-items:start;margin-top:clamp(1.8rem,3.5vw,2.8rem);margin-bottom:clamp(2.6rem,5vw,4.2rem)} .rp-form{border:1px solid var(--line);border-top:3px solid var(--brick);background:var(--paper-3);padding:clamp(1.5rem,3vw,2.4rem)} .rp-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0} .rp-row--2{display:grid;grid-template-columns:1fr 1fr;gap:1rem} .rp-field{display:block;margin-bottom:1.1rem} .rp-label{display:block;font:800 .7rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-60);margin-bottom:.45rem} .rp-field input[type=text],.rp-field input[type=email],.rp-field input[type=tel],.rp-field textarea{ width:100%;padding:.75em .9em;border:1px solid var(--line-ink);background:var(--paper); color:var(--ink);font:600 .95rem/1.5 var(--sans);transition:border-color .2s,box-shadow .2s; } .rp-field textarea{resize:vertical;min-height:9.5rem} .rp-field input:focus,.rp-field textarea:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(51,77,139,.15)} /* kļūdainie lauki (JS pārbaude latviski, bez pārlūka angliskajiem burbuļiem) */ .rp-field .is-invalid{border-color:#b3261e;box-shadow:0 0 0 3px rgba(179,38,30,.12)} .rp-upload{ border:2px dashed var(--line-ink);background:var(--paper);padding:1.4rem 1rem; text-align:center;color:var(--ink-60);cursor:pointer;transition:border-color .2s,background .2s; } .rp-upload p{margin:.35rem 0 0;font:600 .9rem/1.4 var(--sans)} .rp-upload b{color:var(--brick)} .rp-upload-hint{font-size:.76rem;color:var(--ink-40)} .rp-upload.is-drag{border-color:var(--brick);background:rgba(51,77,139,.05)} .rp-files{display:grid;gap:.5rem;margin-top:.7rem} .upfile{display:flex;align-items:center;gap:.7rem;border:1px solid var(--line);background:var(--paper);padding:.5rem .6rem} .upfile img{width:44px;height:44px;object-fit:cover;flex:none} .upfile__ic{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--paper-2);color:var(--ink-60);flex:none} .upfile__t{flex:1;min-width:0;font:600 .84rem/1.35 var(--sans)} .upfile__t b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .upfile__t small{color:var(--ink-40)} .upfile__x{flex:none;width:30px;height:30px;border:1px solid var(--line);background:none;color:var(--ink-60);font-size:1.1rem;line-height:1;cursor:pointer;transition:background .2s,color .2s} .upfile__x:hover{background:#b3261e;border-color:#b3261e;color:#fff} .rp-agree{display:flex;gap:.65rem;align-items:flex-start;margin:1.2rem 0 1.4rem;font:600 .86rem/1.55 var(--sans);color:var(--ink-60);cursor:pointer} .rp-agree input{margin-top:.25em;width:1.05rem;height:1.05rem;accent-color:var(--brick);flex:none} .rp-agree a{color:var(--brick);border-bottom:1px solid var(--brick)} .rp-submit{font-size:.9rem;padding:.95em 2.2em} .rp-submit[disabled]{opacity:.6;cursor:wait} .rp-msg{margin-bottom:1.1rem;padding:.85em 1em;font:600 .9rem/1.5 var(--sans);border-left:3px solid} .rp-msg--ok{background:#eef6ef;border-color:#2e7d32;color:#1b5e20} .rp-msg--err{background:#fdecea;border-color:#b3261e;color:#8c1d18} html[data-theme="dark"] .rp-msg--ok{background:#1b2a1d;color:#a5d6a7} html[data-theme="dark"] .rp-msg--err{background:#2c1a18;color:#f2b8b5} .rp-side{display:grid;gap:1.2rem;position:sticky;top:72px} .rp-side-box{border:1px solid var(--line);border-left:3px solid var(--brick);background:var(--paper-3);padding:1.3rem 1.4rem} .rp-side-box--soft{border-left-color:var(--line)} .rp-side-phone{font-family:var(--serif-d);font-weight:700;font-size:1.9rem;line-height:1.15} .rp-side-phone a:hover{color:var(--brick)} .rp-side-mail{margin-top:.35rem;font:600 .92rem/1.5 var(--sans)} .rp-side-mail a{color:var(--brick);border-bottom:1px solid var(--brick)} .rp-side-note{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--line);font:400 .86rem/1.6 var(--sans);color:var(--ink-60)} .rp-side-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem} .rp-side-list li{position:relative;padding-left:1.1rem;font:600 .87rem/1.5 var(--sans);color:var(--ink-60)} .rp-side-list li::before{content:"\203A";position:absolute;left:0;top:0;font-weight:800;color:var(--brick)} @media (max-width:900px){ .rp-layout{grid-template-columns:1fr} .rp-row--2{grid-template-columns:1fr} /* vienā kolonnā lipīgums nav vajadzīgs — kastes ritinās dabiski */ .rp-side{position:static} } /* Formu paziņojumu logi (ovvAlert): ikonas portāla krāsās, ne noklusētajās. Ikonas IZMĒRU nemainām — ķeksīša līnijām (.swal2-success-line-*) ir fiksētas pikseļu pozīcijas, kas rēķinātas noklusētajam 5em aplim; sašaurinot apli, līnijas paliek vecajā vietā un ķeksis izskatās salauzts. Ja tomēr vajag mazāku, jāmēro viss ar transform:scale(), ne width/height. */ .ovv-swal .swal2-icon{margin:.6em auto 1.1em} .ovv-swal .swal2-icon.swal2-success{border-color:var(--navy);color:var(--navy)} .ovv-swal .swal2-icon.swal2-success [class^='swal2-success-line']{background-color:var(--navy)} .ovv-swal .swal2-icon.swal2-success .swal2-success-ring{border-color:rgba(51,77,139,.28)} .ovv-swal .swal2-icon.swal2-error{border-color:#b3261e;color:#b3261e} .ovv-swal .swal2-icon.swal2-error [class^='swal2-x-mark-line']{background-color:#b3261e} .ovv-swal .swal2-html-container{margin-top:.4em} html[data-theme="dark"] .ovv-swal .swal2-title{color:var(--ink)} /* ============================================================ JURIDISKĀS LAPAS (legal.html) ============================================================ */ .lg-layout{display:grid;grid-template-columns:250px 1fr;gap:clamp(2rem,4.5vw,4rem);align-items:start;margin-top:clamp(1.6rem,3vw,2.4rem)} /* rādītājs slīd līdzi, kamēr lasa garu dokumentu */ .lg-toc{position:sticky;top:72px} .lg-toc ol{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.1rem;counter-reset:lgtoc} .lg-toc li{counter-increment:lgtoc} .lg-toc a{ display:grid;grid-template-columns:1.9rem 1fr;gap:.3rem;align-items:baseline; padding:.5rem 0;border-top:1px solid var(--line); font:600 .84rem/1.45 var(--sans);color:var(--ink-60);transition:color .2s; } .lg-toc li:last-child a{border-bottom:1px solid var(--line)} .lg-toc li a::before{content:counter(lgtoc,decimal-leading-zero);font:800 .72rem/1.6 var(--sans);color:var(--ink-40);letter-spacing:.05em} /* «← Visi paziņojumi» nav rādītāja punkts — tam numura nav */ .lg-toc-empty a::before{content:none} .lg-toc a:hover{color:var(--brick)} .lg-toc a:hover::before{color:var(--brick)} .lg-toc-empty{margin-top:.8rem;font:600 .85rem/1.5 var(--sans);color:var(--ink-40)} .lg-body{max-width:46rem;font-size:16.5px;line-height:1.75;color:var(--ink)} .lg-body > h2{ font-family:var(--serif-d);font-weight:700;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.3; margin:2.4rem 0 .8rem;padding-top:1.4rem;border-top:2px solid var(--brick); scroll-margin-top:88px; } .lg-body > h2:first-child{margin-top:0;padding-top:0;border-top:0} .lg-body h3{font-family:var(--serif-d);font-weight:700;font-size:1.12rem;margin:1.6rem 0 .5rem} .lg-body p{margin:0 0 1rem} .lg-body ul,.lg-body ol{margin:0 0 1.1rem;padding-left:1.3rem} .lg-body li{margin-bottom:.4rem} .lg-body a{color:var(--brick);border-bottom:1px solid var(--brick)} .lg-body strong{font-weight:700} .lg-body-empty{padding:1.4rem;border:1px dashed var(--line-ink);color:var(--ink-60);font-style:italic} /* politiskās reklāmas paziņojumi — izvēršami bloki */ .pr-item{border:1px solid var(--line);border-top:3px solid var(--line-ink);background:var(--paper-3);margin-bottom:.9rem} .pr-item>summary{ cursor:pointer;list-style:none;padding:.95rem 1.15rem; font-family:var(--serif-d);font-weight:700;font-size:1.04rem; display:flex;justify-content:space-between;gap:1rem;align-items:baseline; } .pr-item>summary::-webkit-details-marker{display:none} .pr-item>summary:hover{color:var(--brick)} .pr-item[open]>summary{border-bottom:1px solid var(--line)} .pr-sum-date{font-family:var(--sans);font-weight:600;font-size:.78rem;color:var(--ink-60);white-space:nowrap} .pr-item>:not(summary){padding-left:1.15rem;padding-right:1.15rem} .pr-item>:last-child{padding-bottom:1.1rem} .pr-date{margin:.9rem 0 .2rem;font-family:var(--sans);font-size:.8rem;color:var(--ink-60)} .pr-file{margin:.8rem 0} .pr-permalink{margin:.9rem 0 0;font-size:.86rem} /* citi dokumenti */ .lg-other{margin-top:clamp(2.6rem,5vw,4rem);margin-bottom:clamp(2.6rem,5vw,4.2rem)} .lg-other-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem} .lg-other-card{ display:block;border:1px solid var(--line);border-top:3px solid var(--line-ink); background:var(--paper-3);padding:1.1rem 1.2rem; font-family:var(--serif-d);font-weight:700;font-size:1.02rem;line-height:1.35; transition:border-color .2s,color .2s; } .lg-other-card:hover{border-top-color:var(--brick);color:var(--brick)} /* kartīte ar apzīmējumu virs vērtības (reklāmas lapā: zvani / raksti / atnāc) */ .lg-other-card .kicker-sm{display:block;margin-bottom:.35rem;color:var(--ink-60)} .lg-other-card b{display:block;font-weight:700} .lg-other-card--plain{cursor:default} .lg-other-card--plain:hover{border-top-color:var(--line-ink);color:inherit} /* tabulas lapas saturā (cenrādis) */ .lg-body table{width:100%;border-collapse:collapse;margin:1.1rem 0 1.4rem;font-size:.98rem} .lg-body thead th{ text-align:left;padding:.62rem .8rem;background:var(--paper-3); border-bottom:2px solid var(--line-ink);font-family:var(--sans); font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-70); } .lg-body tbody td{padding:.62rem .8rem;border-bottom:1px solid var(--line)} .lg-body tbody tr:nth-child(even){background:var(--paper-2)} .lg-body th+th,.lg-body td+td{text-align:right;white-space:nowrap} @media (max-width:1080px){ .lg-other-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:900px){ .lg-layout{grid-template-columns:1fr} .lg-toc{position:static;border:1px solid var(--line);background:var(--paper-3);padding:1.1rem 1.2rem} .lg-toc ol{gap:0} .lg-body{max-width:none} } /* ============================================================ KATEGORIJU / BIRKU ARHĪVS (archive.html) ============================================================ */ .ar-head{padding-top:clamp(.4rem,1.4vw,1rem)} .ar-title{font-family:var(--serif-d);font-weight:700;font-size:clamp(2.4rem,4.6vw,3.9rem);line-height:1.1;letter-spacing:-.01em;margin-top:.9rem} .ar-count{margin-top:.7rem;font:800 .74rem/1 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-40)} .ar-desc{margin-top:1.1rem;max-width:44rem;font-family:var(--serif-t);font-style:italic;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.6;color:var(--ink-60)} .ar-layout{display:grid;grid-template-columns:1fr 300px;gap:clamp(1.8rem,4vw,3.4rem);align-items:start;margin-top:clamp(1.6rem,3vw,2.4rem);margin-bottom:clamp(2.6rem,5vw,4.2rem)} /* pirmais raksts — plats, ar lielu attēlu */ .ar-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(1.2rem,2.6vw,2.2rem);align-items:center;padding-bottom:clamp(1.6rem,3vw,2.4rem);border-bottom:2px solid var(--brick);margin-bottom:clamp(1.6rem,3vw,2.4rem)} .ar-lead figure{overflow:hidden} .ar-lead img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;transition:opacity .2s} .ar-lead a:hover img{opacity:.92} .ar-lead h2{font-family:var(--serif-d);font-weight:700;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.25;margin:.6rem 0 .7rem} .ar-lead h2 a{transition:color .2s} .ar-lead h2 a:hover,.ar-item h3 a:hover{color:var(--brick)} .ar-lead .ar-excerpt{font-family:var(--serif-t);font-style:italic;font-size:1.02rem;line-height:1.6;color:var(--ink-60)} /* pārējie — trīs kolonnās */ .ar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.3rem,2.6vw,2.2rem)} .ar-item{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:1.1rem} .ar-item figure{overflow:hidden;margin-bottom:.85rem} .ar-item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:opacity .2s} .ar-item a:hover img{opacity:.92} .ar-item h3{font-family:var(--serif-d);font-weight:700;font-size:1.12rem;line-height:1.32} .ar-cat{font:800 .66rem/1 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:var(--brick);margin-bottom:.5rem} .ar-meta{margin-top:auto;padding-top:.7rem;font:600 .78rem/1.4 var(--sans);color:var(--ink-40)} .ar-thumb--empty{background:repeating-linear-gradient(-45deg,var(--paper-2) 0 7px,var(--paper-3) 7px 14px);aspect-ratio:4/3} /* lapošana */ .ar-pager{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap;margin-top:clamp(2rem,4vw,3rem);padding-top:clamp(1.4rem,3vw,2rem);border-top:1px solid var(--line)} .ar-pager a,.ar-pager span{ min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 .7em; border:1px solid var(--line-ink);font:800 .82rem/1 var(--sans);color:var(--ink);transition:background .2s,border-color .2s,color .2s; } .ar-pager a:hover{background:var(--brick);border-color:var(--brick);color:#fff} .ar-pager .ar-pager-cur{background:var(--navy);border-color:var(--navy);color:#fff} .ar-pager .ar-pager-dots{border:0;min-width:auto;color:var(--ink-40)} /* sānjosla — tie paši bloki, kas sākumlapā (side-box + reklāma) */ .ar-side{display:grid;gap:clamp(1.4rem,2.6vw,2rem);position:sticky;top:72px} .ar-empty{padding:clamp(1.8rem,3.4vw,2.8rem);border:1px dashed var(--line-ink);text-align:center;color:var(--ink-60);font-family:var(--serif-t);font-style:italic;font-size:1.08rem;line-height:1.7} .ar-empty strong{font-style:normal;font-weight:700;color:var(--ink)} @media (max-width:1080px){ .ar-layout{grid-template-columns:1fr} .ar-side{position:static;grid-template-columns:1fr 1fr;align-items:start} } @media (max-width:900px){ .ar-lead{grid-template-columns:1fr} .ar-grid{grid-template-columns:repeat(2,1fr)} .ar-side{grid-template-columns:1fr} } @media (max-width:560px){ .ar-grid{grid-template-columns:1fr} } /* ============================================================ ATVĒRTAIS RAKSTS — saturs no WordPress redaktora ============================================================ */ /* Gutenberg bloki raksta tekstā (koncepta demonstrācijā to nebija) */ .article-body figure{margin:1.8rem 0} .article-body figure img,.article-body img{width:100%;height:auto;display:block} .article-body figcaption{margin-top:.6rem;font:600 .78rem/1.5 var(--sans);color:var(--ink-40)} .article-body .wp-block-image.alignleft,.article-body .wp-block-image.alignright{max-width:min(46%,320px)} .article-body .wp-block-image.alignleft{float:left;margin:.4rem 1.6rem 1.2rem 0} .article-body .wp-block-image.alignright{float:right;margin:.4rem 0 1.2rem 1.6rem} .article-body .wp-block-image.aligncenter{text-align:center} .article-body blockquote{margin:1.8rem 0;padding-left:1.2rem;border-left:3px solid var(--brick);font-family:var(--serif-t);font-style:italic} .article-body ul,.article-body ol{margin:0 0 1.2rem;padding-left:1.4rem} .article-body li{margin-bottom:.45rem} .article-body a{color:var(--brick);border-bottom:1px solid var(--brick)} .article-body h2,.article-body h3{font-family:var(--serif-d);font-weight:700;line-height:1.3;margin:2rem 0 .7rem} .article-body h2{font-size:clamp(1.4rem,2.3vw,1.8rem)} .article-body h3{font-size:1.2rem} .article-body iframe,.article-body video{width:100%;aspect-ratio:16/9;height:auto;display:block;margin:1.8rem 0} /* komentāru forma: vārds + e-pasts blakus */ .cf-row--2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;max-width:none} .cf-row--2 input{width:100%} .comment--empty{color:var(--ink-60);font-family:var(--serif-t);font-style:italic} @media (max-width:600px){ .cf-row--2{grid-template-columns:1fr} .article-body .wp-block-image.alignleft,.article-body .wp-block-image.alignright{float:none;max-width:100%;margin:1.8rem 0} } /* Raksta tekstā saites ir zilas ar pasvītrojumu, BET pogas un birkas ne — citādi kategorijas poga bija navy teksts uz navy fona (neredzams). */ .article-body .tags-row a{color:inherit;border-bottom:0} .article-body .tags-row a.pill:hover{color:var(--paper)} /* Dalīšanās pogas ar ikonām, bez uzrakstiem */ .share-btn--ic{ width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center; border-radius:999px; } .share-btn--ic svg{display:block} .rail-btn svg{display:block} /* nokopētas saites apstiprinājums */ .copy-link.is-copied{background:var(--brick);border-color:var(--brick);color:#fff} /* ---- Raksta apakšas bloks: tie paši dati, kas sānjoslā, bet PLATAM skatam pārtaisīts par kartīšu rindu — sānjoslas šaurais saraksts, izstiepts pāri visai lapai, izskatījās pēc mobilā bloka. Cilnes noformētas kā sadaļas galvene ar pasvītrojumu, nevis pilnas platuma pogas. ---- */ .after-tabs{margin-bottom:clamp(2.6rem,5vw,4.2rem)} .after-tabs .side-box{border:0;background:none;padding:0} .after-tabs .tabs{ display:flex;gap:clamp(1.2rem,3vw,2.4rem);margin:0 0 clamp(1.4rem,2.6vw,2rem); border-bottom:2px solid var(--ink); } .after-tabs .tab{ flex:0 0 auto;background:none;color:var(--ink-40);padding:0 0 .8rem; font:800 .82rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase; border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s; } .after-tabs .tab:hover{color:var(--ink)} .after-tabs .tab.is-active{background:none;color:var(--ink);border-bottom-color:var(--brick)} /* kartīšu rinda */ .after-tabs .rank-list{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(1.1rem,2.2vw,1.8rem)} .after-tabs .rank-list li{display:block;padding:0;border:0} .after-tabs .rl-thumb{width:100%;height:auto;aspect-ratio:4/3;margin-bottom:.75rem;border:0} .after-tabs .rl-rank{ left:auto;right:0;bottom:auto;top:0;min-width:26px;height:26px; font-size:.82rem;background:var(--navy); } .after-tabs .rank-list li>div{padding-top:0} .after-tabs .rank-list a{font-family:var(--serif-d);font-weight:700;font-size:1rem;line-height:1.32} .after-tabs .rank-list .meta{margin-top:.4rem;font-size:.78rem} @media (max-width:1080px){ .after-tabs .rank-list{grid-template-columns:repeat(3,1fr)} .after-tabs .rank-list li:nth-child(n+4){display:none} } @media (max-width:620px){ .after-tabs .rank-list{grid-template-columns:repeat(2,1fr)} .after-tabs .rank-list li:nth-child(n+3){display:none} .after-tabs .tabs{gap:1.1rem} .after-tabs .tab{font-size:.72rem;letter-spacing:.1em} } /* ============================================================ ATTĒLA TUVINĀJUMS (lightbox) ============================================================ */ .feature-media img,.article-body img,.evs-media img,.evs-body img{cursor:zoom-in} .ovv-zoom{ /* virs visa pārējā: lipīgā navigācija ir 1100, meklēšanas logs 1200, ielādes josla 100000 — tuvinājumam jābūt pāri arī tiem */ position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center; padding:clamp(1rem,4vw,3rem);background:rgba(10,12,16,.92); opacity:0;transition:opacity .2s ease; } .ovv-zoom.is-open{opacity:1} .ovv-zoom-fig{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;gap:.9rem} .ovv-zoom-fig img{ max-width:100%;max-height:calc(100vh - 8rem);width:auto;height:auto; object-fit:contain;display:block;margin-inline:auto;cursor:zoom-out; } .ovv-zoom-fig figcaption{ text-align:center;color:rgba(255,255,255,.72); font:600 .84rem/1.5 var(--sans);max-width:52rem;margin-inline:auto; } .ovv-zoom-x{ position:absolute;top:clamp(.8rem,2vw,1.6rem);right:clamp(.8rem,2vw,1.6rem); width:46px;height:46px;display:flex;align-items:center;justify-content:center; background:none;border:1px solid rgba(255,255,255,.32);color:#fff;cursor:pointer; transition:background .2s,border-color .2s; } .ovv-zoom-x:hover{background:rgba(255,255,255,.14);border-color:#fff} /* ── reklāmas lapa (cenrādis) ───────────────────────────────────────────── */ .rk-head{margin-bottom:clamp(1.6rem,3vw,2.4rem)} .rk-stand{max-width:44em} .rk-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(1.4rem,3vw,2rem)} .rk-fact{border-top:3px solid var(--brick);background:var(--paper-3);padding:1rem 1.1rem} .rk-fact b{display:block;font-family:var(--serif-d);font-weight:700;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.1;color:var(--brick)} .rk-fact span{display:block;margin-top:.35rem;font:600 .84rem/1.45 var(--sans);color:var(--ink-60)} .rk-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(1.8rem,4vw,3.4rem);align-items:start;margin-bottom:clamp(2.6rem,5vw,4.2rem)} .rk-sec{margin-bottom:clamp(2rem,4vw,3rem)} .rk-sec:last-child{margin-bottom:0} .rk-h{font-family:var(--serif-d);font-weight:700;font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.2;margin-bottom:.7rem;padding-bottom:.55rem;border-bottom:2px solid var(--line-ink)} .rk-note{font:400 1rem/1.7 var(--sans);color:var(--ink-70);margin-bottom:1rem} .rk-example{margin-top:.9rem;font:400 .92rem/1.65 var(--sans);color:var(--ink-60);border-left:3px solid var(--line-ink);padding-left:.9rem} .rk-table{width:100%;border-collapse:collapse;font-size:.98rem} .rk-table thead th{ text-align:left;padding:.62rem .8rem;background:var(--paper-3);border-bottom:2px solid var(--brick); font-family:var(--sans);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-70); } .rk-table tbody td{padding:.66rem .8rem;border-bottom:1px solid var(--line)} .rk-table tbody tr:nth-child(even){background:var(--paper-2)} .rk-table th+th,.rk-table td+td{text-align:right;white-space:nowrap} .rk-table th:nth-child(3),.rk-table td:nth-child(3){text-align:left;white-space:normal} .rk-pairs{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 1.4rem;list-style:none;margin:0;padding:0} .rk-pairs li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line);font:600 .95rem/1.4 var(--sans)} .rk-pairs li span{color:var(--ink-60);font-weight:600} .rk-pairs li b{color:var(--ink);white-space:nowrap} .rk-pairs--disc li b{color:var(--brick)} .rk-steps{margin:0;padding-left:1.2rem;list-style:disc;font:400 1rem/1.7 var(--sans);color:var(--ink-70)} .rk-steps li::marker{color:var(--brick)} .rk-steps li{margin-bottom:.5rem} .rk-side{position:sticky;top:72px;display:grid;gap:1rem} .rk-card{display:block;border:1px solid var(--line);border-top:3px solid var(--brick);background:var(--paper-3);padding:1.2rem 1.3rem} .rk-card .kicker-sm{display:block;margin-bottom:.55rem} .rk-tel{display:block;font-family:var(--serif-d);font-weight:700;font-size:1.28rem;line-height:1.35;color:var(--brick)} .rk-mail{display:block;margin-top:.35rem;font:600 .95rem/1.5 var(--sans);color:var(--brick);word-break:break-all} .rk-addr{margin-top:.7rem;font:400 .9rem/1.6 var(--sans);color:var(--ink-60)} .rk-pub{margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--line);font:600 .84rem/1.6 var(--sans);color:var(--ink-40)} .rk-card--link b{display:block;font-family:var(--serif-d);font-weight:700;font-size:1.05rem;line-height:1.35} .rk-card--link span{display:block;margin-top:.35rem;font:400 .86rem/1.55 var(--sans);color:var(--ink-60)} .rk-card--link:hover{border-color:var(--brick)} @media (max-width:1080px){ .rk-layout{grid-template-columns:1fr} .rk-side{position:static;grid-template-columns:repeat(3,1fr)} } @media (max-width:820px){ .rk-facts{grid-template-columns:1fr} .rk-pairs{grid-template-columns:1fr} .rk-side{grid-template-columns:1fr} .rk-table{font-size:.9rem} } /* ── 404 ────────────────────────────────────────────────────────────────── */ .e404{max-width:720px;margin:clamp(2rem,5vw,4rem) auto clamp(2rem,4vw,3rem);text-align:center} .e404-num{ font-family:var(--serif-d);font-weight:700;line-height:.9; font-size:clamp(5rem,16vw,11rem);color:var(--brick);opacity:.16;letter-spacing:-.02em; } .e404-title{margin-top:-.35em} .e404-stand{margin:.8rem auto 0;max-width:34em} .e404-search{display:flex;gap:.6rem;max-width:520px;margin:1.8rem auto 0} .e404-search input{ flex:1;padding:.8em 1em;border:1px solid var(--line-ink);background:var(--paper); font:600 .98rem/1.5 var(--sans);color:var(--ink); } .e404-search input:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(51,77,139,.15)} .e404-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.6rem} .e404-links a{ padding:.5em 1.05em;border:1px solid var(--line-ink);border-radius:999px; font:700 .76rem/1 var(--sans);color:var(--ink-60);transition:background .2s,color .2s,border-color .2s; } .e404-links a:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)} .e404-latest{margin-bottom:clamp(2.6rem,5vw,4.2rem)} .e404-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.4vw,2rem)} @media (max-width:900px){.e404-grid{grid-template-columns:1fr 1fr}} @media (max-width:620px){.e404-grid{grid-template-columns:1fr}.e404-search{flex-direction:column}} /* ── konta lapas (pieslēgties / reģistrēties / paroles) ─────────────────── */ .au-wrap{max-width:520px;margin:clamp(1.6rem,3vw,2.6rem) auto clamp(2.6rem,5vw,4.2rem)} .au-card{border:1px solid var(--line);border-top:3px solid var(--brick);background:var(--paper-3);padding:clamp(1.4rem,3vw,2.2rem)} .au-head{margin-bottom:1.4rem} .au-title{font-size:clamp(1.8rem,3.4vw,2.4rem)} .au-stand{margin-top:.5rem;font-size:1rem} .au-tabs{display:flex;border:1px solid var(--line-ink);margin-bottom:1.5rem} .au-tab{flex:1;text-align:center;padding:.8em 0;font:700 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60);transition:background .2s,color .2s} .au-tab:hover{color:var(--ink)} .au-tab.is-active{background:var(--ink);color:var(--paper)} .au-form .rp-field{margin-bottom:1.1rem} .au-form input[type=text],.au-form input[type=email],.au-form input[type=password]{ width:100%;padding:.75em .9em;border:1px solid var(--line-ink);background:var(--paper); color:var(--ink);font:600 .95rem/1.5 var(--sans); } .au-form input:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(51,77,139,.15)} .au-pw{position:relative;display:block} .au-pw input{padding-right:2.8em} .au-eye{position:absolute;right:.65em;top:50%;transform:translateY(-50%);color:var(--ink-40);cursor:pointer;display:flex;padding:.25em} .au-eye:hover{color:var(--ink)} .au-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.2rem 0 1.2rem} .au-remember{margin:0} .au-link{font:600 .85rem/1.4 var(--sans);color:var(--brick);border-bottom:1px solid transparent} .au-link:hover{border-bottom-color:var(--brick)} .au-submit{width:100%;justify-content:center;text-align:center;margin-top:.4rem} .au-foot{margin-top:1.2rem;text-align:center;font:600 .92rem/1.5 var(--sans);color:var(--ink-60)} .au-foot a{color:var(--brick);border-bottom:1px solid var(--brick)} .au-expired{padding:1rem 1.1rem;border:1px dashed var(--line-ink);color:var(--ink-60);margin-bottom:1.2rem} .au-or{display:flex;align-items:center;gap:.9rem;margin:1.3rem 0 1.1rem;color:var(--ink-40);font:700 .7rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase} .au-or::before,.au-or::after{content:"";flex:1;height:1px;background:var(--line)} .au-google{ display:flex;align-items:center;justify-content:center;gap:.6rem; width:100%;padding:.8em 1em;border:1px solid var(--line-ink);background:var(--paper); font:700 .9rem/1 var(--sans);color:var(--ink);transition:background .2s,border-color .2s; } .au-google:hover{background:var(--paper-2);border-color:var(--ink)} .rp-label small{font-weight:600;color:var(--ink-40);text-transform:none;letter-spacing:0} /* galerijas šķirstīšana tuvinājumā (sludinājuma pārējie attēli) */ .ovv-zoom-nav{ position:absolute;top:50%;transform:translateY(-50%); width:52px;height:52px;display:flex;align-items:center;justify-content:center; background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35); color:#fff;cursor:pointer;border-radius:50%; } .ovv-zoom-prev{left:18px} .ovv-zoom-next{right:18px} .ovv-zoom-nav:hover{background:rgba(255,255,255,.16);border-color:#fff} .ovv-zoom-count{ align-self:center;font:700 .8rem/1 var(--sans);letter-spacing:.12em; color:rgba(255,255,255,.75); } @media (max-width:620px){ .ovv-zoom-nav{width:44px;height:44px} .ovv-zoom-prev{left:8px} .ovv-zoom-next{right:8px} } @media (prefers-reduced-motion:reduce){.ovv-zoom{transition:none}} /* wp_get_attachment_image pieliek savas klases un width/height atribūtus — sīktēlam jāpaliek kastītes izmērā, ne oriģināla proporcijās. */ .rl-thumb img{width:100%;height:100%;object-fit:cover;display:block} /* ---- Komentāru koks: atbildes ar nobīdi un atbildēšanas poga ---- .comment bāzē ir flex (avatars | teksts). Ar atbildēm vajag trešo rindu pilnā platumā, tāpēc te pārslēdzam uz režģi — citādi atbilžu saraksts nostātos blakus tekstam kā trešā kolonna. */ .comment{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 1.1rem;align-items:start} .comment .c-body{min-width:0} .comment-children{grid-column:1/-1} .c-reply{ margin-top:.5rem;padding:0;background:none;border:0;cursor:pointer; font:800 .7rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em; color:var(--ink-40);transition:color .2s; } .c-reply:hover{color:var(--brick)} .comment-children{ list-style:none;margin:1rem 0 0;padding:0 0 0 clamp(1rem,2.4vw,2.6rem); border-left:2px solid var(--line);display:grid;gap:1.2rem; } /* dziļākiem līmeņiem nobīde mazinās, lai teksts nesašaurinās līdz kolonnai */ .comment-children .comment-children{padding-left:clamp(.8rem,1.6vw,1.6rem)} .comment-children .avatar{width:30px;height:30px;font-size:.66rem} .cf-replying{ display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:-.4rem 0 1rem; padding:.6em .9em;background:var(--paper-2);border-left:3px solid var(--brick); font:600 .85rem/1.4 var(--sans);color:var(--ink-60); } .cf-reply-cancel{ background:none;border:0;padding:0;cursor:pointer; font:800 .7rem/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--brick); } .cf-reply-cancel:hover{text-decoration:underline} /* ---- Komentāru balsis un darbību rinda ---- */ .c-actions{display:flex;align-items:center;gap:1.2rem;margin-top:.6rem} .c-actions .c-reply{margin-top:0} .c-votes{display:inline-flex;gap:.5rem} .c-vote{ display:inline-flex;align-items:center;gap:.4em;padding:.35em .7em; background:none;border:1px solid var(--line);color:var(--ink-60);cursor:pointer; font:700 .78rem/1 var(--sans);transition:background .2s,border-color .2s,color .2s; } .c-vote:hover{border-color:var(--line-ink);color:var(--ink)} .c-vote[disabled]{opacity:.55;cursor:wait} .c-vote--like.is-active{background:var(--navy);border-color:var(--navy);color:#fff} .c-vote--dislike.is-active{background:#b3261e;border-color:#b3261e;color:#fff} .c-vote svg{display:block} /* atstarpe pirms apakšas bloka — forma tam bija par tuvu */ .after-tabs{margin-top:clamp(2.6rem,5vw,4.4rem)} /* ============================================================ PASĀKUMU AFIŠA (events.html, event.html) ============================================================ */ .ev-wrap{margin-top:clamp(1.4rem,2.6vw,2.2rem);margin-bottom:clamp(2.6rem,5vw,4.2rem)} .ev-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(1.4rem,2.6vw,2.2rem)} .ev-pill{ padding:.5em 1.1em;border:1px solid var(--line-ink);border-radius:999px;background:none; font:800 .74rem/1 var(--sans);letter-spacing:.06em;color:var(--ink-60);cursor:pointer; transition:background .2s,border-color .2s,color .2s; } .ev-pill:hover{color:var(--ink);border-color:var(--ink)} .ev-pill.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)} .ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.3rem,2.6vw,2.2rem)} .ev-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);background:var(--paper-3)} .ev-media{display:block;overflow:hidden} .ev-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:opacity .2s} .ev-media:hover img{opacity:.92} /* bez attēla — liels datums uz portāla zilā, nevis tukša kaste */ .ev-media--noimg{ aspect-ratio:4/3;display:flex;align-items:center;justify-content:center; background:linear-gradient(135deg,#3a568f 0%,#26386a 100%);color:#fff; } .ev-bigdate{text-align:center;line-height:1} .ev-bigdate strong{display:block;font-family:var(--serif-d);font-weight:700;font-size:clamp(2.8rem,5vw,4rem)} .ev-bigdate em{display:block;margin-top:.3rem;font-style:normal;font:800 .82rem/1 var(--sans);text-transform:uppercase;letter-spacing:.2em;color:#c8d4ee} .ev-body{display:flex;flex-direction:column;flex:1;padding:1.1rem 1.2rem 1.2rem} .ev-cat{ align-self:flex-start;margin-bottom:.6rem;padding:.32em .7em; font:800 .64rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:#fff;background:var(--navy); } .ev-when{font:800 .72rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--brick);margin-bottom:.5rem} .ev-card h2{font-family:var(--serif-d);font-weight:700;font-size:1.12rem;line-height:1.32} .ev-card h2 a{transition:color .2s} .ev-card h2 a:hover{color:var(--brick)} .ev-meta{margin-top:.5rem;font:600 .82rem/1.5 var(--sans);color:var(--ink-60)} .ev-price{margin-top:auto;padding-top:.8rem;font:700 .78rem/1 var(--sans);color:var(--ink-40)} /* kategoriju krāsas */ .evc-kultura{background:#7a4f9e}.evc-muzika{background:#1f7a8c}.evc-sports{background:#2e7d32} .evc-izstades{background:#a1571f}.evc-berniem{background:#c2185b}.evc-izglitiba{background:#334d8b} .evc-tirgi{background:#8d6e00}.evc-cita{background:var(--ink-60)} .ev-pill.evc-kultura,.ev-pill.evc-muzika,.ev-pill.evc-sports,.ev-pill.evc-izstades, .ev-pill.evc-berniem,.ev-pill.evc-izglitiba,.ev-pill.evc-tirgi{background:none;color:var(--ink-60)} .ev-pill.is-active.evc-kultura,.ev-pill.is-active.evc-muzika,.ev-pill.is-active.evc-sports, .ev-pill.is-active.evc-izstades,.ev-pill.is-active.evc-berniem,.ev-pill.is-active.evc-izglitiba, .ev-pill.is-active.evc-tirgi{color:#fff} /* viens pasākums */ .evs{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(1.8rem,4vw,3.4rem);align-items:start;margin:clamp(1.2rem,2.4vw,2rem) auto clamp(2.6rem,5vw,4.2rem)} .evs-media{margin:clamp(1.2rem,2.4vw,2rem) 0} .evs-media img{width:auto;max-width:100%;height:auto;max-height:min(70vh,640px);display:block;margin-inline:auto} .evs-body{font-size:16.5px;line-height:1.75} .evs-body p{margin:0 0 1rem} .evs-body img{width:100%;height:auto} .evs-empty{font-family:var(--serif-t);font-style:italic;color:var(--ink-60)} .evs-side{position:sticky;top:72px;display:grid;gap:1rem} .evs-box{border:1px solid var(--line);border-top:3px solid var(--brick);background:var(--paper-3);padding:1.3rem 1.4rem} .evs-facts{display:grid;gap:.9rem;margin-top:1rem} .evs-facts dt{font:800 .68rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-40)} .evs-facts dd{font:600 .95rem/1.5 var(--sans);margin-top:.15rem} .evs-wd{font-weight:600;color:var(--ink-40)} .evs-cal{ display:inline-block;margin-top:1.2rem;padding:.75em 1.3em;background:var(--navy);color:#fff; font:800 .74rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;transition:background .2s; } .evs-cal:hover{background:var(--brick)} .evs-back{font:800 .76rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-60)} .evs-back:hover{color:var(--brick)} @media (max-width:1080px){ .ev-grid{grid-template-columns:repeat(2,1fr)} .evs{grid-template-columns:1fr} .evs-side{position:static} } @media (max-width:620px){ .ev-grid{grid-template-columns:1fr} } /* ============================================================ SLUDINĀJUMI (ads.html, ad.html, ad-new.html) ============================================================ */ .sl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-top:clamp(.4rem,1.4vw,1rem)} .sl-add{white-space:nowrap} .sl-wrap{margin-top:clamp(1.4rem,2.6vw,2.2rem);margin-bottom:clamp(2.6rem,5vw,4.2rem)} .sl-cats{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:clamp(1.2rem,2.4vw,1.8rem)} .sl-pill{padding:.45em 1em;border:1px solid var(--line-ink);border-radius:999px;font:700 .74rem/1 var(--sans);color:var(--ink-60);transition:background .2s,border-color .2s,color .2s} .sl-pill:hover{color:var(--ink);border-color:var(--ink)} .sl-pill.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)} .sl-list{display:grid;gap:1rem} .sl-card{border:1px solid var(--line);background:var(--paper-3);padding:1.1rem 1.2rem} .sl-card--bold .sl-text{font-weight:700;color:var(--ink);font-size:1.02rem} .sl-card--bold{ border-left:4px solid var(--brick);border-color:var(--brick); background:rgba(51,77,139,.07); background:color-mix(in srgb, var(--brick) 8%, var(--paper-3)); } /* attēli vienā rindā zem teksta — vienādi sīktēli, kartīte paliek zema */ .sl-thumbs{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem} .sl-thumbs img{width:128px;height:96px;object-fit:cover;display:block;cursor:zoom-in} .sl-thumbs img:focus-visible{outline:2px solid var(--brick);outline-offset:2px} .sl-cat{font:800 .66rem/1 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--brick);margin-bottom:.45rem} .sl-text{margin-top:.5rem;font:400 .95rem/1.65 var(--sans);color:var(--ink-70)} .sl-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:.7rem;font:600 .82rem/1.4 var(--sans);color:var(--ink-40)} .sl-phone{color:var(--brick)} /* forma */ .sn-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:start;margin-top:clamp(1.6rem,3vw,2.4rem);margin-bottom:clamp(2.6rem,5vw,4.2rem)} .sn-form{border:1px solid var(--line);border-top:3px solid var(--brick);background:var(--paper-3);padding:clamp(1.4rem,3vw,2.2rem)} .sn-step{border:0;padding:0;margin:0 0 1.8rem} .sn-step legend{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;font-family:var(--serif-d);font-weight:700;font-size:1.2rem} .sn-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--navy);color:#fff;font:800 .8rem/1 var(--sans)} .sn-where{display:grid;grid-template-columns:1fr 1fr;gap:.9rem} .sn-choice{display:block;cursor:pointer} .sn-choice input{position:absolute;opacity:0;width:0;height:0} .sn-choice-in{display:block;border:1px solid var(--line-ink);padding:1rem 1.1rem;transition:border-color .2s,background .2s} .sn-choice-in b{display:block;font-family:var(--serif-d);font-size:1.05rem} .sn-choice-in small{display:block;margin-top:.3rem;font:600 .8rem/1.4 var(--sans);color:var(--ink-40)} .sn-choice input:checked + .sn-choice-in{border-color:var(--brick);background:rgba(51,77,139,.06)} .sn-choice input:focus-visible + .sn-choice-in{outline:2px solid var(--brick);outline-offset:2px} .sn-form select,.sn-form input[type=text],.sn-form input[type=tel],.sn-form input[type=email],.sn-form textarea{ width:100%;padding:.75em .9em;border:1px solid var(--line-ink);background:var(--paper); color:var(--ink);font:600 .95rem/1.5 var(--sans); } .sn-form textarea{resize:vertical;min-height:8rem} .sn-form select:focus,.sn-form input:focus,.sn-form textarea:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(51,77,139,.15)} .sn-words{display:block;margin-top:.4rem;font:600 .8rem/1 var(--sans);color:var(--ink-40)} .sn-opt{margin-bottom:1rem} .sn-dates{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem} .sn-date{display:block;cursor:pointer} .sn-date input{position:absolute;opacity:0;width:0;height:0} .sn-date span{display:block;text-align:center;padding:.5em .3em;border:1px solid var(--line-ink);font:700 .82rem/1 var(--sans);transition:background .2s,border-color .2s,color .2s} .sn-date input:checked + span{background:var(--navy);border-color:var(--navy);color:#fff} .sn-note{font:400 .84rem/1.6 var(--sans);color:var(--ink-40)} .sn-total{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 0;margin:.4rem 0 1rem;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)} .sn-total span{font:800 .78rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-60)} .sn-total strong{font-family:var(--serif-d);font-weight:700;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--brick)} .sn-side{display:grid;gap:1.2rem;position:sticky;top:72px} .sn-prices a{display:flex;justify-content:space-between;gap:1rem;cursor:default} .sn-prices b{color:var(--ink);white-space:nowrap} .sn-prices small{display:block;font-size:.78em;font-weight:600;color:var(--ink-40)} @media (max-width:1080px){ .sn-layout{grid-template-columns:1fr} .sn-side{position:static} } @media (max-width:620px){ /* šaurā ekrānā attēli virs teksta, blakus divi */ .sl-thumbs img{width:calc(33.333% - .3rem);height:auto;aspect-ratio:4/3} .sn-where{grid-template-columns:1fr} } /* ================================================================== ABONĒŠANA (/abone/ un /abonementi/) — ab-* klases ================================================================== */ .ab-wrap{max-width:940px;margin:0 auto;padding:2.2rem 0 3.4rem} .ab-header{margin-bottom:2.2rem} .ab-title-main{margin:.35rem 0 .6rem} .ab-sec{margin:0 0 2.4rem} .ab-sec-title{font-family:var(--serif-d);font-size:1.35rem;margin:0 0 1rem;padding-left:.85rem;border-left:4px solid var(--brick)} .ab-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem} .ab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.4rem;align-items:start} .ab-card{position:relative;border:1px solid var(--line-ink);background:var(--paper);padding:1.6rem 1.5rem 1.4rem} .ab-card--featured{border:2px solid var(--brick);box-shadow:0 18px 40px -22px rgba(51,77,139,.45)} .ab-card--off{opacity:.85} .ab-flag{position:absolute;top:-.8rem;left:50%;transform:translateX(-50%);background:var(--brick);color:#fff;font:800 .66rem/1 var(--sans);text-transform:uppercase;letter-spacing:.14em;padding:.45rem .9rem;white-space:nowrap} .ab-head .kicker{margin-bottom:.2rem} .ab-title{font-family:var(--serif-d);font-size:1.5rem;margin:.1rem 0 .25rem} .ab-tagline{font:600 .88rem/1.5 var(--sans);color:var(--ink-60);margin:0 0 .9rem} .ab-price{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin:0 0 1rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)} .ab-price strong{font-family:var(--serif-d);font-size:2rem;line-height:1;color:var(--brick)} .ab-price span{font:700 .8rem/1.4 var(--sans);color:var(--ink-40)} .ab-feats{list-style:none;margin:0 0 1.1rem;padding:0} .ab-feats li{display:flex;gap:.55rem;align-items:flex-start;font:600 .86rem/1.5 var(--sans);color:var(--ink-60);margin-bottom:.45rem} .ab-feats svg{flex:none;margin-top:.15rem;color:var(--brick)} .ab-form select{width:100%;border:1px solid var(--line-ink);background:var(--paper);color:var(--ink);font:600 .92rem/1.4 var(--sans);padding:.65rem .7rem;border-radius:0} .ab-form select:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(51,77,139,.15)} .ab-form select:disabled{opacity:.55;cursor:not-allowed} .ab-period{margin-bottom:.9rem} .ab-modes{display:flex;gap:.5rem;margin:0 0 .9rem} .ab-mode{flex:1;border:1px solid var(--line-ink);background:var(--paper);color:var(--ink-60);font:700 .8rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.06em;padding:.6rem .5rem;cursor:pointer;transition:border-color .2s,background .2s,color .2s} .ab-mode.is-active{border-color:var(--brick);background:rgba(51,77,139,.08);color:var(--brick)} .ab-summary{font:700 .84rem/1.5 var(--sans);color:var(--ink);background:var(--paper-2);border-left:3px solid var(--brick);padding:.6rem .8rem;margin:.2rem 0 .9rem} .ab-hint{font:600 .82rem/1.5 var(--sans);color:var(--ink-60);margin:0 0 .7rem} .ab-hint--small{font-size:.76rem;color:var(--ink-40)} .ab-auto-note{font:600 .84rem/1.55 var(--sans);color:var(--ink-60);background:var(--paper-2);border-left:3px solid var(--brick);padding:.7rem .85rem;margin:0 0 .9rem} .ab-auto-note b{display:block;color:var(--ink);margin-bottom:.2rem} .ab-agree{margin:1rem 0 1.1rem} .ab-submit{width:100%;justify-content:center;text-align:center} .ab-fine{font:600 .76rem/1.5 var(--sans);color:var(--ink-40);margin:.7rem 0 0} .ab-off-note{font:600 .9rem/1.6 var(--sans);color:var(--ink-60)} .ab-off-note a{color:var(--brick);border-bottom:1px solid var(--brick)} .ab-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem} .ab-why-card{border:1px solid var(--line-ink);background:var(--paper);padding:1.4rem 1.3rem;transition:border-color .2s,box-shadow .2s} .ab-why-card:hover{border-color:var(--brick);box-shadow:0 14px 30px -22px rgba(51,77,139,.5)} .ab-why-ic{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;background:rgba(51,77,139,.09);color:var(--brick);margin-bottom:.85rem} .ab-why-card h3{font-family:var(--serif-d);font-size:1.08rem;margin:0 0 .35rem} .ab-why-card p{font:600 .84rem/1.55 var(--sans);color:var(--ink-60);margin:0} .ab-faq-list{list-style:none;margin:0;padding:0;counter-reset:abfaq} .ab-faq-list li{position:relative;counter-increment:abfaq;padding:.55rem 0 .55rem 2.6rem;font:600 .89rem/1.6 var(--sans);color:var(--ink-60);border-bottom:1px solid var(--line)} .ab-faq-list li::before{content:counter(abfaq,decimal-leading-zero);position:absolute;left:0;top:.62rem;font-family:var(--serif-d);font-weight:700;color:var(--brick)} .ab-faq-list a{color:var(--brick);border-bottom:1px solid var(--brick)} /* SweetAlert formu logi (adrese/rekvizīti) */ .ab-swal-kick{font:800 .7rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-60);margin:1rem 0 .5rem;text-align:left} .ovv-swal--form .swal2-html-container{text-align:left} .ovv-swal--form .rp-field input[type=text]{width:100%} .ab-saved{border:1px solid var(--line-ink);background:var(--paper-2);padding:.8rem .9rem;margin-bottom:.7rem;text-align:left} .ab-saved-name{font:700 .92rem/1.4 var(--sans);color:var(--ink);margin:0} .ab-saved-sub{font:600 .8rem/1.4 var(--sans);color:var(--ink-60);margin:.15rem 0 0} .ab-link{background:none;border:0;padding:0;margin-top:.4rem;font:700 .82rem/1.4 var(--sans);color:var(--brick);border-bottom:1px solid var(--brick);cursor:pointer} .ab-fields{display:grid;gap:.6rem;text-align:left} .ab-current{font:600 .84rem/1.5 var(--sans);color:var(--ink);margin:.6rem 0 0;text-align:left} .ab-swal-text{font:600 .88rem/1.55 var(--sans);color:var(--ink-60);margin:0 0 .6rem} /* Latvijas Pasta adrešu vidžets (profilā un abonēšanas logā). Vidžeta paša markup ir #addr_ blociņi ar label+select; tehniskos laukus (adreses ID, pieraksts, pasta kastītes režīms) lasītājam nerādām — tos aizpilda pats vidžets. */ #ovv-address{text-align:left} #ovv-address .lpaisais-div{margin:0 0 .7rem} #ovv-address .lpaisais-label{display:block;font:800 .7rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-60);margin-bottom:.35rem} #ovv-address select,#ovv-address input:not([type=hidden]){width:100%;border:1px solid var(--line-ink);background:var(--paper);color:var(--ink);font:600 .92rem/1.4 var(--sans);padding:.6rem .65rem;border-radius:0} #ovv-address select:focus,#ovv-address input:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(51,77,139,.15)} #ovv-address select:disabled{opacity:.55} #ovv-address #addr_id,#ovv-address #addr_text,#ovv-address #addr_mailbox,#ovv-address #addr_postcodebox{display:none} #ovv-address #addr_postcode input{max-width:9rem} #ovv-address a{font:600 .8rem/1.5 var(--sans);color:var(--brick);border-bottom:1px solid var(--brick)} /* «Mani abonementi» */ .ab-list-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem} .ab-list-head .ab-sec-title{margin:0} .ab-empty{border:2px dashed var(--line-ink);padding:2.2rem 1.5rem;text-align:center} .ab-empty p{font:600 .95rem/1.5 var(--sans);color:var(--ink-60);margin:0 0 1rem} .ab-sub{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;border:1px solid var(--line-ink);background:var(--paper);padding:1.1rem 1.2rem;margin-bottom:.9rem} .ab-sub--expired{opacity:.6} .ab-sub-title{font-family:var(--serif-d);font-size:1.1rem;margin:0 0 .3rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap} .ab-sub-num{font:700 .78rem/1.4 var(--sans);color:var(--ink-40)} .ab-sub-meta{font:600 .82rem/1.55 var(--sans);color:var(--ink-60);margin:0} .ab-sub-pay{font:700 .82rem/1.5 var(--sans);color:var(--ink);margin:.35rem 0 0} .ab-sub-actions{display:flex;gap:.5rem;flex-wrap:wrap} .ab-st{display:inline-block;font:800 .64rem/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;padding:.35rem .55rem} .ab-st--on{background:#d6f3e0;color:#0a6b2d} .ab-st--soon{background:#fdeebf;color:#7a5200} .ab-st--off{background:var(--paper-2);color:var(--ink-40)} /* Sākumlapas abonēšanas joslas saite */ .subs-ways a{color:inherit;border-bottom:1px solid currentColor} /* Tumšais režīms */ html[data-theme="dark"] .ab-card,html[data-theme="dark"] .ab-why-card{background:var(--paper-2)} html[data-theme="dark"] .ab-flag{color:var(--paper)} html[data-theme="dark"] .ab-st--on{background:rgba(24,140,74,.25);color:#7ad9a4} html[data-theme="dark"] .ab-st--soon{background:rgba(220,160,20,.22);color:#ecc56a} html[data-theme="dark"] .ab-summary,html[data-theme="dark"] .ab-auto-note,html[data-theme="dark"] .ab-saved{background:rgba(255,255,255,.05)} html[data-theme="dark"] .ab-why-ic{background:rgba(120,150,220,.16)} @media (max-width:720px){ .ab-wrap{padding-top:1.4rem} .ab-grid{grid-template-columns:1fr} .ab-card--featured{order:-1} .ab-sub{flex-direction:column} .ab-sub-actions{width:100%} } /* ================================================================== KONTA SADAĻA (/profils/, /abonementi/, /mani-sludinajumi/) — acc-* ================================================================== */ .acc-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)} .acc-tab{padding:.6rem 1.1rem;border:1px solid var(--line-ink);font:800 .72rem/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-60);transition:border-color .2s,background .2s,color .2s} .acc-tab:hover{border-color:var(--brick);color:var(--brick)} .acc-tab.is-active{background:var(--brick);border-color:var(--brick);color:#fff} .acc-tab--out{margin-left:auto;border-color:var(--line);color:var(--ink-40)} .acc-tab--out:hover{border-color:#971b1c;color:#971b1c} .acc-card{border:1px solid var(--line-ink);background:var(--paper);padding:1.6rem 1.5rem;margin:0 0 1.4rem} .acc-h2{font-family:var(--serif-d);font-size:1.2rem;margin:0 0 .3rem} .acc-h2:not(:first-child){margin-top:1.8rem;padding-top:1.5rem;border-top:1px solid var(--line)} .acc-note{font:600 .84rem/1.55 var(--sans);color:var(--ink-60);margin:0 0 1rem} .acc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 1rem} .acc-grid-full{grid-column:1/-1} .acc-card input[type=text],.acc-card input[type=password],.acc-card input[type=email],.acc-card input[type=tel]{ width:100%;border:1px solid var(--line-ink);background:var(--paper);color:var(--ink); font:600 .92rem/1.4 var(--sans);padding:.65rem .7rem} .acc-card input:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 3px rgba(51,77,139,.15)} .acc-check{margin:0 0 1rem} .acc-submit{margin-top:.6rem} /* Mani sludinājumi */ .acc-ad{border:1px solid var(--line-ink);background:var(--paper);padding:1.1rem 1.2rem;margin:0 0 .9rem} .acc-ad-head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.7rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)} .acc-ad-meta{font:600 .8rem/1.5 var(--sans);color:var(--ink-60)} /* Kartīte sarakstā jau ir ierāmēta — konta skatā rāmi noņemam, lai nav rāmis rāmī. */ .acc-ad .sl-card{border:0;padding:0;margin:0;background:none} .acc-ad .ab-sub-actions{margin-top:.9rem} html[data-theme="dark"] .acc-card,html[data-theme="dark"] .acc-ad{background:var(--paper-2)} html[data-theme="dark"] .acc-tab.is-active{color:var(--paper)} @media (max-width:720px){ .acc-tabs{gap:.4rem} .acc-tab{flex:1;text-align:center;padding:.55rem .5rem;letter-spacing:.08em} .acc-grid{grid-template-columns:1fr} }