.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --sk-dark:#111611; --sk-green:#6E8F3C; --sk-bg:#F5F5F3; --sk-text:#1A1A1A; --sk-muted:#6F756B; --sk-font-head:Manrope; --sk-font-body:Inter; } /* Start custom CSS *//* mercury-bootstrapper:grecaptcha-badge */ .grecaptcha-badge{visibility:hidden!important} /* ===== SK-HEADER ===== */ .elementor-location-header .elementor-widget-nav-menu{width:max-content!important;flex-shrink:0} .elementor-location-header .elementor-nav-menu--main ul.elementor-nav-menu{flex-wrap:nowrap} .elementor-location-header .elementor-nav-menu--main .elementor-item{position:relative;color:#FFFFFF;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:8px 4px;margin:0 17px!important;transition:color .15s ease} /* hover = ainult varvimuutus (ei liigu); aktiivne leht = staatiline 2px alajoon, ilma animatsioonita */ .elementor-location-header .elementor-nav-menu--main .elementor-item:hover{color:#9DBF62} .elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active::after, .elementor-location-header .elementor-nav-menu--main li.current-menu-parent>.elementor-item::after, .elementor-location-header .elementor-nav-menu--main li.current-menu-ancestor>.elementor-item::after{content:'';position:absolute;left:4px;right:4px;bottom:0;height:2px;background:#6E8F3C} .elementor-location-header .elementor-menu-toggle{color:#FFFFFF!important;opacity:1!important} .elementor-location-header .elementor-menu-toggle svg{fill:#FFFFFF!important} .s-hdr-search .elementor-widget{margin:0} .s-hdr-search{width:210px!important;height:38px!important;flex:0 0 auto} input.s-hdr-search-in{flex:1 1 0%;min-width:0;width:auto!important} .s-hdr-search input{width:100%;background:transparent;border:none;outline:none;box-shadow:none;color:#FFFFFF;font:400 13px/1.5 Inter,sans-serif;padding:0;height:22px} .s-hdr-search input::placeholder{color:#A9B1A5;opacity:1} .s-hdr-cart{position:relative!important} .s-hdr-cart-ico{width:22px!important;height:22px!important;flex:0 0 auto} .s-hdr-cart-badge{position:absolute!important;top:-6px!important;right:-8px!important;left:auto!important;bottom:auto!important} .s-hdr-logo svg,.s-ftr-logo svg,.s-hdr-search-ico svg,.s-hdr-cart-ico svg{display:block} .s-hdr-brand,.s-hdr-icons,.s-hdr-cart{width:auto!important;flex:0 0 auto} .s-hdr-icons,.s-hdr-cart{align-items:center} .home .elementor-location-header{position:absolute;top:0;left:0;right:0;z-index:50} .home .s-hdr-root{background:rgba(17,22,17,.42)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.12)} /* ===== SK-HERO ===== */ /* aktsentroheline: heledamal hero-fotol jai #6E8F3C (--sk-green) 2.79:1 peale = alla AA suure teksti 3:1 noude. #9DBF62 on juba brandi tokenite seas (nav-hover, vormi tarnid) ja annab samal fotol 4.5:1. */ #sk-hero-acc{color:#9DBF62} /* sub kahele reale: span paneb murdekoha kindlasse kohta (Tristan 30.07) */ #sk-hero-sub2{display:block} /* peen letterpress-tera (v3): tabab referentsi, ei soo tahetuvesid labi nagu v1 */ /* 24.09.2026: H1 grunge-tekstuur (mask-image grunge-mask-v3.png) eemaldatud - Tristan: puhas tekst */ .s-hero-t1{text-shadow:0 2px 24px rgba(0,0,0,.45)} .s-hero-sub{text-shadow:0 1px 12px rgba(0,0,0,.5)} /* TAUST = att 90 (26.07). Tuvi vasakul x 3-27%, hirv paremal x 64,7-84,8% / y 21,4-62,5%. NB: padding-block-end vajab !important - Elementori muutujapohine reegel voidab tavalise padding-bottom'i (esimene katse jai 10px peale). DESKTOP: cover taidab laiuse ja kargib ainult pusti, seega hirv on horisontaalselt alati kaadris. Hirve pusti-riba = 41,1% pildi korgusest = 0,308 x vaate laius; et see mahuks klaasheaderi (~95px) ja usaldusriba (165px) vahele, peab hero olema >= 0,308vw + 260px. Valem 31vw + 300px annab ~20px varu molemasse otsa kuni 2560px-ni; 730px katab 1025-1470px. position-y 35% tsentreerib hirve nahtavasse aknasse. */ /* 27.07: Tristan — hero oli liiga korge. Uus valem on ~90-110px madalam; hirve jalad voivad suurel ekraanil ulatuda poolläbipaistva usaldusriba taha (foto jatkub riba all). */ .s-hero{min-height:max(660px,calc(28vw + 250px));padding-block-end:104px!important;background-position:center 35%!important} @media(max-width:1024px){ /* tahvel: header on staatiline, seega ulapiirangut pole */ .s-hero{min-height:0;padding-block-end:138px!important;background-position:center center!important} } /* MOBIIL (<=767): tekst ja hirv ei mahu samale pinnale - 390px lai kaader naitaks cover'iga ainult ~40% pildi laiusest ja tekst kataks looma. Jagatud paigutus: ulal tume tekstitsoon, all 700px fotoriba (att 92 = 1420x1240 kupatus). Riba korgus on fikseeritud, seega hirve ja usaldusriba vahekord (hirv 61-395px riba ulaservast, riba algab 420px) ei soltu laiusest. auto 700px -> renderdatud laius 802px, mis katab ka 767px vaate; 80% ankurdab hirve keskele. */ @media(max-width:767px){ /* Tristan 27.07: tekst ja nupp FOTO PEAL, mitte eraldi tumedas tsoonis. Foto katab kogu hero (cover), tekst all vasakul, hirv jaab ulal paremal nahtavale; loetavuse teeb vertikaalne skrimm (ulal kerge, teksti taga tugev). */ .s-hero{min-height:700px!important;justify-content:flex-end!important;padding-block-end:216px!important;background-image:linear-gradient(180deg,rgba(17,22,17,.38) 0,rgba(17,22,17,.14) 26%,rgba(17,22,17,.16) 44%,rgba(17,22,17,.62) 70%,rgba(17,22,17,.92) 100%),url(https://skoopos.ee/wp-content/uploads/2026/07/skoopos-hero-mobile-v2.jpg)!important;background-size:cover,cover!important;background-position:center,60% 0%!important;background-repeat:no-repeat,no-repeat!important} } /* Hero teksti paigutus (tekst tuve ja hirve vahelisse tumedasse tsooni: tuvi x 3-27%, VAHE x 27-64,7%, hirv x 64,7-84,8%) EI OLE siin, vaid elementide endi stiilides: .s-hero-in (68cb1b2) padding-inline 29vw / 4vw, max-width none .s-hero-t1 (63e80e2) font-size clamp(36px,4.4vw,68px), max-width 32vw .s-hero-sub (370a42b) font-size clamp(15px,1.25vw,20px), max-width 32vw Elementori suuruse-vali votab vabateksti (unit "custom"), seega clamp() mahub sinna ara ja kit-CSS-i !important-ulekirjutust pole vaja. Muuda neid Elementori editoris, mitte siin. */ /* ===== SK-TRUST ===== 3 muugiargumenti (Tristan 26.07): garantii / tagastusoigus / brandide paritolu. Riba istub hero foto peal ja on kergelt labipaistev. min-height ja .s-hero padding-block-end on SAMA number - muidu ripub riba hero alt valja (ilma min-height'ita koigub riba korgus, sest sildid murduvad eri laiustel erinevalt). Tume klaas toimib ainult tumeda foto peal (24.07 opetus: heleda tausta peal andis pori-halli). */ .s-trust{position:relative;z-index:2;align-items:center;min-height:104px;margin-top:-104px;background:rgba(17,22,17,.55)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.14)} .s-trust-in{padding-top:20px!important;padding-bottom:20px!important} /* 4 -> 3 punkti: flexi space-between lukkaks nad servadesse hiigelvahega keskel. Vordne 3-veeruline ruudustik hoiab rutmi ja annab pikale kolmandale sildile ruumi. */ @media(min-width:1025px){ /* SK-TRUST-4 12.09: neljas punkt (tasuta tarne) -> 4 veergu, vahe 36 -> 28px. 1fr-veerud murdsid pikima sildi ("TASUTA TARNE ULE 199 EUR TELLIMUSELE") kahele reale -> max-content + space-between: iga punkt oma loomulikus laiuses, koik uhel real. */ .s-trust-in{display:grid!important;grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:0 28px;align-items:center} .s-trust-in>div{width:auto!important} } /* referents kasutab valgeid joonikoone; e-svg kirjutab root-fill'i currentColor'iks */ /* e-svg vidin annab SVG-le style="height:100%" -> ikoon venis 26x65 ja kergitas kogu riba. (sama loks mis .s-hdr-cart-ico juures 24.07.) */ .s-trust .e-svg-base{width:26px!important;height:26px!important;flex:0 0 auto} /* sisemine tekstikonteiner kandis Elementori konteineri vaikepaddingut (~10px ules-alla), mis kasvatas iga rida ja seega kogu riba korgust. */ .s-trust-in .e-con{padding:0!important} .s-trust svg{color:#FFFFFF} .s-trust svg *{fill:none!important;stroke:currentColor} @media(max-width:1024px){ /* SK-TRUST-4 12.09: 4 punkti ei mahu tahvlil uhele reale (pikim silt 13px = ~200px) -> 2x2; riba korgus 112 -> 124, SAMA number ka .s-hero padding-block-end'is ulalpool. */ .s-trust{min-height:138px;margin-top:-138px} /* 13px/1px tahemik murdis pikima sildi ("TASUTA TARNE ULE 199 EUR TELLIMUSELE") 768 px juures kahele reale ja riba kasvas hero alt valja -> tahvlil sama 12px suurus mis mobiilis. */ .s-trust-in .e-heading-base{font-size:12px!important;line-height:1.3!important;letter-spacing:.4px!important} .s-trust-in{display:grid!important;grid-template-columns:repeat(2,1fr);gap:18px 20px;padding:24px 22px!important;justify-items:start} .s-trust-in>div{padding:0!important;width:auto!important;height:auto!important} } /* mobiilis 1 veerg: 3 punkti mahub ara ilma orvu reata (2+1 nagi katki). */ @media(max-width:767px){ /* SK-TRUST-4 12.09: neljas punkt lisas mobiilile uhe rea -> 176 -> 201 (= mootdetud sisukorgus) */ .s-trust{min-height:201px;margin-top:-201px} .s-trust-in{grid-template-columns:1fr;gap:14px;padding:20px 16px!important} .s-trust-in>div{width:100%!important} /* 390px kaadris on tekstile 300px: 13px+1px tahemik murdis pikima sildi kahele reale ja riba kasvas 303px-ni, mis oleks ulatunud hirve jalgadeni (foto riba 700px, hirve alaserv 395px). 12px / .4px mahutab koik kuus rida uhele reale -> riba ~175px. */ .s-trust-in .e-heading-base{font-size:12px!important;line-height:1.3!important;letter-spacing:.4px!important} } /* suur telefon (480-767): uks vasakule pakitud veerg jattis parema poole tuhjaks (Tristan 30.07). 2 luhemat punkti korvuti, pikk brandirida taislaiuses keskel. */ @media(min-width:412px) and (max-width:767px){ .s-trust-in{grid-template-columns:repeat(2,max-content);justify-content:center;column-gap:30px} .s-trust-in>div{width:auto!important} /* SK-TRUST-4 12.09: 4 punkti = tais 2x2 ruudustik, orvu rida ei teki (varem oli 3. punkt ule rea) */ } /* ===== SK-CARDS (uhtne tootekaart: avaleht [sk_cards], /pood/, seotud tooted) ===== Markup renderdab snippet 14 + WC content-product.php — sama kood koigil lehtedel. Paigutus on flex-veerg + jaluserida (hind vasakul, korvinupp paremal); ei mingit absolute-positsioneerimist ega hover-liikumist (Tristan 27.07: kaardid ei tohi liikuda). Tootefotod on toodeldud valgeks (level white-point) -> pilt sulab valge kaardiga kokku. */ ul.products{list-style:none;margin:0;padding:0} ul.products::before,ul.products::after{content:none!important;display:none!important} ul.products li.product{float:none!important;width:auto!important;margin:0!important;clear:none!important;position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #E9EAE6;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(17,22,17,.05);transition:box-shadow .25s ease,border-color .25s ease} ul.products li.product:hover{border-color:#D8DBD3;box-shadow:0 6px 22px rgba(17,22,17,.10)} ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1 1 auto;text-decoration:none} ul.products li.product img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;margin:0!important;background:#fff} /* padding !important: poe lehel voidab muidu WC .woocommerce ul.products ... (0,4,2) reegel ja pealkiri jaab servast serva (Tristan 30.07). min-height = 2 rida: samas reas olevad kaardid saavad sama sisemise rutmi ja spec-hind vahe on igal kaardil vordne. */ ul.products li.product .woocommerce-loop-product__title{margin:0;padding:16px 18px 0!important;font:500 16px/1.35 Inter,sans-serif!important;letter-spacing:-.1px;color:#1A1A1A!important;min-height:calc(2.7em + 16px)} ul.products li.product .sk-card-spec{padding:6px 18px 0;font:400 13.5px/1.45 Inter,sans-serif;color:#6E736C;min-height:calc(2.9em + 6px)} .sk-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 14px 18px;margin-top:auto} .sk-card-price,.sk-card-price .woocommerce-Price-amount{font:700 18px/1.2 Inter,sans-serif;color:#111611!important} .sk-card-price del{opacity:.5;font-weight:500;font-size:14px;margin-right:6px} .sk-card-price ins{text-decoration:none;background:none} .sk-card-cart-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#5C7A31;border-radius:8px;flex:0 0 auto;transition:background .2s ease} .sk-card-cart-btn:hover{background:#4E6829} .sk-card-oos{display:flex;align-items:center;min-height:42px;font:600 13.5px/1.2 Inter,sans-serif;color:#C62828;flex:0 0 auto} .sk-cart-ico{width:17px;height:17px;background:#FFFFFF;-webkit-mask:url(https://skoopos.ee/wp-content/uploads/sk-icons/cart.svg) no-repeat center/contain;mask:url(https://skoopos.ee/wp-content/uploads/sk-icons/cart.svg) no-repeat center/contain} .added_to_cart{display:none!important} ul.products span.onsale{position:absolute;top:12px;left:12px;z-index:3;margin:0!important;padding:5px 10px;min-height:0!important;min-width:0!important;line-height:1!important;border-radius:4px;background:#111611!important;color:#fff!important;font:600 11px/1 Inter,sans-serif!important;letter-spacing:1px;text-transform:uppercase} /* avalehe vork: 5 veergu desktopil, 3 tahvlil, 2 mobiilis */ ul.products.sk-cards{display:grid;gap:20px} .sk-cards-5{grid-template-columns:repeat(5,minmax(0,1fr))} @media(max-width:1024px){.sk-cards-5{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}} @media(max-width:767px){ .sk-cards-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} ul.products li.product .woocommerce-loop-product__title{padding:12px 14px 0!important;font-size:14.5px!important;min-height:calc(2.7em + 12px)} ul.products li.product .sk-card-spec{padding:4px 14px 0;font-size:12.5px;min-height:calc(2.9em + 4px)} .sk-card-foot{padding:10px 10px 10px 14px} .sk-card-price,.sk-card-price .woocommerce-Price-amount{font-size:16px} .sk-card-cart-btn{width:38px;height:38px} .sk-cart-ico{width:15px;height:15px} } /* ===== SK-CATS (kategooriad tootekaardi-stiilis, 18.08) ===== Sama kaardikeel mis SK-CARDS: valge kaart, 1px aaris, contain-tootefoto, tume nimi all, hover = ainult aaris+vari (kaardid ei liigu). Foto = plaadi atomic bg (attachment-id, contain, top center); origin/clip content-box => foto elab padding-ala sees ja nimi jaab alumisele reale. */ .s-cats-row{display:grid!important;grid-template-columns:repeat(5,1fr);gap:14px} .s-cats-row>*{width:auto!important;height:auto!important;min-height:0!important} .s-cat-1,.s-cat-2,.s-cat-3,.s-cat-4,.s-cat-5{position:relative;overflow:hidden;border:1px solid #E9EAE6;box-shadow:0 1px 2px rgba(17,22,17,.05);transition:box-shadow .25s ease,border-color .25s ease;aspect-ratio:82/100;background-origin:content-box;background-clip:content-box} .s-cat-1:hover,.s-cat-2:hover,.s-cat-3:hover,.s-cat-4:hover,.s-cat-5:hover{border-color:#D8DBD3;box-shadow:0 6px 22px rgba(17,22,17,.10)} .s-cat-1-l,.s-cat-2-l,.s-cat-3-l,.s-cat-4-l,.s-cat-5-l{letter-spacing:-.1px} @media(min-width:768px) and (max-width:1024px){ .s-cats-row{grid-template-columns:repeat(3,1fr);gap:12px} } @media(max-width:767px){ .s-cats-row{grid-template-columns:repeat(2,1fr);gap:10px} .s-cat-5{grid-column:1/-1;aspect-ratio:auto;height:170px!important;background-position:center!important} .s-cat-1-l,.s-cat-2-l,.s-cat-3-l,.s-cat-4-l,.s-cat-5-l{font-size:15px!important} } /* ===== SK-SEKTSIOONIPIIR ===== 27.07: uks uksik joon (s-tarv border-top) eemaldatud — sektsioonid eristuvad AINULT taustavahetusega (valge/hall/valge/hall), sama muster labivalt. */ /* ===== SK-TILES (artiklikaardid) ===== */ /* 26.07: taust EI ole enam siin - sektsioonirutm on nuud valge(kategooriad) / hall(kaamerad) / valge(tarvikud) / hall(artiklid), ja s-tiles hall tuleb elemendi enda atomic-prop'ist. */ .s-tile-tarvikud,.s-tile-nouanded,.s-tile-meist{position:relative;overflow:hidden;border-radius:10px;transition:box-shadow .3s ease} .s-tile-tarvikud:hover,.s-tile-nouanded:hover,.s-tile-meist:hover{box-shadow:0 10px 26px rgba(17,22,17,.22)} /* 25.07: skrimm oli .78 diagonaal PLUSS elemendi enda .85 vertikaal = kaks skrimmi kihis, foto kadus ara. Nuud ainult kerge vasakserva-toonimine tiitli taha; loetavuse teeb elemendi enda alagradient. */ .s-tile-tarvikud::before,.s-tile-nouanded::before,.s-tile-meist::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,15,11,.30) 0%,rgba(11,15,11,.14) 45%,rgba(11,15,11,0) 100%);pointer-events:none;z-index:1} /* heledaim foto (cat-rajakaamerad) vajab pisut rohkem */ .s-tile-nouanded::before{background:linear-gradient(100deg,rgba(11,15,11,.38) 0%,rgba(11,15,11,.20) 45%,rgba(11,15,11,.04) 100%)} .s-tile-tarvikud>*,.s-tile-nouanded>*,.s-tile-meist>*{position:relative;z-index:2} /* ===== Joonduse parandused (30.07 audit) ===== */ /* pealkiri+nupp elavad pesastatud reas, mille 10px padding nihutas nad sisujoonelt ara */ .e-con:has(> .s-prods-t),.e-con:has(> .s-tarv-t){padding-inline:0!important} /* jaluse veerud kandsid topelt-paddingut (konteiner 10 + veerg 10) — ainult desktopil; tahvlil/mobiilis annab veeru 10px just oige joone (32+10 / 16+10) */ @media(min-width:1025px){.elementor-location-footer .elementor-element-2e8f386>.e-con{padding-inline:0!important}} /* ===== Sektsioonipealkirjad ===== */ @media(min-width:1025px){ .s-cats-t,.s-prods-t,.s-tarv-t{font-size:32px!important} } /* SK-HEADER mobile revert */ @media(max-width:1024px){ .home .elementor-location-header{position:static} .home .s-hdr-root{background:var(--sk-dark)!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none} } /* SK-HEADER responsive: otsing pakitakse ≤1024 luubi-ikooniks; puude avab headeri alla otsinguriba (.sk-search-open klassi paneb snippet 6). Atomic .s-hdr-search stiilid (local-45) laevad kit'i JAREL -> kontestitud propid vajavad !important. */ @media(max-width:1024px){ .s-hdr-in{flex-wrap:nowrap;padding-left:42px!important;padding-right:42px!important} .s-hdr-root{position:relative} .s-hdr-icons{order:3} .s-hdr-search{order:2;width:42px!important;height:42px!important;flex:0 0 auto!important;justify-content:center!important;align-items:center!important;background:transparent!important;border:none!important;padding:0!important;border-radius:8px;cursor:pointer} .s-hdr-search:hover{background:rgba(255,255,255,.07)!important} .s-hdr-search input.s-hdr-search-in{display:none} .s-hdr-search .s-hdr-search-ico{width:22px!important;height:22px!important;color:#FFFFFF} .s-hdr-root.sk-search-open .s-hdr-search{position:absolute;left:0;right:0;top:100%;width:auto!important;height:auto!important;display:flex;flex-direction:row!important;align-items:center!important;gap:10px;background:#111611!important;border-top:1px solid rgba(255,255,255,.10)!important;padding:12px 16px!important;z-index:80;cursor:default;border-radius:0} .s-hdr-root.sk-search-open .s-hdr-search input.s-hdr-search-in{display:block;flex:1 1 auto} .s-hdr-root.sk-search-open .s-hdr-search .s-hdr-search-ico{cursor:pointer} } @media(max-width:767px){ .s-hdr-in{padding-left:26px!important;padding-right:26px!important} .s-hdr-brand{order:0} /* atomic local-45 mobiilivariant paneb order:5 ja laeb kit-i jarel -> !important */ .s-hdr-search{order:1!important;margin-left:auto!important} .s-hdr-icons{order:2} .elementor-location-header .elementor-widget-nav-menu{order:3;margin-left:0} .s-hdr-cart{align-self:center;height:auto!important} .s-hdr-icons{align-self:center} /* Burgeri vidin broneeris 232px: Elementor jatab mobiili rippnavi VOOLU (kokku keriti max-height'iga, mitte display'ga) ja kit'i desktopireegel width:max-content luges selle laiuse vidinasse sisse. 100 (brand) + 232 + 14 = 346 / 358 -> korviikoon murdus teisele reale. Navi absoluutseks -> vidin on ainult burgeri laiune ja rida jaab uheks. (See oli 24.07 saadik lahtiste otste nimekirjas.) */ .s-hdr-root{position:relative} /* vidin ise on Elementoril position:relative -> absoluutne nav ankurdus 33px burgeri kulge ja menuu renderdus kitsa ribana. Staatiliseks -> ankruks saab .s-hdr-root. */ .elementor-location-header .elementor-widget-nav-menu{width:auto!important;min-width:0;position:static!important} .elementor-location-header nav.elementor-nav-menu--dropdown{position:absolute!important;left:0;right:0;top:100%;width:auto;margin-top:0;z-index:70} } /* ===== Kontrastiparandus (WCAG AA) ===== var(--sk-green) #6E8F3C + valge tekst = 3.71:1, noutav 4.5:1. Aktsentroheline jaab muutmata (hero "Eestist", ikoonid, hover-underline); ainult nupupinnad, kus valge TEKST peal istub, lahevad #5C7A31 peale = 4.90:1. */ .elementor a.sk-btn-primary,.elementor button.sk-btn-primary{background-color:#5C7A31} .elementor a.sk-btn-primary:hover,.elementor button.sk-btn-primary:hover, .elementor a.sk-btn-primary:focus-visible,.elementor button.sk-btn-primary:focus-visible{background-color:#4E6829} /* ===== SK-LOGO (Tristani paris logo, 26.07) ===== Mark = e-svg (skoopos-mark-v1.svg, fill #9DBF62 KUJU kuljes - vidin kirjutab juurtaseme fill'i currentColor'iks ja teema annaks lingile roosa #CC3366). Sonamark = sama SKOOPOS-pealkiri, aga tekst nihutatakse kastist valja ja taustaks tuleb skoopos-word-v1.svg. Nii jaab tekst DOM-i (SEO + ekraanilugeja), aga naha on paris logo. NB: URL peab olema ABSOLUUTNE - WP Rocketi css-tausta lazyload teisendab background-image'i --wpr-bg muutujaks ja lahendab juurtee-suhtelise /skoopos/... valesti (topelt /skoopos/skoopos/). Domeeni vahetusel tuleb see URL uuendada. mask-image'it Rocket ei puutu, seetottu grunge tootab. */ .s-hdr-brand,.s-ftr-brand-row{align-items:center} .s-hdr-logo,.s-hdr-logo svg{width:30px!important;height:31px!important} .s-ftr-logo,.s-ftr-logo svg{width:26px!important;height:27px!important} .s-hdr-word,.s-ftr-word{display:block!important;text-indent:100%!important;overflow:hidden!important;white-space:nowrap!important;background-image:url(https://skoopos.ee/wp-content/uploads/sk-icons/skoopos-word-v1.svg)!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:contain!important} /* laius = tapselt SVG suhtarv (200/48.1 x 28 = 116,4 -> 116): valistab parema serva subpikslise artefakti ("valge kriips") murd-DPR ekraanidel */ .s-hdr-word{width:116px!important;height:28px!important} .s-ftr-word{width:102px!important;height:25px!important} @media(max-width:767px){ .s-hdr-logo,.s-hdr-logo svg{width:26px!important;height:27px!important} .s-hdr-word{width:100px!important;height:24px!important} } /* ===== SK-NAV-DROPDOWN (rippmenuud, 26.07) ===== Menuu 21 alampunktid on paris WP menuu-elemendid (product_cat taksonoomia), seega WP annab ulemtaseme punktile current-menu-parent klassi ise. NB: Elementori enda SmartMenus EI initsialiseeru sellel saidil (ul jaab ilma 'sm' klassita ja alammenuu jaab display:none - kontrollitud ka kasitsi initsialiseerides). Seetottu on avamine siin CSS-i (hover + focus-within) ja snippeti 10 peal, mitte Elementori JS-i peal. */ .elementor-location-header .elementor-nav-menu--main ul.elementor-nav-menu{overflow:visible} .elementor-location-header .elementor-nav-menu--main li.menu-item-has-children{position:relative} /* 27.07: nooled desktopi menuust taielikult maas (Tristan) — rippmenuu avaneb hoveril nagunii */ .elementor-location-header .elementor-nav-menu--main .elementor-item .sub-arrow{display:none} /* paneel */ .elementor-location-header .elementor-nav-menu--main li.menu-item-has-children>ul.sub-menu{ display:block!important;position:absolute;top:100%;left:0;width:max-content;min-width:250px;padding:8px 0;margin:12px 0 0; background:#FFFFFF;border:1px solid #E3E4E0;border-radius:8px; box-shadow:0 14px 34px rgba(17,22,17,.16),0 2px 6px rgba(17,22,17,.06);z-index:60; opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none; transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s} .elementor-location-header .elementor-nav-menu--main li.menu-item-has-children:hover>ul.sub-menu, .elementor-location-header .elementor-nav-menu--main li.menu-item-has-children:focus-within>ul.sub-menu, .elementor-location-header .elementor-nav-menu--main li.menu-item-has-children.sk-open>ul.sub-menu{ opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s} /* Esc: fookus laheb tagasi ulemtaseme lingile, mis hoiaks focus-within'i tottu menuud lahti */ .elementor-location-header .elementor-nav-menu--main li.menu-item-has-children.sk-closed>ul.sub-menu{ opacity:0!important;visibility:hidden!important;pointer-events:none!important} /* nahtamatu sild sildi ja paneeli vahel: ilma selleta katkeb hover 12px tuhjas vahes */ .elementor-location-header .elementor-nav-menu--main li.menu-item-has-children>ul.sub-menu::before{ content:"";position:absolute;left:0;right:0;top:-13px;height:13px} .elementor-location-header .elementor-nav-menu--main ul.sub-menu li{display:block;margin:0} .elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item{ position:relative;display:block;padding:11px 28px 11px 20px;font:500 14px/1.35 Inter,sans-serif; letter-spacing:0;text-transform:none;color:#1A1A1A;background:transparent; transition:background .16s ease,color .16s ease} .elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item::before{ content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;background:#5C7A31; transform:scaleY(0);transition:transform .18s cubic-bezier(.6,.2,.1,1)} .elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:hover, .elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:focus-visible, .elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item.elementor-item-active{background:#F5F5F3;color:#111611} .elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:hover::before, .elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:focus-visible::before, .elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item.elementor-item-active::before{transform:scaleY(1)} .elementor-location-header .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:focus-visible{outline:2px solid #5C7A31;outline-offset:-2px} /* MOBIIL: burgeri all olev nav = akordion. NB klass .elementor-nav-menu--dropdown on KA desktopi ul.sub-menu elementidel, seega ilma nav-prefiksita laheks see kujundus ka sinna. */ @media(max-width:1024px){ .elementor-location-header nav.elementor-nav-menu--dropdown{background:#111611;border-top:1px solid rgba(255,255,255,.10)} .elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item{color:#FFFFFF;font:600 13px/1.4 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between} /* akordioni indikaator = pluss/miinus (mitte nool; kogu rida on puutepind, JS snippetis 10) */ .elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow{position:relative;display:inline-block;width:38px;height:38px;margin:-10px -12px -10px 0} .elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow svg{display:none} .elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow::before, .elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;opacity:.85} .elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow::before{width:12px;height:1.6px;transform:translate(-50%,-50%)} .elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item .sub-arrow::after{width:1.6px;height:12px;transform:translate(-50%,-50%);transition:opacity .18s ease} .elementor-location-header nav.elementor-nav-menu--dropdown li.sk-open>.elementor-item .sub-arrow::after{opacity:0} /* Elementori vaikimisi aktiivne/hover taust on #3F444B (sinakashall) - vale bransis ja moodetud DOM-ist. Vidina enda stiilid elavad post-45 CSS-is, mis laeb kit'i JAREL. */ .elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item:hover, .elementor-location-header nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-location-header nav.elementor-nav-menu--dropdown li.sk-open>.elementor-item{background-color:rgba(255,255,255,.07)!important;color:#FFFFFF} .elementor-location-header nav.elementor-nav-menu--dropdown li.menu-item-has-children>ul.sub-menu{ display:block!important;position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto; background:rgba(255,255,255,.045);border:none;border-radius:0;box-shadow:none;margin:0;padding:0;min-width:0; max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(.4,0,.2,1)} .elementor-location-header nav.elementor-nav-menu--dropdown li.menu-item-has-children.sk-open>ul.sub-menu{max-height:260px} .elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu::before{display:none} .elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item{ position:relative;display:block;color:#D5DBD0;font:400 14px/1.4 Inter,sans-serif;letter-spacing:.3px; text-transform:none;padding:12px 20px 12px 34px;background:transparent;border-bottom:1px solid rgba(255,255,255,.06)} .elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item::before{ content:"";position:absolute;left:20px;top:11px;bottom:11px;width:2px;background:#9DBF62;transform:scaleY(0);transition:transform .18s ease} .elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item:hover, .elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item.elementor-item-active{background:rgba(255,255,255,.07);color:#FFFFFF} .elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item:hover::before, .elementor-location-header nav.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item.elementor-item-active::before{transform:scaleY(1)} } /* ===== SK-BASE (26.07 disainiring) ===== Globaalsed parandused: teemalinkide roosa (#CC3366) -> brändiroheline sisualal, footer lehe põhja (lühikestel lehtedel jäi alla valge tühimik), lehepealkirjad samasse keelde POOD-lehega (Anton uppercase), tahvli 600px-kitsendus maha. */ main.site-main a{color:#567230} main.site-main a:hover{color:#3F5522} body:not(.elementor-editor-active){display:flex;flex-direction:column;min-height:100vh} body:not(.elementor-editor-active)>#primary.content-area{flex:1 0 auto} main.site-main h1.entry-title{font-family:Manrope,sans-serif;font-weight:800;font-size:34px;line-height:1.1;letter-spacing:0;text-transform:none;color:#111611;margin:0 0 20px} @media(max-width:767px){main.site-main h1.entry-title{font-size:30px}} /* UKS sisujoon labi saidi: 1320px konteiner + 10px kulgpadding = serv x=70 @1440, sama mis avalehe sektsioonidel. Hello vaikimisi 1140px jattis WC lehed (korv, kassa, sisulehed, blogi) 80px valemale joonele. */ body:not(.elementor-page):not(.sk-shop) main.site-main{max-width:1320px!important;padding-left:10px;padding-right:10px} /* tahvel/mobiil: sama serv mis avalehe sektsioonidel (32+10 / 16+10) */ @media(max-width:1024px){body:not(.sk-shop):not(.elementor-page) main.site-main{max-width:none!important;padding-left:42px;padding-right:42px}} @media(max-width:767px){body:not(.sk-shop):not(.elementor-page) main.site-main{padding-left:26px;padding-right:26px}} /* ===== SK-WC-BASE (nupud, teated, vormiväljad — kõik WC lehed) ===== WC vaikelilla (#7f54b3) nupud ja sinise triibuga teated -> brändi keel. Nuputoonid samad mis sk-card-cart-btn: #5C7A31 / hover #4E6829 (AA 4.9:1). */ .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit, .woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt, .wc-block-components-button:not(.is-link){ background-color:#5C7A31!important;color:#FFFFFF!important;border:none!important;border-radius:8px!important; font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important; letter-spacing:1.1px!important;text-transform:uppercase!important;padding:15px 22px!important; transition:background-color .2s ease,transform .2s ease} .woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover, .woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{ background-color:#4E6829!important;color:#FFFFFF!important} .woocommerce-notices-wrapper:empty{display:none} .woocommerce a.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button.disabled{ background-color:#9AA694!important;transform:none} /* teated kaardikeeles (17.08): 10px raadius, 1px aaris, mahe toon, ikoon vert-keskel, nupp paremal */ .woocommerce-message,.woocommerce-info,.woocommerce-error{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;position:relative;border:1px solid #DFE3DA!important;border-radius:10px;background:#F4F7EF!important;color:#1A1A1A!important;font:500 14.5px/1.5 Inter,sans-serif;padding:13px 18px 13px 46px!important;margin:0 0 20px;list-style:none!important;outline:none!important} .woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{position:absolute;left:17px;top:50%;transform:translateY(-50%);margin:0;line-height:1;color:#5C7A31!important} .woocommerce-info{background:#F5F5F3!important;border-color:#E3E4E0!important} .woocommerce-info::before{color:#6A6F68!important} .woocommerce-error{background:#F8F2F1!important;border-color:#E8D5D2!important} .woocommerce-error li{list-style:none;margin:0!important;padding:0!important} .woocommerce-error::before{color:#B3564D!important} .woocommerce-message a:not(.button){color:#567230} .woocommerce .woocommerce-message a.button,.woocommerce .woocommerce-info a.button,.woocommerce .woocommerce-error a.button{order:2;float:none!important;margin-left:auto;padding:9px 14px!important;font-size:11.5px!important;letter-spacing:.9px!important;border-radius:7px!important} @media(max-width:767px){.woocommerce .woocommerce-message a.button,.woocommerce .woocommerce-info a.button,.woocommerce .woocommerce-error a.button{flex:1 1 100%;margin-left:0;text-align:center}} .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{ border:1px solid #D8DAD5!important;border-radius:8px!important;background:#FFFFFF!important; padding:11px 13px!important;font:400 15px/1.4 Inter,sans-serif!important;color:#111611!important} .woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:#5C7A31!important;outline:none!important;box-shadow:none!important} .woocommerce form .form-row label{font:500 13px/1.4 Inter,sans-serif;color:#4A4F48} .woocommerce form .form-row .required{color:#5C7A31!important;text-decoration:none} /* ===== SK-WC-SINGLE (tooteleht) ===== */ .single-product main.site-main{max-width:1320px!important;padding-top:34px;padding-bottom:64px} .single-product div.product .product_title{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(24px,2.5vw,34px);line-height:1.12;text-transform:none;letter-spacing:0;color:#111611;margin:0 0 10px} .single-product div.product p.price{color:#111611;font:700 26px/1.2 Inter,sans-serif;margin:4px 0 16px} .single-product div.product p.price .woocommerce-Price-amount{color:#111611} .single-product div.product .woocommerce-product-details__short-description{color:#4A4F48;font:400 15.5px/1.65 Inter,sans-serif;max-width:56ch} .single-product div.product .woocommerce-product-details__short-description p{margin:0 0 8px} /* raam img'i enda peal, mitte slaidil — muidu flexslideri laiusematemaatika laguneb */ .single-product div.product div.images img{box-sizing:border-box;border-radius:10px;background:#F7F7F5} .single-product div.product form.cart{display:flex;align-items:stretch;gap:10px;margin:20px 0 24px} .single-product div.product form.cart::before,.single-product div.product form.cart::after{display:none!important;content:none!important} .single-product div.product form.cart div.quantity{margin:0} .single-product div.product form.cart .qty{height:48px;width:70px;border:1px solid #D8DAD5;border-radius:8px;text-align:center;font:500 15px/1 Inter,sans-serif;color:#111611;background:#FFFFFF} .single-product div.product form.cart .qty:focus{border-color:#5C7A31;outline:none} .single-product div.product .product_meta{border-top:1px solid #E3E4E0;margin-top:6px;padding-top:14px;font:400 13px/1.9 Inter,sans-serif;color:#6E736C} .single-product div.product .product_meta a{color:#567230} .single-product div.product .product_meta .posted_in{display:block} .woocommerce div.product table.woocommerce-product-attributes{border:1px solid #E3E4E0;border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden} .woocommerce div.product table.woocommerce-product-attributes th,.woocommerce div.product table.woocommerce-product-attributes td{border:none!important;background:transparent!important;padding:11px 16px;font:400 14px/1.5 Inter,sans-serif;font-style:normal} .woocommerce div.product table.woocommerce-product-attributes tr+tr th,.woocommerce div.product table.woocommerce-product-attributes tr+tr td{border-top:1px solid #EEEFEC!important} .woocommerce div.product table.woocommerce-product-attributes th{color:#111611;font-weight:600} /* galerii pisipildid: WC flex-control-thumbs (mitme pildi valmidus 30.07). div.images selektoris = sama spetsiifika mis WC omal (0,4,3); post-9 laeb parast woocommerce.css-i -> tie voidab. */ .single-product div.product div.images .flex-control-thumbs{display:flex;gap:10px;margin:12px 0 0;padding:0;list-style:none} .single-product div.product div.images .flex-control-thumbs li{width:auto!important;flex:0 0 76px;float:none!important;margin:0!important} .single-product div.product div.images .flex-control-thumbs img{border-radius:8px;border:2px solid transparent;background:#F7F7F5;cursor:pointer;opacity:.75;transition:opacity .15s ease,border-color .15s ease} .single-product div.product div.images .flex-control-thumbs img:hover{opacity:1} .single-product div.product div.images .flex-control-thumbs img.flex-active{opacity:1;border-color:#5C7A31} /* seotud tooted: kaardid tulevad SK-CARDS plokist, siin ainult vork */ .single-product .related.products{margin-top:64px} .single-product .related.products>h2{font-family:Manrope,sans-serif;font-weight:800;font-size:26px;line-height:1.2;text-transform:none;letter-spacing:0;color:#111611;margin:0 0 20px} .single-product .related ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;margin:0!important;padding:0} @media(max-width:767px){ .single-product .related ul.products{grid-template-columns:repeat(2,1fr);gap:12px} } /* ===== SK-WC-CART (ostukorv + kassa) ===== */ .woocommerce-cart .cart-empty.woocommerce-info{border:1px solid #E3E4E0!important;border-top-color:#E3E4E0!important;border-radius:10px!important;background:#F5F5F3!important;padding:34px 20px!important;text-align:center;font:500 17px/1.5 Inter,sans-serif} .woocommerce-cart .cart-empty.woocommerce-info::before{display:none} .woocommerce-cart .return-to-shop{text-align:center;margin-top:18px} .woocommerce table.shop_table{border:1px solid #E3E4E0!important;border-radius:10px!important;border-collapse:separate;border-spacing:0;font-family:Inter,sans-serif} .woocommerce table.shop_table th{font:600 13px/1.4 Inter,sans-serif;letter-spacing:.4px;color:#111611;background:transparent!important;border:none!important} .woocommerce table.shop_table td{border:none!important;border-top:1px solid #EEEFEC!important;background:transparent!important;font-size:14.5px} .woocommerce table.shop_table td.product-name a{color:#1A1A1A!important;font-weight:500} .woocommerce-cart table.cart img{width:64px;border-radius:8px;background:#F7F7F5} .woocommerce-cart table.cart input.qty{height:42px;width:64px;border:1px solid #D8DAD5;border-radius:8px;text-align:center;font:500 14px/1 Inter,sans-serif} /* kupong on valjas (snippet 15) ja kogus uueneb automaatselt -> actions-rida on tuhi kest, peitu. Peidetud "Uuenda ostukorvi" nupp jaab DOM-i: JS klikib seda programmiliselt. */ .woocommerce-cart table.cart td.actions{display:none!important} /* --- korvi kaheveeruline paigutus (30.07): tooted+lisamuuk vasakul, kokkuvote paremal --- */ @media(min-width:1025px){ .woocommerce-cart main .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 384px;gap:0 28px;align-items:start} .woocommerce-cart main .woocommerce>.woocommerce-notices-wrapper,.woocommerce-cart main .woocommerce>.woocommerce-message,.woocommerce-cart main .woocommerce>.woocommerce-error,.woocommerce-cart main .woocommerce>.woocommerce-info{grid-column:1/-1} .woocommerce-cart form.woocommerce-cart-form{grid-column:1;grid-row:2} .woocommerce-cart .cart-collaterals{display:contents} .woocommerce-cart .cart-collaterals .cart_totals{grid-column:2;grid-row:2/4;float:none!important;width:100%!important;position:sticky;top:24px} .woocommerce-cart .cross-sells{grid-column:1;grid-row:3;float:none!important;width:100%!important;margin-top:36px} } @media(max-width:1024px){ .woocommerce-cart .cart-collaterals .cart_totals{float:none!important;width:100%!important} .woocommerce-cart .cross-sells{float:none!important;width:100%!important;margin-top:36px} } /* lisamuugi plokk: sama kaardikeel mis mujal */ .woocommerce-cart .cross-sells>h2{font-family:Manrope,sans-serif;font-weight:800;font-size:22px;line-height:1.2;text-transform:none;letter-spacing:0;color:#111611;margin:0 0 16px} .woocommerce-cart .cross-sells ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0!important;padding:0} @media(max-width:767px){.woocommerce-cart .cross-sells ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}} /* === SK-KORV-UPSELL-1209 START (12.09) — "Sobib juurde" telefonis kompaktne nimekiri, sama kujunduskeel mis tootelehe .sk-upsell kastil. Piir on 1024 px, MITTE 767: kaheveeruline korvipaigutus (kokkuvote paremas veerus) algab alles 1025 px juures, seega kuni 1024 px lukkab kaardiplokk kokkuvotte ja "Mine maksma" allapoole tapselt samamoodi nagu telefonis (tahvlil 517 px plokk -> nupp 1238 px). Desktop jaab kaartidele. === */ @media(max-width:1024px){ .woocommerce-cart .cross-sells{margin-top:22px} .woocommerce-cart .cross-sells>h2{font-family:Inter,sans-serif;font-weight:600;font-size:12px;line-height:1.2;letter-spacing:1.1px;text-transform:uppercase;color:#6A6F68;margin:0 0 6px} .woocommerce-cart .cross-sells ul.products{display:block;grid-template-columns:none;gap:0;padding:2px 14px;border:1px solid #E3E4E0;border-radius:10px;background:#FBFBFA} .woocommerce-cart .cross-sells ul.products li.product{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible} .woocommerce-cart .cross-sells ul.products li.product:hover{border:0;box-shadow:none} .woocommerce-cart .cross-sells ul.products li.product+li.product{border-top:1px solid #EEEFEC} /* display:flex on vajalik — WC core woocommerce.css paneb sellele lingile display:block korgema spetsiifikaga kui kit'i baasreegel */ .woocommerce-cart .cross-sells ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1 1 auto;min-width:0} .woocommerce-cart .cross-sells ul.products li.product a img{flex:0 0 auto;width:44px;height:44px;aspect-ratio:auto;padding:2px;border:1px solid #EEEFEC;border-radius:6px;background:#fff;object-fit:contain} .woocommerce-cart .cross-sells ul.products li.product .sk-card-badge,.woocommerce-cart .cross-sells ul.products li.product .sk-card-spec{display:none!important} .woocommerce-cart .cross-sells ul.products li.product .woocommerce-loop-product__title{flex:1 1 auto;min-width:0;min-height:0!important;max-height:2.7em!important;padding:0!important;margin:0;font:500 13.5px/1.35 Inter,sans-serif!important;letter-spacing:0;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere} .woocommerce-cart .cross-sells ul.products li.product .sk-card-foot{flex:0 0 auto;gap:10px;padding:0;margin-top:0} .woocommerce-cart .cross-sells ul.products li.product .sk-card-price,.woocommerce-cart .cross-sells ul.products li.product .sk-card-price .woocommerce-Price-amount{font:600 14px/1.2 Inter,sans-serif;white-space:nowrap} .woocommerce-cart .cross-sells ul.products li.product .sk-card-cart-btn{width:34px;height:34px;border-radius:7px} .woocommerce-cart .cross-sells ul.products li.product .sk-cart-ico{width:14px;height:14px} .woocommerce-cart .cross-sells ul.products li.product .sk-card-oos{min-height:34px;font-size:12.5px} } /* tahvlil on rida lai — veidi suurem pisipilt ja kiri, et nimekiri ei jaaks kidur */ @media(min-width:768px) and (max-width:1024px){ .woocommerce-cart .cross-sells ul.products{padding:4px 18px} .woocommerce-cart .cross-sells ul.products li.product{gap:14px;padding:12px 0} .woocommerce-cart .cross-sells ul.products li.product a.woocommerce-LoopProduct-link{gap:14px} .woocommerce-cart .cross-sells ul.products li.product a img{width:52px;height:52px} .woocommerce-cart .cross-sells ul.products li.product .woocommerce-loop-product__title{font:500 15px/1.4 Inter,sans-serif!important;max-height:2.8em!important} .woocommerce-cart .cross-sells ul.products li.product .sk-card-price,.woocommerce-cart .cross-sells ul.products li.product .sk-card-price .woocommerce-Price-amount{font-size:15px} .woocommerce-cart .cross-sells ul.products li.product .sk-card-cart-btn{width:38px;height:38px} .woocommerce-cart .cross-sells ul.products li.product .sk-cart-ico{width:15px;height:15px} } /* === SK-KORV-UPSELL-1209 END === */ /* --- kokkuvottekast: puhas kokkuvote, tarneviis valitakse kassas --- */ /* "Ostukorvi summad" pealkiri maha (Tristan 12.09) — kast raagib ise enda eest */ .woocommerce-cart .cart_totals h2{display:none} .woocommerce-cart .cart_totals table.shop_table th,.woocommerce-cart .cart_totals table.shop_table td{padding:12px 0;font-size:14.5px;vertical-align:top} .woocommerce-cart .cart_totals table.shop_table th{width:auto;font-weight:500;color:#4A4F48} .woocommerce-cart .cart_totals table.shop_table td{text-align:right;font-weight:600;color:#111611} .woocommerce-cart .cart_totals table.shop_table tr+tr th,.woocommerce-cart .cart_totals table.shop_table tr+tr td{border-top:1px solid #EEEFEC!important} /* vahesumma maha (Tristan 12.09) — jargmine rida on nuud esimene, seega ilma ulajooneta */ .woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal{display:none} .woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal+tr th, .woocommerce-cart .cart_totals table.shop_table tr.cart-subtotal+tr td{border-top:0!important} /* tarnerea radiod maha: naita ainult valitud meetodit tavalise reana (valik tehakse kassas sammus 2) */ .woocommerce-cart .cart_totals ul#shipping_method{list-style:none;margin:0;padding:0} .woocommerce-cart .cart_totals ul#shipping_method li{display:none;margin:0;padding:0} /* :only-child on kohustuslik — kui tarnepiirang jatab alles AINULT uhe vedaja, renderdab WC raadionupu asemel type=hidden sisendi, mis ei saa kunagi :checked olla; ilma selleta kadus tarnerida ara ja summa kasvas 4,90 EUR vorra ilma seletuseta (leitud 12.09). */ .woocommerce-cart .cart_totals ul#shipping_method li:has(input.shipping_method:checked), .woocommerce-cart .cart_totals ul#shipping_method li:only-child{display:block} .woocommerce-cart .cart_totals ul#shipping_method input.shipping_method{display:none} .woocommerce-cart .cart_totals ul#shipping_method label{margin:0;font-weight:600;color:#111611;cursor:default} .woocommerce-cart .cart_totals img.montonio-shipping-carrier-logo{display:none!important} .woocommerce-cart .cart_totals .woocommerce-shipping-destination{display:block;margin:4px 0 0;font:400 12.5px/1.5 Inter,sans-serif;color:#6A6F68;text-align:right} .woocommerce-cart .cart_totals tr.order-total .includes_tax{white-space:nowrap} .woocommerce-cart .cart_totals tr.woocommerce-shipping-totals p{margin:4px 0 0;font-size:12.5px;font-weight:400;color:#6A6F68} .woocommerce-cart .cart_totals tr.order-total .amount{font:700 20px/1.2 Inter,sans-serif;color:#111611} .woocommerce-cart .cart_totals tr.order-total .includes_tax,.woocommerce-cart .cart_totals tr.order-total .includes_tax .amount{display:block;margin-top:2px;font:400 12px/1.4 Inter,sans-serif;color:#6A6F68} .woocommerce-cart .wc-proceed-to-checkout{padding:6px 0 0!important} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;text-align:center;margin:0!important} /* eemalda-X: puhas ring-ikoon, mitte teema vaikelink */ /* line-height:28px + line-height 0 flexis: x-gluufi joonekast tsentreerub ringi (enne istus madalal) */ .woocommerce a.remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid #E3E4E0;color:#6E736C!important;font-size:17px!important;font-weight:400!important;line-height:0!important;padding:0 0 3px;text-decoration:none;background:#fff;transition:border-color .15s ease,color .15s ease,background .15s ease} .woocommerce a.remove:hover{color:#B3564D!important;border-color:#D9B7B3;background:#FBF4F3!important} .cart_totals h2,.woocommerce-billing-fields h3,#ship-to-different-address,#order_review_heading{font:600 18px/1.3 Inter,sans-serif!important;color:#111611} .woocommerce-cart .cart-collaterals .cart_totals{background:#FFFFFF;border:1px solid #E3E4E0;border-radius:10px;padding:22px} .woocommerce-cart .cart-collaterals .cart_totals table.shop_table{border:none!important} .woocommerce-checkout #payment{background:#F5F5F3!important;border-radius:10px} .woocommerce-checkout #payment div.payment_box{background:#FFFFFF!important;border-radius:8px;font-family:Inter,sans-serif;color:#4A4F48} .woocommerce-checkout #payment div.payment_box::before{display:none} .woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid #E3E4E0!important;font-family:Inter,sans-serif} /* mobiil: WC peidab tootepildi ja laob read "Silt:väärtus" hunnikuks — ehita rida kaardiks */ @media (max-width:768px){ .woocommerce-cart table.shop_table.cart{border:none!important;border-radius:0!important;background:transparent;overflow:visible} .woocommerce-cart table.shop_table.cart tbody,.woocommerce-cart table.shop_table.cart tr{display:block} .woocommerce-cart table.shop_table.cart tr.cart_item{ display:grid;grid-template-columns:72px minmax(0,1fr) auto; grid-template-areas:'thumb name remove' 'thumb price price' 'qty qty subtotal'; align-items:center;column-gap:14px;row-gap:4px; background:#FFFFFF;border:1px solid #E3E4E0;border-radius:10px;padding:14px;margin:0 0 12px} .woocommerce-cart table.shop_table.cart tr.cart_item td{display:block;border:none!important;padding:0;background:transparent;text-align:left!important} .woocommerce-cart table.shop_table.cart tr.cart_item td::before{display:none!important;content:none!important} .woocommerce-cart table.shop_table.cart td.product-thumbnail{display:block!important;grid-area:thumb;align-self:start} .woocommerce-cart table.shop_table.cart td.product-name{grid-area:name} .woocommerce-cart table.shop_table.cart td.product-price{grid-area:price;font-size:13px;color:#6A6F68} .woocommerce-cart table.shop_table.cart tr.cart_item td.product-remove{grid-area:remove;text-align:right!important;align-self:start} .woocommerce-cart table.shop_table.cart td.product-quantity{grid-area:qty;margin-top:10px;align-self:center} .woocommerce-cart table.shop_table.cart td.product-subtotal{grid-area:subtotal;text-align:right!important;font:600 16px/1.2 Inter,sans-serif;margin-top:10px;align-self:center} } /* === SK-KORV-RIDA-1209 START (12.09) — korvirida telefonis kompaktsemaks. Uhiku hind on qty=1 puhul TAPSELT sama number mis vahesumma, seega peidetud; :has'i vaartusevalija hoiab selle alles siis, kui kogus on suurem kui 1 (korv laeb koguse muutmisel uuesti, nii et value-atribuut on alati oige). Rida 174 -> ~120 px. === */ @media (max-width:768px){ .woocommerce-cart table.shop_table.cart tr.cart_item{grid-template-columns:56px minmax(0,1fr) auto;column-gap:12px;row-gap:2px;padding:12px;margin:0 0 10px} .woocommerce-cart table.shop_table.cart tr.cart_item:has(td.product-quantity input.qty[value="1"]) td.product-price{display:none} .woocommerce-cart table.shop_table.cart td.product-name a{font-size:14.5px!important;line-height:1.3} .woocommerce-cart table.shop_table.cart td.product-quantity{margin-top:8px} .woocommerce-cart table.shop_table.cart td.product-subtotal{margin-top:8px;font-size:15.5px} .woocommerce-cart table.cart input.qty{height:36px;width:58px} .woocommerce-cart .woocommerce a.remove{width:26px;height:26px;font-size:16px!important} } /* === SK-KORV-RIDA-1209 END === */ /* ===== SK-BLOG v2 (/nouanded/ arhiiv: hero-kaart + meta-rida) ===== */ .blog main.site-main{padding-top:34px;padding-bottom:72px} .blog .page-header h1.entry-title{margin-bottom:8px} .blog .page-content{display:grid;grid-template-columns:repeat(2,1fr);gap:26px} .blog .page-content>.sk-bl-lead{grid-column:1/-1;font:400 16.5px/1.6 Inter,sans-serif;color:#4A4F48;max-width:68ch;margin:0 0 8px} @media(max-width:767px){.blog .page-content{grid-template-columns:1fr;gap:20px}} .blog article.post{position:relative;display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E9EAE6;border-radius:12px;overflow:hidden;padding:0 0 22px;margin:0!important;box-shadow:0 1px 2px rgba(17,22,17,.05);transition:box-shadow .25s ease,transform .25s ease} .blog article.post:hover{box-shadow:0 2px 4px rgba(17,22,17,.08),0 16px 34px rgba(17,22,17,.12);transform:translateY(-3px)} .blog article.post>a{order:1;display:block;overflow:hidden} .blog article.post img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .35s ease} .blog article.post:hover img{transform:scale(1.03)} .blog article.post h2.entry-title{order:2;font:600 20px/1.3 Inter,sans-serif;margin:18px 22px 0} .blog article.post h2.entry-title a{color:#1A1A1A!important;text-decoration:none} .blog article.post h2.entry-title a::after{content:"";position:absolute;inset:0;z-index:1} .sk-bl-meta{order:2;display:block;font:600 12px/1.4 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:#5C7A31;margin:9px 22px 0} .blog article.post p{order:3;margin:8px 22px 0;color:#4A4F48;font:400 15px/1.6 Inter,sans-serif} @media(min-width:768px){ .blog:not(.paged) .page-content article.post:first-of-type{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr auto auto auto 1fr;padding:0} .blog:not(.paged) .page-content article.post:first-of-type>a{grid-area:1/1/6/2;height:100%} .blog:not(.paged) .page-content article.post:first-of-type img{height:100%;min-height:340px;aspect-ratio:auto} .blog:not(.paged) .page-content article.post:first-of-type h2.entry-title{grid-area:2/2/3/3;font-size:26px;line-height:1.25;margin:0 34px} .blog:not(.paged) .page-content article.post:first-of-type .sk-bl-meta{grid-area:3/2/4/3;margin:10px 34px 0} .blog:not(.paged) .page-content article.post:first-of-type p{grid-area:4/2/5/3;margin:10px 34px 0} } .blog nav.pagination{display:flex;justify-content:space-between;gap:16px;margin-top:36px;padding-top:22px;border-top:1px solid #E9EAE6} .blog nav.pagination a{font:600 13px/1.2 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:#5C7A31;text-decoration:none;transition:color .2s ease} .blog nav.pagination a:hover{color:#111611} /* ===== SK-PAGES (Meist, Kontakt jm sisulehed) ===== */ body.page:not(.elementor-page) main.site-main{padding-top:26px;padding-bottom:64px} .sk-lead{font:400 18px/1.7 Inter,sans-serif;color:#1A1A1A;max-width:68ch;margin:0 0 26px} .sk-cardrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 26px} @media(max-width:767px){.sk-cardrow{grid-template-columns:1fr}} .sk-cardrow>div,.sk-cardrow>a{background:#F5F5F3;border-radius:10px;padding:22px;color:#1A1A1A;text-decoration:none;display:block} .sk-cardrow>a:hover{background:#EDEEE9} .sk-cc-l{display:block;font:600 12px/1.2 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:#6A6F68;margin-bottom:8px} .sk-cc-v{display:block;font:600 17px/1.35 Inter,sans-serif;color:#111611} .sk-cardrow h2{font:600 16px/1.3 Inter,sans-serif;color:#111611;margin:0 0 8px} .sk-cardrow p{margin:0;font:400 14.5px/1.6 Inter,sans-serif;color:#4A4F48} .sk-note{font:400 13px/1.5 Inter,sans-serif;color:#6A6F68} a.sk-btn{display:inline-block;background:#5C7A31;color:#FFFFFF!important;border-radius:8px;font:600 13px/1 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;padding:15px 24px;text-decoration:none;transition:background .2s ease} a.sk-btn:hover{background:#4E6829} .page .entry-content{font:400 15.5px/1.65 Inter,sans-serif;color:#4A4F48} /* ===== SK-CMPLZ (consent-nupp brändi keelde) ===== */ #cmplz-manage-consent .cmplz-manage-consent{background:#111611!important;color:#E7EAE4!important;border:1px solid rgba(255,255,255,.16)!important;border-bottom:none!important;border-radius:8px 8px 0 0!important;font-family:Inter,sans-serif!important;font-size:12px!important;font-weight:500!important;letter-spacing:.3px;padding:9px 14px!important;box-shadow:0 -2px 12px rgba(17,22,17,.18)!important;opacity:.92} #cmplz-manage-consent .cmplz-manage-consent:hover{opacity:1} /* SK-PATCH-2707: WC-mallidel pole #primary wrapperit; wpautop br = grid-item */ body:not(.elementor-editor-active)>main.site-main{flex:1 0 auto} .sk-cardrow br{display:none} /* SK-PATCH2-2707: galerii opacity-kaitse; kontakti p:empty */ .woocommerce-product-gallery{opacity:1!important} .sk-cardrow>p:empty{display:none} /* ===== SK-AVALEHT-2707 (avalehe disainiring) ===== */ /* 1) hero alapealkiri + CTA skaleeruvad suurel ekraanil koos H1-ga (H1 62/72 oli juba olemas) */ @media(min-width:1600px){ .s-hero-sub{font-size:22px!important} .s-hero a.sk-btn-primary{font-size:14px;padding:17px 30px} } @media(min-width:2200px){ .s-hero-sub{font-size:24px!important} .s-hero a.sk-btn-primary{font-size:15px;padding:19px 34px} } /* 2) usaldusriba: 3 punkti tasakaalus (enne vasakule pakitud, parem ots tühi) */ @media(min-width:1025px){ .s-trust-in{justify-items:center} } /* 3) tahvel: bento auguta — cat-1 kahe veeru laiune, rida 2 = 3 plaati */ /* (18.08: tahvli kategooriagrid kolis SK-CATS plokki) */ /* 4) karussellid asendatud [sk_cards] staatilise vorguga (27.07) — dots-reegleid pole vaja */ /* ===== SK-TOODE-2707 (tooteleht: läbimõeldud paigutus, snippet 13 elemendid) ===== */ .single-product div.product div.images{width:46%!important} .single-product div.product div.summary{width:50%!important} .single-product div.product .sk-km{font:400 13px/1.4 Inter,sans-serif;color:#6E736C;margin:-10px 0 16px} /* 30.07: KM-margis votab hinnarea sisse (koormav eraldi rida maas); tarnekast ohem */ .single-product div.product p.price .sk-km-in{font:400 13px/1 Inter,sans-serif;color:#6E736C;margin-left:8px;letter-spacing:0;text-transform:none} .single-product .sk-specs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:2px 0 8px;padding:0} .single-product .sk-specs li{background:#F5F5F3;border:1px solid #E3E4E0;border-radius:999px;padding:7px 13px;font:500 13px/1 Inter,sans-serif;color:#3F443E} .single-product div.product .woocommerce-product-details__short-description{max-width:none} .single-product .sk-delivery{display:flex;align-items:center;gap:11px;background:#F5F5F3;border-radius:10px;padding:10px 14px;margin:10px 0 4px;max-width:430px} .single-product .sk-delivery svg{width:24px;height:24px;color:#5C7A31;flex:0 0 auto} .single-product .sk-delivery strong{display:inline;font:600 13.5px/1.35 Inter,sans-serif;color:#111611} .single-product .sk-delivery span{font:400 13px/1.4 Inter,sans-serif;color:#6A6F68} .single-product .sk-delivery span::before{content:"— ";color:#B8BCB4} .single-product .sk-trustrow{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0 0 20px;padding:0} .single-product .sk-trustrow li{display:flex;align-items:center;gap:8px;font:500 13px/1 Inter,sans-serif;color:#3F443E} .single-product .sk-trustrow svg{width:18px;height:18px;color:#5C7A31;flex:0 0 auto} /* "Osta koos" lisavarustuse plokk ostuvormi sees (snippet 13) */ .single-product div.product form.cart{flex-wrap:wrap} .sk-upsell{flex:1 1 100%;margin:2px 0 14px;border:1px solid #E3E4E0;border-radius:10px;padding:14px 16px 6px;background:#FBFBFA} .sk-upsell-t{display:block;font:600 12px/1.2 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:#6A6F68;margin-bottom:4px} .sk-upsell-row{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer} .sk-upsell-row+.sk-upsell-row{border-top:1px solid #EEEFEC} .sk-upsell-row input[type=checkbox]{width:18px;height:18px;accent-color:#5C7A31;flex:0 0 auto;margin:0;cursor:pointer} .sk-upsell-img{width:44px;height:44px;flex:0 0 auto;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #EEEFEC} .sk-upsell-img img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important} .sk-upsell-n{flex:1 1 auto;font:500 14px/1.35 Inter,sans-serif;color:#1A1A1A} .sk-upsell-p,.sk-upsell-p .woocommerce-Price-amount{font:600 14px/1.2 Inter,sans-serif;color:#111611;white-space:nowrap} .sk-prod-sec{clear:both} .sk-prod-sec .sk-prod-desc{font:400 15.5px/1.7 Inter,sans-serif;color:#4A4F48;max-width:72ch} .sk-prod-sec .sk-prod-desc p{margin:0 0 12px} .sk-prod-sec table.woocommerce-product-attributes{max-width:640px} @media(max-width:767px){ .single-product div.product div.images,.single-product div.product div.summary{width:100%!important} .single-product .sk-delivery{max-width:none} } /* ===== SK-NAV-HOVER-FIX (29.07) ===== Elementori widget-CSS '.elementor-nav-menu--main .elementor-nav-menu a:hover' (0,3,1) voitis kit'i .elementor-item reegli (0,3,0) ja taastas hoveril paddingu 13px 20px -> hoveritud punkt kasvas +32x10px ja kogu menuurida nihkus. Sama padding koigile olekutele. */ .elementor-location-header .elementor-nav-menu--main .elementor-item:hover, .elementor-location-header .elementor-nav-menu--main .elementor-item:focus, .elementor-location-header .elementor-nav-menu--main .elementor-item.highlighted{padding:8px 4px} /* ===== SK-KONTAKT-VORM (30.07 v3) — kontaktandmed VASAKUL, vorm PAREMAL (Tristan). Infokaardid taaskasutavad SK-PAGES sk-cc-l/sk-cc-v stiile. Hea-teada kast eemaldatud. */ .sk-kontakt-grid{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:44px;align-items:start;margin:34px 0 0} .sk-kg-info{display:grid;gap:14px;margin:0} .sk-kg-info>a,.sk-kg-info>div{background:#F5F5F3;border-radius:10px;padding:22px;display:block;text-decoration:none;color:#1A1A1A} .sk-kg-info>a:hover{background:#EDEEE9} .sk-kg-info>p:empty,.sk-kg-info br{display:none} .sk-kontakt-grid>p:empty,.sk-kontakt-grid br{display:none} .elementor-137 .sk-kontakt-vorm-wrap{margin:0!important;padding:0} .elementor-137 .sk-kv-main{flex:1 1 auto!important;width:100%;max-width:680px;padding:0} .elementor-137 .sk-kv-h .elementor-heading-title{margin:0} .elementor-137 .sk-kontakt-vorm .elementor-field-group{margin-bottom:14px} .elementor-137 .sk-kontakt-vorm .elementor-field-type-acceptance{margin-top:2px;margin-bottom:18px} .elementor-137 .sk-kontakt-vorm .elementor-field-textual::placeholder{color:#9AA094} .elementor-137 .sk-kontakt-vorm .elementor-field-textual:focus{border-color:#5C7A31;outline:none;box-shadow:none} .elementor-137 .sk-kontakt-vorm .elementor-field-type-acceptance label{font:400 13.5px/1.5 Inter,sans-serif;color:#4A4F48} .elementor-137 .sk-kontakt-vorm .elementor-field-type-acceptance a{color:#567230;text-decoration:underline} .elementor-137 .sk-kontakt-vorm .elementor-field-type-acceptance input[type=checkbox]{accent-color:#5C7A31;width:16px;height:16px} .elementor-137 .sk-kontakt-vorm .elementor-button[type=submit]:hover{transform:translateY(-1px)} .elementor-137 .sk-kontakt-vorm .elementor-message{margin-top:14px} .elementor-137 .sk-kontakt-vorm .elementor-message.elementor-message-success{font:500 15px/1.5 Inter,sans-serif;color:#3F5522} .elementor-137 .sk-kontakt-vorm .elementor-message.elementor-message-danger{font:500 14px/1.5 Inter,sans-serif;color:#B3564D} .elementor-137 .sk-kontakt-vorm .elementor-error .elementor-field-textual{border-color:#B3564D} @media(max-width:1024px){ .sk-kontakt-grid{grid-template-columns:1fr;gap:30px;margin-top:26px} /* tahvlil infokaardid reas, mobiilis virnas */ .sk-kg-info{grid-template-columns:repeat(3,1fr)} } @media(max-width:767px){ .sk-kg-info{grid-template-columns:1fr} } /* ===== SK-KINNITUS (order-received; snippet 20) ===== */ .woocommerce-order .woocommerce-thankyou-order-received{display:none} /* keskne 780px veerg: pealkiri + kogu sisu */ .woocommerce-order-received .page-header,.woocommerce-order-received .page-content{max-width:780px;margin-inline:auto} .woocommerce-order-received .page-header{margin:0 auto 20px;padding:0} .woocommerce-order-received h1.entry-title{font-size:36px;line-height:1.12;text-wrap:balance;margin:0} .sk-ty-head{display:flex;flex-direction:row;align-items:center;gap:14px;margin:0 0 32px} .sk-ty-ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#5C7A31;color:#fff} .sk-ty-ico svg{width:19px;height:19px} .sk-ty-lead{margin:0;font:400 15.5px/1.6 Inter,sans-serif;color:#4A4F48} /* tellimuse ulevaade: 4 vordset kaarti. NB wc-blocks.css laadib kit'i jarel ja annab ul.woocommerce-order-overview'le repeat(3,minmax(0,1fr)) — selektor peab olema 3 klassiga */ .woocommerce-order ul.woocommerce-order-overview.woocommerce-thankyou-order-details{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:0 0 36px;padding:0} .woocommerce-order ul.woocommerce-thankyou-order-details li{background:#F5F5F3;border-radius:10px;padding:14px 16px;border-right:none!important;float:none!important;margin:0!important;font:600 11px/1.4 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:#6A6F68} .woocommerce-order ul.woocommerce-thankyou-order-details li strong{display:block;margin-top:5px;font:600 16px/1.3 Inter,sans-serif;letter-spacing:0;text-transform:none;color:#111611} /* sektsioonid uhtlase rutmiga */ .woocommerce-order .woocommerce-order-details,.woocommerce-order .woocommerce-customer-details{margin:36px 0 0;max-width:none} .woocommerce-order .woocommerce-order-details__title,.woocommerce-order .woocommerce-customer-details h2{font-family:Manrope,sans-serif;font-weight:800;font-size:22px;line-height:1.2;text-transform:none;letter-spacing:0;color:#111611;margin:0 0 14px} .woocommerce-order table.shop_table{width:100%;margin:0} .woocommerce-order table.shop_table tfoot th{font-weight:500;color:#4A4F48} /* aadressid: vordsed veerud; WC clearfix ::before/::after oleks grid'is fantoomlahter */ .woocommerce-order .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:20px} .woocommerce-order .col2-set::before,.woocommerce-order .col2-set::after{content:none} .woocommerce-order .col2-set .col-1,.woocommerce-order .col2-set .col-2{float:none;width:100%;max-width:none;margin:0;padding:0} .woocommerce-order .woocommerce-customer-details address{border:1px solid #E3E4E0!important;border-radius:10px;padding:18px 20px!important;font:400 14.5px/1.7 Inter,sans-serif;color:#1A1A1A;font-style:normal} @media(max-width:1024px){ .woocommerce-order-received h1.entry-title{font-size:30px} } @media(max-width:767px){ .woocommerce-order-received h1.entry-title{font-size:26px} .woocommerce-order-received .page-header{margin:0 auto 16px} .sk-ty-head{align-items:flex-start;margin:0 0 28px} .sk-ty-ico{width:36px;height:36px;flex-basis:36px} .sk-ty-ico svg{width:17px;height:17px} .woocommerce-order ul.woocommerce-order-overview.woocommerce-thankyou-order-details{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 28px} .woocommerce-order .woocommerce-order-details,.woocommerce-order .woocommerce-customer-details{margin-top:28px} .woocommerce-order .col2-set{grid-template-columns:1fr;gap:14px} } /* ===== SK-KASSA-3SAMMU (kolmeastmeline kassa; snippet 17 ehitab DOM-i) ===== */ /* Stepper: lame segmentriba (3 vordset plokki, ulajoon = progress), MITTE ringid+jooned. Toonid: aktiivne joon #111611, tehtud #6E8F3C, ootel #E3E4E0. */ .sk-co-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 24px} .sk-co-step{appearance:none;-webkit-appearance:none;background:transparent;border:none;border-top:3px solid #E3E4E0;border-radius:0;padding:10px 2px 0;text-align:left;cursor:pointer;display:block} .sk-co-step:disabled{cursor:default} .sk-co-step-lbl{font-family:Manrope,sans-serif;font-weight:800;font-size:17px;line-height:1.2;text-transform:none;letter-spacing:0;color:#9AA096} .sk-co-step.is-active{border-top-color:#111611} .sk-co-step.is-active .sk-co-step-lbl{color:#111611} .sk-co-step.is-done{border-top-color:#6E8F3C} .sk-co-step.is-done .sk-co-step-lbl{color:#4A4F48} .sk-co-step:not(:disabled):hover .sk-co-step-lbl{color:#111611} /* stepper on