/* ===================================================== DESIGN TOKENS — sader ar iepriekš apstiprinātajiem HTML paraugiem (Otrais viedoklis, CV, prezentācijas) ===================================================== */ /* Globāla drošība — bez šī padding var palielināt elementu platumu pāri konteineram un izraisīt horizontālu pārpildi. */ .u-header, .u-header *, .u-footer, .u-footer *{ box-sizing:border-box; } /* Izlaužas no Astra satura konteinera līdz pilnam ekrāna platumam, lai sekciju fona krāsas stiepjas no malas līdz malai — pats saturs (.wrap) paliek centrēts un ierobežota platuma iekšpusē. (100vw var būt platāks par redzamo laukumu, ja lapā ir vertikāla ritjosla — tāpēc izmantojam JS-aprēķinātu mainīgo kā rezerves variantu, un html/body overflow-x:hidden kā drošības tīklu.) */ /* PIEZĪME: apzināti BEZ overflow-x:hidden uz html/body — tas nobloķē position:sticky headerī. Platuma pārpilde tagad novērsta citādi (skat. .u-fullbleed noņemšanu šortkodos). */ html, body{ max-width:100%; } .u-fullbleed{ width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; } .u-header{ width:100%; max-width:100vw; } .u-footer{ width:100%; max-width:100vw; overflow-x:hidden; } /* Aizsargā mūsu saturu no Astra/tēmas globālajiem

u.c. stiliem, kas citādi var "iesūkties" shortcode saturā. / .u-gaisa-wrap, .u-gaisa-wrap {box-sizing:border-box} .u-gaisa-wrap{ font-family:'Poppins','Segoe UI',Arial,sans-serif; color:var(--text, #141c2b); line-height:1.5; background:var(--bg); position:relative; } .u-gaisa-wrap p{margin:0 0 1em} .u-gaisa-wrap img{max-width:100%;height:auto} .u-gaisa-wrap a{text-decoration:none} :root{ --bg:#f7f8fa; --bg2:#eef1f5; --card:#ffffff; --line:#e2e6ec; --orange:#F67B00; --orange-soft:rgba(217,122,18,.10); --text:#141c2b; --muted:#5b6b80; /* zīmola tumšā josla (header/footer/hero) — melni pelēka paleta, bez zilās pieskaņas / --dark-bg:#1a1a1a; --dark-bg2:#242424; --dark-footer:#141414; --dark-line:#333333; --dark-muted:#a3a3a3; --dark-accent:#F67B00; } {box-sizing:border-box} body.urolit-gaisa{ font-family:'Poppins','Segoe UI',Arial,sans-serif; color:var(--text); background:var(--bg); line-height:1.5; -webkit-font-smoothing:antialiased; } /* PIEZĪME: apzināti NAV globālu "body a{}" / "body img{}" noteikumu — tie iepriekš mainīja arī neaiztikto, veco lapu saturu. Saites/attēlu stili tagad ir tikai iekš .u-header, .u-footer un .u-gaisa-wrap. / body.urolit-gaisa .wrap{max-width:1080px;margin:0 auto;padding:0 32px} / Dublikāts BEZ body klases atkarības — drošības tīkls, ja HTML kešs īslaicīgi rāda lapu bez "urolit-gaisa" klases uz . / .u-header .wrap, .u-footer .wrap, .u-hero .wrap, .u-hero-dark .wrap, .u-section .wrap, .u-gaisa-wrap .wrap{ max-width:1080px !important; margin:0 auto !important; padding:0 32px !important; } / ===================================================== HEADER (visām lapām vienāds — tumša zīmola josla, jo logo prasa tumšu fonu) ===================================================== / .u-header{ position:sticky;top:0;z-index:50; background:linear-gradient(180deg, var(--dark-bg2) 0%, var(--dark-bg) 100%); border-bottom:1px solid var(--dark-line); } .u-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px} .u-header .u-logo{text-decoration:none;display:flex;align-items:center;flex:none} .u-header .u-logo img{height:28px;width:auto;object-fit:contain} .u-nav{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0} .u-nav li{position:relative} .u-nav a, .u-nav a:link, .u-nav a:visited{font-size:13.5px !important;color:#cfcfcf !important;font-weight:500 !important;transition:color .15s;white-space:nowrap;background:transparent !important;text-shadow:none !important} .u-nav a:hover{color:#fff !important} .u-nav li.current-menu-item > a, .u-nav li.current-menu-ancestor > a{color:var(--dark-accent) !important;font-weight:600 !important} / dropdown (Pakalpojumi) / .u-nav .sub-menu{ list-style:none;margin:0;padding:10px 0;position:absolute;top:100%;left:0; min-width:260px;background:var(--dark-bg);border:1px solid var(--dark-line); border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.35); opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s, transform .15s; } .u-nav li:hover > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)} .u-nav .sub-menu a, .u-nav .sub-menu a:link, .u-nav .sub-menu a:visited{display:block;padding:10px 20px;font-size:13px !important;color:#e0e0e0 !important;background:transparent !important} .u-nav .sub-menu a:hover{color:var(--dark-accent) !important} .u-nav .menu-item-has-children > a::after{content:" ▾";font-size:10px;color:var(--dark-muted)} .u-header-right{display:flex;align-items:center;gap:18px} .u-header-cta{padding:9px 18px !important;font-size:12.5px !important;white-space:nowrap} .u-mobile-menu{display:contents} .u-mobile-cta{display:none !important} .u-lang{display:flex;align-items:center;gap:6px;font-size:13px;color:#cfcfcf} .u-cart{position:relative;display:flex;align-items:center;color:#fff} .u-cart svg{width:19px !important;height:19px !important;display:block !important;overflow:visible} .u-cart svg path{fill:none !important;stroke:#ffffff !important} .u-cart svg circle{fill:#ffffff !important;stroke:none !important} .u-cart .count{ position:absolute;top:-8px;right:-10px;background:var(--dark-accent);color:#fff; font-size:10px;font-weight:700;border-radius:50%;width:16px;height:16px; display:flex;align-items:center;justify-content:center; } .u-burger{display:none;background:transparent !important;background-color:transparent !important;border:none !important;color:#fff !important;font-size:24px !important;line-height:1 !important;cursor:pointer;padding:6px 4px !important;box-shadow:none !important;-webkit-appearance:none;appearance:none} @media (max-width:900px){ .u-header-cta{display:none !important} .u-mobile-menu{ display:block; position:absolute;top:100%;left:0;right:0; background:var(--dark-bg);border-top:1px solid var(--dark-line); box-shadow:0 12px 24px rgba(0,0,0,.35); max-height:80vh;overflow-y:auto; visibility:hidden;opacity:0;pointer-events:none; transition:opacity .15s; } .u-mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:auto} .u-nav{display:flex;flex-direction:column;align-items:stretch;gap:0} .u-nav > li{width:100%} .u-nav > li > a{display:block;padding:14px 24px !important;border-bottom:1px solid var(--dark-line)} .u-nav .sub-menu{ position:static;opacity:1;visibility:visible;transform:none; box-shadow:none;border:none;border-radius:0;background:var(--dark-bg2); display:none; } .u-nav li.is-open > .sub-menu{display:block} .u-mobile-cta{display:block !important;margin:18px 20px;text-align:center} .u-burger{display:block} } / ===================================================== HERO (gaišajām lapām) + eyebrow / titles ===================================================== / .u-hero{ position:relative;overflow:hidden;padding:88px 0 76px; background:radial-gradient(ellipse 900px 460px at 82% -12%, var(--orange-soft), transparent 60%), var(--bg); border-bottom:1px solid var(--line); } / KRITISKI: Astra vecais "Headings Color" iestatījums (balts, no vecā tumšā dizaina) citādi uzvar pār mūsu virsrakstiem un padara tos praktiski neredzamus uz gaišā fona. Piespiežam pareizo krāsu visiem h1–h4, kas atrodas mūsu shortcode saturā. / .u-gaisa-wrap h1, .u-gaisa-wrap h2, .u-gaisa-wrap h3, .u-gaisa-wrap h4{ color:var(--text) !important; } / Tumšajās sekcijās (piem. u-final-cta) virsraksti ir balti ar nolūku — tos atstājam neskartus. / .u-gaisa-wrap .u-final-cta h2, .u-gaisa-wrap .u-hero-dark h1{ color:#fff !important; } .u-eyebrow{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange) !important;font-weight:600;margin-bottom:20px} .u-eyebrow::before{content:"";display:block;width:38px;height:2px;background:var(--orange)} .u-hero h1{font-size:clamp(32px,4.6vw,50px);font-weight:700;line-height:1.14;letter-spacing:-.01em;max-width:780px;margin:0 0 22px} .u-hero p.lead{font-size:18px;color:var(--muted);max-width:640px;margin:0 0 32px;line-height:1.6} / dark photo hero (tikai sākumlapai) — attēls dabiskās proporcijās labajā pusē, nevis izstiepts kā pilnas platuma fons / .u-hero-dark{ position:relative;min-height:640px;background:var(--dark-footer);overflow:hidden; display:flex;align-items:stretch; } .u-hero-dark .u-hero-img{ position:absolute;top:0;right:0;height:100%;width:62%; overflow:hidden; } .u-hero-dark .u-hero-img img{ width:100%;height:100%;object-fit:cover;object-position:50% 20%; display:block; } .u-hero-dark .u-hero-img::before{ content:"";position:absolute;inset:0; background:linear-gradient(90deg, var(--dark-footer) 0%, rgba(20,20,20,.75) 22%, rgba(20,20,20,0) 55%); } .u-hero-dark .wrap{position:relative;z-index:2;width:100%;display:flex;align-items:center;min-height:640px} .u-hero-dark .u-eyebrow-line{width:70px;height:4px;background:#fff;margin-bottom:26px} .u-hero-dark h1{color:#fff;font-size:clamp(38px,6vw,72px);font-weight:800;line-height:1.05;max-width:640px} .u-hero-dark .u-quote{position:absolute;right:32px;top:38%;max-width:280px;text-align:right;color:#fff;z-index:3} .u-hero-dark .u-quote p{font-weight:600;font-size:16px;line-height:1.4} .u-hero-dark .u-quote .u-quote-name{margin-top:10px;font-weight:700;color:var(--orange)} @media (max-width:900px){ .u-hero-dark .u-quote{display:none} .u-hero-dark .u-hero-img{width:100%;opacity:.35} .u-hero-dark .u-hero-img::before{background:linear-gradient(90deg, var(--dark-footer) 10%, rgba(20,20,20,.75) 100%)} } / ===================================================== sections / cards / buttons — kopīgas komponentes ===================================================== / .u-section{padding:72px 0;background:var(--bg);position:relative;z-index:1} .u-section.alt{background:var(--bg2)} .u-section h2{font-size:clamp(24px,3vw,32px);font-weight:700;margin:0 0 14px;letter-spacing:-.01em} / ---------- numurēta sadaļas galvene (kā CV lapā) ---------- / .u-sech{display:flex;align-items:baseline;gap:16px;margin-bottom:8px} .u-secn{font-size:13px;font-weight:600;color:var(--orange);letter-spacing:.2em} .u-sech h2{margin:0} / ---------- laika līnija ar punktiem (kā CV lapā) ---------- / .u-tl2{position:relative;padding-left:34px} .u-tl2::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line)} .u-tl2-item{position:relative;padding:0 0 30px 26px} .u-tl2-item:last-child{padding-bottom:0} .u-tl2-item::before{content:"";position:absolute;left:-34px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--orange);transition:background .2s, box-shadow .2s} .u-tl2-item:hover::before{background:var(--orange);box-shadow:0 0 0 6px var(--orange-soft)} / ---------- scroll-reveal animācija (progresīva uzlabošana: bez JS viss ir uzreiz redzams, ar JS — parādās ar fade+slide) ---------- / .js .u-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease, transform .6s ease} .js .u-reveal.in-view{opacity:1;transform:translateY(0)} .u-section-lead{color:var(--muted);font-size:15.5px;max-width:680px;line-height:1.7;margin-bottom:36px} .u-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(20,28,43,.04),0 8px 20px rgba(20,28,43,.05);transition:box-shadow .2s,transform .2s} .u-card:hover{box-shadow:0 8px 22px rgba(20,28,43,.09);transform:translateY(-2px)} .u-btn{display:inline-block;font-size:13.5px;font-weight:600;letter-spacing:.02em;padding:11px 22px;border-radius:7px;background:var(--orange);color:#fff !important;transition:transform .15s, box-shadow .15s;box-shadow:0 2px 8px rgba(217,122,18,.25);border:none;cursor:pointer} .u-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(217,122,18,.32)} .u-btn.ghost{background:transparent;border:1.5px solid var(--line);color:var(--text) !important;box-shadow:none} .u-btn.ghost:hover{border-color:var(--orange);color:var(--orange) !important;transform:none} .u-btn.ghost.u-lang-switch{ padding:8px 16px !important;font-size:12.5px !important;font-weight:700 !important; letter-spacing:.04em;border:1.5px solid #4a4a4a !important;color:#ffffff !important; background:transparent !important; } .u-btn.ghost.u-lang-switch:hover{border-color:var(--orange) !important;color:var(--orange) !important} .u-check-list{list-style:none;margin:0;padding:0;display:grid;gap:14px} .u-check-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px} .u-check-list .ic{flex:none;width:22px;height:22px;border-radius:50%;background:var(--orange-soft);display:flex;align-items:center;justify-content:center;margin-top:1px} .u-check-list .ic svg{width:11px;height:11px} / ---------- SureForms kontaktforma — salabo tumšos, nesalasāmos ievades laukus, kas nāca no spraudņa noklusējuma tumšā stila ---------- / / KODOLIEROCIS (ID balstīts): SureForms ietin laukus SAVĀ tumšajā konteinerī, kas pārklāj mūsu balto kartītes fonu. Piespiežam caurspīdīgu/baltu fonu visur IEKŠĀ, izņemot pašus ievades laukus. / #u-kontakti-form, #u-kontakti-form { background-color:transparent !important; color:var(--text) !important; } #u-kontakti-form input, #u-kontakti-form textarea, #u-kontakti-form select{ background-color:#ffffff !important; color:var(--text) !important; border:1px solid var(--line) !important; border-radius:7px !important; padding:11px 14px !important; } #u-kontakti-form label{color:var(--text) !important;font-weight:500 !important} #u-kontakti-form button, #u-kontakti-form input[type="submit"], #u-kontakti-form .srfm-button{ background-color:var(--orange) !important;color:#fff !important; border:none !important;border-radius:7px !important;font-weight:600 !important; padding:12px 26px !important; } #u-kontakti-form ::placeholder{color:var(--muted) !important;opacity:1 !important} .u-gaisa-wrap input[type="text"], .u-gaisa-wrap input[type="email"], .u-gaisa-wrap input[type="tel"], .u-gaisa-wrap input[type="number"], .u-gaisa-wrap textarea, .u-gaisa-wrap select, .srfm-input-wrapper input, .srfm-input-wrapper textarea, .srfm-single-line-input, .srfm-block input, .srfm-block textarea{ background:#ffffff !important;color:var(--text) !important; border:1px solid var(--line) !important;border-radius:7px !important; padding:11px 14px !important;font-family:'Poppins',sans-serif !important; } .u-gaisa-wrap label, .srfm-label, .srfm-block-label{color:var(--text) !important;font-weight:500 !important} .u-gaisa-wrap button[type="submit"], .srfm-button, .srfm-submit-button, button.srfm-button{ background:var(--orange) !important;color:#fff !important;border:none !important; border-radius:7px !important;font-weight:600 !important;padding:12px 26px !important; } .u-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .u-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px} .u-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px} @media (max-width:900px){.u-grid-3{grid-template-columns:1fr}.u-grid-5{grid-template-columns:repeat(3,1fr)}} @media (max-width:800px){.u-grid-2{grid-template-columns:1fr}} @media (max-width:640px){.u-grid-5{grid-template-columns:repeat(2,1fr)}} @media (max-width:420px){.u-grid-5{grid-template-columns:1fr}} .u-numdot{width:38px;height:38px;border-radius:50%;background:var(--orange-soft);border:1.5px solid var(--orange);color:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px} .u-stepicon{width:52px;height:52px;border-radius:50%;background:var(--orange-soft);border:1.5px solid var(--orange);display:flex;align-items:center;justify-content:center;flex:none} .u-stepicon svg{width:26px;height:26px} /* ===================================================== WooCommerce — pārstilizējam standarta marķējumu, NEAIZTIEKOT PHP šablonus (drošāk, mazāk risku) ===================================================== / .woocommerce ul.products{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;list-style:none;margin:0;padding:0} .woocommerce ul.products li.product{ background:var(--card) !important;border:1px solid var(--line);border-radius:12px;padding:32px 28px; box-shadow:0 1px 2px rgba(20,28,43,.04),0 8px 20px rgba(20,28,43,.05);position:relative; text-align:center; } .woocommerce ul.products li.product img{ width:96px !important;height:96px !important;object-fit:contain !important; margin:0 auto 18px !important;display:block !important;border-radius:0 !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px;font-weight:700;margin:6px 0 4px;color:var(--text) !important} .woocommerce ul.products li.product .price{font-size:22px;font-weight:700;color:var(--orange) !important;display:block !important;margin:8px 0 18px;min-height:1em} .woocommerce ul.products li.product .price del{color:var(--muted);font-size:15px;margin-right:8px} .woocommerce ul.products li.product .button{margin-top:6px} .woocommerce ul.products li.product .quantity{display:none} / paslēpj kategoriju "birku" (piem. "urologs"), kas rādījās nestilēta un grūti salasāma / .woocommerce ul.products li.product .product-category, .woocommerce ul.products li.product .posted_in, .woocommerce ul.products li.product .product-cat, .woocommerce ul.products li.product a[rel="tag"]{display:none !important} .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce-page a.button{ background:var(--orange) !important;color:#fff !important;border-radius:7px !important; font-weight:600 !important;padding:11px 22px !important;border:none !important; box-shadow:0 2px 8px rgba(217,122,18,.25) !important;font-family:'Poppins',sans-serif !important; opacity:1 !important; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background:#c06e10 !important;transform:translateY(-1px) } .woocommerce div.product .woocommerce-product-gallery{border-radius:12px;overflow:hidden;max-width:340px !important;margin:0 auto !important} .woocommerce div.product .woocommerce-product-gallery img{object-fit:contain !important} .woocommerce div.product p.price, .woocommerce div.product span.price{color:var(--orange) !important;font-size:30px;font-weight:700} .woocommerce table.cart, .woocommerce-cart table.cart, .woocommerce-checkout table.cart{ border-collapse:collapse;width:100%;background:var(--card) !important;border:1px solid var(--line) !important;border-radius:12px;overflow:hidden } .woocommerce table.cart th{background:var(--bg2) !important;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted) !important;padding:14px} .woocommerce table.cart td{padding:16px 14px;border-top:1px solid var(--line) !important;vertical-align:middle !important} .woocommerce #content table.cart img, .woocommerce table.cart img{border-radius:8px} .woocommerce-checkout #payment, .woocommerce-cart-form, .cart-collaterals .cart_totals{ background:var(--card) !important;border:1px solid var(--line) !important;border-radius:12px !important;padding:24px !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-checkout select{ border:1px solid var(--line) !important;border-radius:7px !important;padding:11px 14px !important; font-family:'Poppins',sans-serif !important;background:#fff !important; } / ---------- vispārīga teksta krāsa WooCommerce lapās (grozs, checkout, viena produkta lapa) — tās NAV iekš .u-gaisa-wrap, tāpēc vajag savu, atsevišķu piespiešanu ---------- / .woocommerce, .woocommerce-page, body.single-product #primary, body.woocommerce-cart #primary, body.woocommerce-checkout #primary{ color:var(--text) !important; } / ===== SAKNES LABOJUMS ===== Atrasts ar devtools: Astra pati (astra-woocommerce.css) piespiež baltu tekstu ar šo tieši šo noteikumu: .woocommerce span, .woocommerce div, .woocommerce p, .woocommerce li, .woocommerce td, .woocommerce th, .woocommerce label, .woocommerce strong, .woocommerce small { color:#fff !important; } Pretojam ar TIEŠI TO PAŠU noteikumu sarakstu, bet ar vienu klasi vairāk specifiskumam (body.woocommerce-page ...), lai garantēti uzvar. / body.woocommerce-page .woocommerce span, body.woocommerce-page .woocommerce div, body.woocommerce-page .woocommerce p, body.woocommerce-page .woocommerce li, body.woocommerce-page .woocommerce td, body.woocommerce-page .woocommerce th, body.woocommerce-page .woocommerce label, body.woocommerce-page .woocommerce strong, body.woocommerce-page .woocommerce small, body.single-product .woocommerce span, body.single-product .woocommerce div, body.single-product .woocommerce p, body.single-product .woocommerce li, body.single-product .woocommerce td, body.single-product .woocommerce th, body.single-product .woocommerce label, body.single-product .woocommerce strong, body.single-product .woocommerce small, body.woocommerce-cart .woocommerce span, body.woocommerce-cart .woocommerce div, body.woocommerce-cart .woocommerce p, body.woocommerce-cart .woocommerce li, body.woocommerce-cart .woocommerce td, body.woocommerce-cart .woocommerce th, body.woocommerce-cart .woocommerce label, body.woocommerce-cart .woocommerce strong, body.woocommerce-cart .woocommerce small, body.woocommerce-checkout .woocommerce span, body.woocommerce-checkout .woocommerce div, body.woocommerce-checkout .woocommerce p, body.woocommerce-checkout .woocommerce li, body.woocommerce-checkout .woocommerce td, body.woocommerce-checkout .woocommerce th, body.woocommerce-checkout .woocommerce label, body.woocommerce-checkout .woocommerce strong, body.woocommerce-checkout .woocommerce small, .u-gaisa-wrap .woocommerce span, .u-gaisa-wrap .woocommerce div, .u-gaisa-wrap .woocommerce p, .u-gaisa-wrap .woocommerce li, .u-gaisa-wrap .woocommerce td, .u-gaisa-wrap .woocommerce th, .u-gaisa-wrap .woocommerce label, .u-gaisa-wrap .woocommerce strong, .u-gaisa-wrap .woocommerce small{ color:var(--text) !important; } / ...un tad atkal piespiežam oranžo tur, kur tam JĀBŪT oranžam (cena, pogas) — šis noteikums nāk PĒC augšējā, tāpēc uzvar. / body.woocommerce-page .woocommerce span.price, body.woocommerce-page .woocommerce .price, body.single-product .woocommerce span.price, body.single-product .woocommerce .price, body.woocommerce-cart .woocommerce span.price, body.woocommerce-cart .woocommerce .price, body.woocommerce-checkout .woocommerce span.price, body.woocommerce-checkout .woocommerce .price, .u-gaisa-wrap .woocommerce span.price, .u-gaisa-wrap .woocommerce .price{ color:var(--orange) !important; } body.woocommerce-page .woocommerce .ast-woo-product-category, body.single-product .woocommerce .ast-woo-product-category, .u-gaisa-wrap .woocommerce .ast-woo-product-category{ display:none !important; } .woocommerce div.product .product_title, .woocommerce div.product h1{color:var(--text) !important;font-size:clamp(26px,3.4vw,38px) !important;font-weight:700 !important;margin-bottom:14px !important} .woocommerce div.product .woocommerce-product-detailsshort-description, .woocommerce div.product .woocommerce-product-detailsshort-description p, .woocommerce div.product .product_meta, .woocommerce div.product .product_meta a{color:var(--muted) !important;font-size:15px !important;line-height:1.7 !important} .woocommerce-breadcrumb{color:var(--muted) !important;font-size:13px !important;margin-bottom:20px !important} .woocommerce-breadcrumb a{color:var(--muted) !important;text-decoration:underline} .woocommerce div.product .quantity input.qty{ border:1px solid var(--line) !important;border-radius:7px !important;height:44px !important; width:64px !important;text-align:center !important;font-family:'Poppins',sans-serif !important; color:var(--text) !important;background:#fff !important; } .woocommerce div.product form.cart{display:flex;align-items:center;gap:14px;margin:22px 0 !important} .woocommerce-tabs, .woocommerce-Tabs-panel{color:var(--text) !important} .woocommerce-tabs ul.tabs{border-bottom:1px solid var(--line) !important;padding-left:0 !important} .woocommerce-tabs ul.tabs li{color:var(--muted) !important} .woocommerce-tabs ul.tabs li.active, .woocommerce-tabs ul.tabs li.active a{color:var(--orange) !important} / ---------- groza tabula: produkta nosaukums, cena, kopā ---------- / .woocommerce table.cart td, .woocommerce table.cart th{color:var(--text) !important} .woocommerce table.cart .product-name a{color:var(--text) !important;font-weight:600 !important;font-size:15px !important} / ---------- Augstākas specifiskuma dublikāti tieši .u-gaisa-wrap iekšpusē (groza shortcode) — uzvar pār Astra/Spectra mantoto baltā teksta krāsu, kas radās, ja saturs bija ligzdots vecajā tumšajā hero blokā. ---------- / .u-gaisa-wrap.u-cart-page, .u-gaisa-wrap.u-cart-page .woocommerce, .u-gaisa-wrap.u-cart-page table.cart td, .u-gaisa-wrap.u-cart-page table.cart th, .u-gaisa-wrap.u-cart-page .cart_totals, .u-gaisa-wrap.u-cart-page .cart_totals , .u-gaisa-wrap.u-cart-page .cart-collaterals, .u-gaisa-wrap.u-cart-page .cart-collaterals { color:var(--text) !important; } .u-gaisa-wrap.u-cart-page table.cart .product-name a{color:var(--text) !important;font-weight:600 !important} .u-gaisa-wrap.u-cart-page table.cart .product-price, .u-gaisa-wrap.u-cart-page table.cart .product-subtotal, .u-gaisa-wrap.u-cart-page .cart_totals .order-total .amount{color:var(--orange) !important;font-weight:700 !important} .u-gaisa-wrap.u-cart-page table.cart, .u-gaisa-wrap.u-cart-page .cart_totals, .u-gaisa-wrap.u-cart-page .cart-collaterals, .u-gaisa-wrap.u-cart-page .cart-collaterals { background:var(--card) !important; } .u-gaisa-wrap.u-cart-page table.cart, .u-gaisa-wrap.u-cart-page .cart_totals{ border:1px solid var(--line) !important; } .u-gaisa-wrap.u-cart-page .cart_totals h2{color:var(--text) !important;background:transparent !important} .u-gaisa-wrap.u-cart-page table.cart th{background:var(--bg2) !important} .woocommerce table.cart .product-price, .woocommerce table.cart .product-subtotal{color:var(--orange) !important;font-weight:600 !important} .woocommerce table.cart .product-remove a{color:var(--muted) !important;font-size:20px !important} .woocommerce table.cart img{ width:56px !important;height:56px !important;object-fit:contain !important; background:var(--bg2) !important;border-radius:8px !important;padding:6px !important; } .cart_totals, .cart-collaterals .cart_totals{color:var(--text) !important} .cart_totals h2{color:var(--text) !important;font-size:19px !important;margin-bottom:14px !important} .cart_totals table.shop_table{width:100%} .cart_totals table.shop_table th, .cart_totals table.shop_table td{ padding:12px 0 !important;border-top:1px solid var(--line) !important;color:var(--text) !important; } .cart_totals .order-total .amount{color:var(--orange) !important;font-weight:700 !important;font-size:18px !important} .woocommerce-checkout #payment div.payment_box{background:var(--bg2) !important;border-radius:8px !important;color:var(--text) !important} /* ---------- checkout papildu pilnveidojumi ---------- / .woocommerce-checkout h3, .woocommerce-checkout #order_review_heading{ color:var(--text) !important;font-size:19px !important;font-weight:700 !important;margin-bottom:16px !important; } .woocommerce-checkout .form-row label{color:var(--text) !important;font-weight:500 !important;font-size:13.5px !important;margin-bottom:4px !important} .woocommerce-checkout table.woocommerce-checkout-review-order-table{ background:var(--card) !important;border:1px solid var(--line) !important;border-radius:12px !important; border-collapse:separate !important;overflow:hidden;width:100%; } .woocommerce-checkout table.woocommerce-checkout-review-order-table th, .woocommerce-checkout table.woocommerce-checkout-review-order-table td{ color:var(--text) !important;padding:14px 18px !important;border-top:1px solid var(--line) !important; } .woocommerce-checkout table.woocommerce-checkout-review-order-table .product-total, .woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total .amount{ color:var(--orange) !important;font-weight:700 !important; } .woocommerce-checkout #payment{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:12px !important} .woocommerce-checkout #payment ul.payment_methods{border-bottom:none !important} .woocommerce-checkout #payment li{color:var(--text) !important} #place_order{width:100% !important;padding:15px !important;font-size:15px !important} / ===================================================== "KODOLIEROCIS" — ID balstīti noteikumi (#u-cart-box, #u-checkout-box). ID vienmēr uzvar pār klasēm CSS specifiskumā, neatkarīgi no tā, cik !important ir konkurentam. Izmantojam, jo Astra dažviet turpināja uzvarēt pat pār klasēm ar !important. ===================================================== / #u-cart-box, #u-checkout-box, #u-cart-box .cart_totals, #u-checkout-box .cart_totals, #u-cart-box .cart-collaterals, #u-checkout-box .cart-collaterals, #u-cart-box table.cart, #u-checkout-box table.woocommerce-checkout-review-order-table, #u-cart-box .woocommerce-checkout-review-order-table, #u-checkout-box .woocommerce-checkout-review-order-table, #u-cart-box h1, #u-cart-box h2, #u-cart-box h3, #u-cart-box p, #u-cart-box span, #u-cart-box div, #u-cart-box li, #u-cart-box td, #u-cart-box th, #u-cart-box label, #u-checkout-box h1, #u-checkout-box h2, #u-checkout-box h3, #u-checkout-box p, #u-checkout-box span, #u-checkout-box div, #u-checkout-box li, #u-checkout-box td, #u-checkout-box th, #u-checkout-box label{ color:var(--text) !important; } / KRITISKI: ievades lauku TEKSTS (tas, ko lietotājs raksta) — bija balts uz balta fona, tāpēc neredzams rakstot. / #u-checkout-box input[type="text"], #u-checkout-box input[type="email"], #u-checkout-box input[type="tel"], #u-checkout-box input[type="number"], #u-checkout-box input[type="password"], #u-checkout-box textarea, #u-checkout-box select, #u-checkout-box .select2-selection, #u-checkout-box .select2-selection__rendered, #u-cart-box input[type="text"], #u-cart-box input[type="number"]{ background:#ffffff !important;color:var(--text) !important; border:1px solid var(--line) !important;border-radius:7px !important; padding:11px 14px !important; } #u-checkout-box ::placeholder{color:var(--muted) !important;opacity:1 !important} / paziņojuma josla ("... ir pievienoti grozam") / #u-checkout-box .woocommerce-message, #u-cart-box .woocommerce-message{ background:var(--card) !important;color:var(--text) !important; border:1px solid var(--line) !important;border-top:3px solid var(--orange) !important; } #u-checkout-box .woocommerce-message a{color:var(--orange) !important} #u-cart-box .cart_totals, #u-checkout-box .cart_totals, #u-cart-box .cart-collaterals, #u-checkout-box .cart-collaterals, #u-cart-box table.cart, #u-checkout-box table.woocommerce-checkout-review-order-table, #u-cart-box .woocommerce-checkout-review-order-table, #u-checkout-box .woocommerce-checkout-review-order-table, #u-cart-box #payment, #u-checkout-box #payment{ background:var(--card) !important;border:1px solid var(--line) !important;border-radius:12px !important; } #u-cart-box .price, #u-checkout-box .price, #u-cart-box .amount, #u-checkout-box .amount, #u-cart-box .order-total .amount, #u-checkout-box .order-total .amount, #u-cart-box .product-subtotal, #u-checkout-box .product-total{ color:var(--orange) !important;font-weight:700 !important; } #u-cart-box a.button, #u-cart-box button.button, #u-cart-box input.button, #u-checkout-box a.button, #u-checkout-box button.button, #u-checkout-box input.button, #u-cart-box .checkout-button, #u-checkout-box #place_order{ background:var(--orange) !important;color:#fff !important;border:none !important; border-radius:7px !important;font-weight:600 !important;box-shadow:none !important; } #u-cart-box a.button:hover, #u-cart-box button.button:hover, #u-checkout-box a.button:hover, #u-checkout-box button.button:hover{ background:#c06200 !important; } / Drošības tīkls — piespiež oranžo krāsu tieši pēc klases, neatkarīgi no tā, vai ".woocommerce" priekštecis ir klāt. / a.checkout-button, a.wc-forward, button#place_order, input#place_order, .checkout-button.button, a.button.alt, .u-cart-page a.button, .u-cart-page button.button{ background:var(--orange) !important;color:#fff !important;border:none !important; border-radius:7px !important;font-weight:600 !important;font-family:'Poppins',sans-serif !important; box-shadow:0 2px 8px rgba(246,123,0,.25) !important;text-align:center !important; text-decoration:none !important;display:inline-block !important;padding:13px 24px !important; } a.checkout-button:hover, a.wc-forward:hover, button#place_order:hover{ background:#c06200 !important;color:#fff !important; } .woocommerce-message, .woocommerce-info{ border-top-color:var(--orange) !important;background:var(--orange-soft) !important;border-radius:8px; } .woocommerce-message::before, .woocommerce-info::before{color:var(--orange) !important} @media (max-width:700px){.woocommerce ul.products{grid-template-columns:1fr !important}} / ===================================================== FOOTER ===================================================== */ .u-footer{background:var(--dark-footer);color:#999999;padding:48px 0 28px} .u-footer a{text-decoration:none;color:var(--dark-accent)} .u-footer a:hover{text-decoration:underline} .u-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px} .u-footer .fcol{font-size:13.5px;line-height:2;color:#999999} .u-footer .fcol b{color:#fff;display:block;margin-bottom:8px;font-size:14px} .u-footer .bottom{border-top:1px solid #2a2a2a;margin-top:36px;padding-top:20px;font-size:12px;color:#7a7a7a;text-align:center} .u-final-cta{background:linear-gradient(180deg, var(--dark-bg2) 0%, var(--dark-footer) 100%);border-radius:18px;padding:56px 48px;text-align:center;color:#fff;position:relative;overflow:hidden} .u-final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 700px 300px at 50% 0%, rgba(217,122,18,.18), transparent 65%)} .u-final-cta h2{color:#fff;position:relative} .u-final-cta p{color:#b0b0b0;max-width:480px;margin:0 auto 30px;position:relative;font-size:15px;line-height:1.7} .u-final-cta .u-btn{position:relative} @media (max-width:640px){ .wrap{padding:0 20px} .u-section{padding:52px 0} .u-final-cta{padding:40px 26px} }