/* ============================================================ REVOLO — hlavný CSS súbor child témy Načítava sa v functions.php (revolo_enqueue_css), verzia = filemtime. Pôvod: presunuté 1:1 z Customizer → Doplnkové CSS (2026-09-27). Pravidlá: tokeny --rv-*, žiadne nové !important, mobile-first. ZLOMY (rovnaké ako téma WoodMart): mobil = základ, bez media query (do 767px) tablet = @media (min-width: 768px) (768–1024px) PC = @media (min-width: 1025px) (od 1025px) Výnimky: .vc_hidden-* (musí sedieť s WPBakery: 767/991/1199), komponenty v úzkych stĺpcoch → @container (napr. .rv-trust). ============================================================ */ /* ============================================================ REVOLO — DODATOČNÉ CSS (konsolidované) 2026-08 Jeden zdroj pravdy. Premenné hore → mení sa na jednom mieste. ZMENA OPROTI 2026-06: - jedna tieňová škála pre celý web (--rv-shadow / --rv-shadow-hover) - jeden prechod (--rv-ease) namiesto "transition:all .3s ease" - jeden zdvih na hover (--rv-lift) namiesto miešaných -2px/-3px - koncový override blok "MÄKKÉ TIENE + FAQ" je zapracovaný priamo do pravidiel a ako samostatný blok už neexistuje Nič nebolo odstránené — labely, trust sekcia, B2B, WooCommerce a WPBakery opravy sú kompletné. ============================================================ */ /* ---------- PÍSMO INTER (jediný zdroj, 2026-10-01) ---------- Variabilný font: jeden súbor = všetky hrúbky 100–900. latin = základná latinka, latin-ext = diakritika (č š ž ľ ť ě ř ů…); prehliadač stiahne iba súbor, ktorého znaky stránka obsahuje. Súbory: assets/fonts/ (lokálne, žiadne volanie Googlu). Preload je v header.php. Ostatné zdroje Interu sú vypnuté: WoodMart Google fonty a WP knižnica fontov (functions.php blok 20), WoodMart „Custom fonts“ vyprázdnené (záloha v zalohy/). */ @font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;} @font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} /* ---------- PREMENNÉ (všetko sa ladí tu) ---------- */ :root{ /* farby */ --apple-black:#1d1d1f; --apple-grey:#86868b; --apple-border:rgba(0,0,0,.08); --rv-brand:#26367a; --rv-brand-soft:rgba(38,54,122,.06); --rv-action:#0071e3; --rv-surface: #f4f6fa; /* rámiky a texty kariet (rovnaké ako .rv-kt / .rv-ft; 2026-10-04 aj košík a pokladňa) */ --rv-line:#d9e2f1; --rv-line-soft:#e3e8f2; --rv-text:#3c4152; --rv-muted:#5b6275; --rv-icon-bg:#eaf2fd; --rv-focus-ring:0 0 0 3px rgba(0,113,227,.16); /* hlásenia (úspech / chyba / informácia) – 2026-10-04 */ --rv-ok:#1f9d57; --rv-ok-bg:#f0faf4; --rv-ok-line:#c3e8d1; --rv-err:#d70015; --rv-err-bg:#fff5f5; --rv-err-line:#f6c9cd; --rv-info:var(--rv-action); --rv-info-bg:#f5f9ff; --rv-info-line:#cfe0fb; /* štítky typu požiadavky vo formulári reklamácií (reklamácia = oranžová, výmena = fialová) – 2026-10-06 */ --rv-warn:#b4570b; --rv-warn-bg:#fff1e6; --rv-violet:#6a3fc9; --rv-violet-bg:#f2ecff; /* ---- TIENE — jedna škála pre celý web ---- sm = pokojový stav drobných prvkov (FAQ položka) base = každá karta v pokoji hover = každá karta pri prejdení myšou label = pilulky na produktoch (malé, blízko k obrázku) */ --rv-shadow-sm:0 1px 2px rgba(0,0,0,.03); --rv-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(0,0,0,.055); --rv-shadow-hover:0 2px 5px rgba(0,0,0,.05),0 20px 48px rgba(38,54,122,.14); --rv-shadow-label:0 2px 6px rgba(0,0,0,.10); /* spätná kompatibilita — staré názvy ukazujú na novú škálu, aby sa nič nerozbilo, ak ich používaš niekde v inline štýloch */ --apple-shadow-light:var(--rv-shadow); --apple-shadow-deep:var(--rv-shadow); /* tvar + pohyb */ /* zaoblenie: lg = karty, boxy, sekcie, okná · md = tlačidlá, polia, menšie dlaždice · sm = drobnosti */ --rv-radius-lg:16px; --rv-radius-md:12px; --rv-radius-sm:8px; --card-radius:var(--rv-radius-lg); --card-radius-sm:var(--rv-radius-lg); --rv-lift:translateY(-3px); --rv-ease:.35s cubic-bezier(.25,.1,.25,1); --rv-transition:transform var(--rv-ease),box-shadow var(--rv-ease),border-color var(--rv-ease); --rv-section-soft:linear-gradient(180deg,#fff 0%,#f7f8fb 100%); /* rytmus sekcií (mobil; PC nižšie) */ --rv-section-space-mobile:48px; --rv-section-space-desktop:80px; --rv-section-space:var(--rv-section-space-mobile); --rv-title-gap:16px; /* veľkosti nadpisov (mobil; PC nižšie) */ --rv-h1-mobile:32px; --rv-h2-mobile:26px; --rv-h3-mobile:20px; --rv-h1-desktop:44px; --rv-h2-desktop:32px; --rv-h3-desktop:22px; --rv-h1:var(--rv-h1-mobile); --rv-h2:var(--rv-h2-mobile); --rv-h3:var(--rv-h3-mobile); --rv-eyebrow:11px; /* názov produktu na detaile (2026-10-16) */ --rv-h-product:22px; } @media(min-width:768px){ :root{ --rv-section-space:var(--rv-section-space-desktop); --rv-h1:var(--rv-h1-desktop); --rv-h2:var(--rv-h2-desktop); --rv-h3:var(--rv-h3-desktop); --rv-h-product:26px; } } /* ---------- ZÁKLAD ---------- */ body{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;color:#212529;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} p{margin-bottom:1.1em;} b,strong{color:#001744;font-weight:600;} body ul li,body ol li{font-size:14px;color:#212529;} h1,h2{line-height:1.25;letter-spacing:-.78px;color:var(--apple-black);} h3{line-height:1.2;letter-spacing:-.025em;font-weight:900;color:var(--apple-black);} /* ---------- TYPOGRAFIA NADPISOV (jednotné veľkosti) ---------- */ /* H1 — jeden na stránku */ .title-section-posts,.wd-title-color h1,h1.title{font-size:var(--rv-h1);line-height:1.15;letter-spacing:-.95px;font-weight:900;color:var(--apple-black);} @media(min-width:768px){.title-section-posts,.wd-title-color h1,h1.title{line-height:1.2;letter-spacing:-1.32px;}} /* H2 — nadpis sekcie */ .woodmart-title-container h2,h2.title,.entry-content h2{font-size:var(--rv-h2);line-height:1.25;letter-spacing:-.78px;} /* H3 — podnadpis */ .woodmart-title-container h3,h3.title,.entry-content h3{font-size:var(--rv-h3);line-height:1.3;letter-spacing:-.4px;} /* eyebrow (malý nadpis nad H2) */ .title-subtitle{font-size:var(--rv-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:rgba(60,60,67,.72);} /* odstup pod nadpisom */ .woodmart-title-container,.entry-content h2,.entry-content h3{margin-bottom:var(--rv-title-gap);} /* ---------- RYTMUS SEKCIÍ (default bez !important → výnimky v editore vyhrávajú) ---------- */ .wpb_row{padding-top:var(--rv-section-space);padding-bottom:var(--rv-section-space);} .vc_row .vc_row-inner,.vc_row_inner{padding-top:0;padding-bottom:0;} /* ---------- GRADIENT SEKCIÍ (nahrádza ploché #FBFBFB) ---------- */ /* !important nutné: prepisuje štýl zapísaný priamo v HTML (style="...") */ .vc_row[style*="background-color: #FBFBFB"],.vc_row[style*="background-color: #fbfbfb"]{background:var(--rv-section-soft)!important;} /* ---------- APPLE KARTY (objednávka/účet) ---------- */ /* body = o stupeň silnejší selektor než .wd-info-box z WoodMartu (načítava sa až po nás) */ body .apple-card-shadow{ background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--card-radius); box-shadow:var(--rv-shadow);margin-bottom:30px;padding:20px;} @media(min-width:768px){body .apple-card-shadow{padding:clamp(20px,4vw,35px);}} /* Objednávka v Môjom účte (a údaje pre prevod): !important ponechané – neoverené testom. Stránka po objednávke má vlastný vzhľad v sekcii STRÁNKA PO OBJEDNÁVKE (bez !important). */ body:not(.woocommerce-order-received) .woocommerce-order-overview,body:not(.woocommerce-order-received) .woocommerce-order-details,.woocommerce-bacs-bank-details,.woocommerce-customer-details{ background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:var(--card-radius)!important; box-shadow:var(--rv-shadow)!important;margin-bottom:30px!important;padding:20px!important;} @media(min-width:768px){body:not(.woocommerce-order-received) .woocommerce-order-overview,body:not(.woocommerce-order-received) .woocommerce-order-details,.woocommerce-bacs-bank-details,.woocommerce-customer-details{padding:clamp(20px,4vw,35px)!important;}} .woocommerce-bacs-bank-details{display:flex;flex-wrap:wrap;gap:20px;} .woocommerce-bacs-bank-details li{flex:1 1 150px;list-style:none;} /* ---------- MESSAGE BOX ---------- */ .vc_message_box.vc_message_box-standard.vc_color-white{ background:#f8fafc;border:0;border-left:3px solid var(--rv-action);border-radius:var(--rv-radius-md); padding:18px 22px;margin:0 0 25px;color:var(--apple-black);} .vc_message_box.vc_message_box-standard.vc_color-white .vc_message_box-icon{display:none;} .vc_message_box.vc_message_box-standard.vc_color-white p:last-child{margin-bottom:0;} /* V popise produktu je správa nadpisom sekcie → vzhľad ako nadpis sekcie na info stránkach (.rv-doc-sec > h2): bez pozadia, čiara dole, modrá značka vľavo. Čierna farba textu ostáva z inline štýlu v popise. */ #tab-description .vc_message_box.vc_message_box-standard.vc_color-white{ display:flex;align-items:center;gap:12px;background:none;border-left:0;border-bottom:1px solid var(--rv-line-soft);border-radius:0; padding:0 0 12px;margin:36px 0 18px;font-size:20px;font-weight:600;line-height:1.3;color:var(--rv-brand);} #tab-description .vc_message_box.vc_message_box-standard.vc_color-white::before{ content:"";flex-shrink:0;width:4px;height:1.1em;border-radius:var(--rv-radius-sm);background:var(--rv-action);} #tab-description .vc_message_box.vc_message_box-standard.vc_color-white p{margin:0;font:inherit;} @media(min-width:768px){#tab-description .vc_message_box.vc_message_box-standard.vc_color-white{font-size:24px;padding-bottom:14px;margin-top:44px;}} /* ---------- FEATURE KARTY (výhody) ---------- */ .custom-feature-card .vc_column-inner{height:100%;} .custom-feature-card .wpb_wrapper{ background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--card-radius);box-shadow:var(--rv-shadow); padding:20px 15px;text-align:center;transition:var(--rv-transition);height:100%;box-sizing:border-box;} .custom-feature-card .wpb_wrapper:hover{border-color:var(--rv-action);box-shadow:var(--rv-shadow-hover);transform:var(--rv-lift);} .custom-feature-card h4{font-size:15px;font-weight:bold;color:#111;margin-top:0;margin-bottom:5px;} .custom-feature-card p{font-size:13px;color:#6c757d;line-height:1.3;margin-bottom:0;} @media(min-width:768px){ .custom-feature-card .wpb_wrapper{padding:25px 20px;} .custom-feature-card h4{font-size:16px;margin-top:15px;} .custom-feature-card p{line-height:1.4;} } /* ---------- STRIEDAVÁ SEKCIA ---------- */ .vc_row.rv-section-alt{background:var(--rv-surface);} /* ---------- HOVER LIFT (produkty / kategórie / info boxy — zjednotený) ---------- */ .wd-product .product-wrapper,.products .product-grid-item .product-wrapper{ border-radius:var(--card-radius);transition:transform var(--rv-ease),box-shadow var(--rv-ease);} .wd-product:hover .product-wrapper,.products .product-grid-item:hover .product-wrapper{transform:var(--rv-lift);box-shadow:var(--rv-shadow-hover);} .wd-cat .category-grid-item-content,.category-grid-item .wd-cat-content-wrapper,.wd-cat-design-default .category-grid-item-content{ transition:transform var(--rv-ease),box-shadow var(--rv-ease);border-radius:var(--card-radius-sm);} .wd-cat:hover .category-grid-item-content,.category-grid-item:hover .wd-cat-content-wrapper{transform:var(--rv-lift);box-shadow:var(--rv-shadow-hover);} .wd-info-box.text-view.icon-boxes-style-shadow,.info-box.style-shadow{transition:transform var(--rv-ease),box-shadow var(--rv-ease);} .wd-info-box.text-view.icon-boxes-style-shadow:hover,.info-box.style-shadow:hover{transform:var(--rv-lift);box-shadow:var(--rv-shadow-hover);} /* ---------- KATEGÓRIE NA ÚVODE – MOBIL: zoznam v 2 stĺpcoch (2026-10-11) ---------- Prvok „Categories“ na úvode 18107 (woodmart_css_id 69dcc0c8359ff, CZ preklad má rovnaké id). Namiesto veľkých dlaždíc 4 × 3: malý obrázok vľavo + názov vedľa (~30 % nižšie). Výnimka z mobile-first: iba mobil, tablet a PC ostávajú podľa WoodMartu. Silnejšie selektory: CSS WoodMartu sa načítava v body a štýl prvku (10px názov) až po nás. */ @media (max-width:767px){ .wd-rs-69dcc0c8359ff .wd-cats.wd-grid-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;} .wd-rs-69dcc0c8359ff .wd-cat .wd-cat-inner{display:flex;align-items:center;gap:10px;padding:4px; border:1px solid var(--rv-line-soft);border-radius:var(--rv-radius-md);background:#fff;} .wd-rs-69dcc0c8359ff .wd-cat .wd-cat-thumb{flex:none;width:32px;margin:0;border-radius:var(--rv-radius-sm);} .wd-rs-69dcc0c8359ff .wd-cat .wd-cat-content{flex:1;min-width:0;padding:0;text-align:start;} .wd-rs-69dcc0c8359ff .wd-cats div.product-category .wd-entities-title{font-size:14px;line-height:1.2;} /* menšie medzery: nad kategóriami ostane iba horné odsadenie ich sekcie (24 px, WPBakery), pod nimi 32 px po sivú sekciu Sense. 6a2b4101bcab3 = sekcia s nadpisom a textom (iba mobil) */ .wpb_row.wd-rs-6a2b4101bcab3{padding-bottom:0;} .wd-rs-6a2b4101bcab3 .wd-rs-67f42a1fd68f6{margin-bottom:0;} .wpb_row.wd-rs-6a2b3c1ad3f13{padding-bottom:32px;} .wd-rs-6a2b3c1ad3f13 .wd-cats-element{margin-bottom:0;} } /* ---------- PODKATEGÓRIE V POPISE KATEGÓRIE (2026-10-14) ---------- Tlačidlá = WPBakery info boxy so šípkou vpravo v popise kategórie (Dotykové, Moduly, Rámy, č.5 …). Rovnaký vzhľad má aj vlastný komponent .rv-sub-card (karta → .rv-sub-card-t názov, .rv-sub-card-go šípka), použitý v menu Produkty v hlavičke – zmena tu = zmena na oboch miestach. Štýl ako mobilné menu: biela karta, tmavomodrý text, šípka v krúžku (pri hover tmavomodrý). Štýly prvku WoodMartu majú id (#wd-…) → názov prebíjame cez :not(#rv) (bez !important). Odsadenie boxu a stĺpcov (vc_custom … !important) nemeníme. */ /* Bloky tlačidiel vytvorené skriptom (eshop/koncepty/kategorie/bloky-podkategorii.mjs) majú riadok s triedou .rv-subcats. Nemajú uložené „vc_custom“ CSS editora WPBakery → rovnaké odsadenia ako ručné bloky (napr. 53825) sú tu: riadok bez odsadenia, medzi tlačidlami 12 px (vodorovne aj zvisle), tlačidlo 10/5/10/10 px; mobil 2 v riadku (okraj 15 px vonku), od 768 px 4 v riadku. */ .term-description .rv-subcats.wpb_row{padding-top:0;padding-bottom:0;} .term-description .rv-subcats.wpb_row:last-child{padding-bottom:18px;} .term-description .rv-subcats>.wpb_column>.vc_column-inner{padding-left:6px;padding-right:6px;} .term-description .rv-subcats>.wpb_column:nth-child(odd)>.vc_column-inner{padding-left:15px;} .term-description .rv-subcats>.wpb_column:nth-child(even)>.vc_column-inner{padding-right:15px;} .term-description .rv-subcats .wd-info-box.box-icon-align-right{margin:0 0 12px;padding:10px 5px 10px 10px;} @media (min-width:768px){ .term-description .rv-subcats>.wpb_column:nth-child(n)>.vc_column-inner{padding-left:6px;padding-right:6px;} .term-description .rv-subcats>.wpb_column:first-child>.vc_column-inner{padding-left:15px;} } .term-description .wd-info-box.box-icon-align-right,.rv-sub-card{--ib-icon-sp:8px; min-height:52px;align-items:center; border:1px solid var(--rv-line-soft);border-radius:var(--rv-radius-md);background:#fff;box-shadow:none; transition:border-color var(--rv-ease),box-shadow var(--rv-ease);} .term-description .wd-info-box.box-icon-align-right::after{display:none;} .term-description .wd-info-box.box-icon-align-right .info-box-content{padding-left:4px;} .term-description .wd-info-box.box-icon-align-right .info-box-title:not(#rv),.rv-sub-card .rv-sub-card-t{ font-size:14px;line-height:1.25;color:var(--rv-brand);} @media (min-width:768px){.term-description .wd-info-box.box-icon-align-right .info-box-title:not(#rv),.rv-sub-card .rv-sub-card-t{font-size:15px;}} /* .rv-sub-card: rozloženie (info box ho má z WPBakery); celá karta je odkaz cez ::after názvu */ .rv-sub-card{position:relative;display:flex;gap:12px;padding:8px 10px 8px 16px;} .rv-sub-card .rv-sub-card-t{flex:1;min-width:0;font-weight:600;} .rv-sub-card .rv-sub-card-t::after{content:"";position:absolute;inset:0;border-radius:inherit;} /* !important nutné: WoodMart trieda .wd-font-weight-400 má font-weight:400 !important */ .term-description .wd-info-box.box-icon-align-right .info-box-title.wd-font-weight-400{font-weight:600!important;} /* šípka v krúžku namiesto obrázka (rovnaká ikona ako v mobilnom menu) */ .term-description .wd-info-box.box-icon-align-right .box-icon-wrapper,.rv-sub-card-go{flex:none;width:30px;height:30px; display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--rv-surface);color:var(--rv-brand); transition:background-color var(--rv-ease),color var(--rv-ease);} .term-description .wd-info-box.box-icon-align-right .box-icon-wrapper::after,.rv-sub-card-go::after{content:"\f113";font-family:"woodmart-font";font-size:11px;} .term-description .wd-info-box.box-icon-align-right .info-box-icon{display:none;} .term-description .wd-info-box.box-icon-align-right:focus-within,.rv-sub-card:focus-within{border-color:var(--rv-brand);} @media (hover:hover){ .term-description .wd-info-box.box-icon-align-right:hover,.rv-sub-card:hover{border-color:var(--rv-brand);box-shadow:var(--rv-shadow-hover);} .term-description .wd-info-box.box-icon-align-right:hover .box-icon-wrapper,.rv-sub-card:hover .rv-sub-card-go{background:var(--rv-brand);color:#fff;} } @media (prefers-reduced-motion:reduce){ .term-description .wd-info-box.box-icon-align-right,.rv-sub-card, .term-description .wd-info-box.box-icon-align-right .box-icon-wrapper,.rv-sub-card-go{transition:none;} } /* Kategórie na úvodnej stránke – skratka [revolo_kategorie] (functions.php blok 44): karty .rv-sub-card s ikonou. Mobil 2 v riadku, tablet 3, PC 4. */ .rv-home-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} /* mobil: menšia ikona a šípka, aby sa zmestil aj dlhší názov (Mechanické) */ .rv-home-cat.rv-sub-card{gap:6px;padding:8px;} .rv-home-cat-ic{flex:none;display:grid;place-items:center;width:24px;height:24px;color:var(--rv-brand);} .rv-home-cat-ic .rv-ic{width:20px;height:20px;} .rv-home-cat .rv-sub-card-go{width:24px;height:24px;} @media (min-width:768px){ .rv-home-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} .rv-home-cat.rv-sub-card{gap:12px;padding:8px 10px 8px 12px;} .rv-home-cat-ic{width:32px;height:32px;} .rv-home-cat-ic .rv-ic{width:22px;height:22px;} .rv-home-cat .rv-sub-card-go{width:30px;height:30px;} } @media (min-width:1025px){.rv-home-cats{grid-template-columns:repeat(4,minmax(0,1fr));}} /* ---------- BOČNÝ PANEL OBCHODU – WIDGETY (2026-10-14) ---------- Kategórie produktov, Cena, filtre atribútov (.wd-sidebar – na PC vľavo, na mobile v paneli „Filter"). Štýl ako mobilné menu a tlačidlá podkategórií: tmavomodré nadpisy, šípka v krúžku, jemné čiary. */ .wd-sidebar .widget{border-bottom-color:var(--rv-line-soft);} .wd-sidebar .widget-title{margin-bottom:14px;font-size:16px;font-weight:700;color:var(--rv-brand);} /* kategórie: 1. úroveň tučná tmavomodrá, podkategórie s čiarou vľavo */ .wd-sidebar .widget .product-categories li a{padding-block:8px;font-size:15px;font-weight:600;color:var(--rv-brand); transition:color var(--rv-ease);} .wd-sidebar .widget .product-categories .children{margin:2px 0 8px 2px;padding-left:12px;border-left:2px solid var(--rv-line-soft);} .wd-sidebar .widget .product-categories .children li a{padding-block:6px;font-size:14px;font-weight:500;color:var(--rv-text);} .wd-sidebar .widget .product-categories .children .children li a{font-weight:400;color:var(--rv-muted);} .wd-sidebar .widget .product-categories li.current-cat>a, .wd-sidebar .widget .product-categories .children li.current-cat>a{color:var(--rv-action);font-weight:600;} .wd-sidebar .widget .product-categories .children li.current-cat>a{position:relative;} .wd-sidebar .widget .product-categories .children li.current-cat>a::before{content:"";position:absolute;left:-14px;top:6px;bottom:6px; width:2px;border-radius:2px;background:var(--rv-action);} @media (hover:hover){.wd-sidebar .widget .product-categories li a:hover{color:var(--rv-action);}} /* šípka rozbalenia = krúžok ako v mobilnom menu */ .wd-sidebar .widget .product-categories .wd-cats-toggle{width:26px;height:26px;display:flex;align-items:center;justify-content:center; background:var(--rv-surface);color:var(--rv-brand);transition:background-color var(--rv-ease),color var(--rv-ease);} .wd-sidebar .widget .product-categories .wd-cats-toggle.toggle-active{background:var(--rv-brand);color:#fff;} @media (hover:hover){.wd-sidebar .widget .product-categories .wd-cats-toggle:not(.toggle-active):hover{background:var(--rv-icon-bg);}} /* filtre atribútov (Farba, Typ rámika …) */ .wd-sidebar .widget .wc-layered-nav-term .layered-nav-link{color:var(--rv-text);transition:color var(--rv-ease);} .wd-sidebar .widget .wc-layered-nav-term.chosen .layered-nav-link{color:var(--rv-action);font-weight:600;} @media (hover:hover){.wd-sidebar .widget .wc-layered-nav-term .layered-nav-link:hover{color:var(--rv-action);}} .wd-sidebar .wd-swatch-bg{box-shadow:inset 0 0 0 1px var(--rv-line);} /* počet = sivý štítok bez rámika */ .wd-sidebar :is(.wc-layered-nav-term,.cat-item) .count{min-width:30px;border:0;border-radius:999px;background:var(--rv-surface); font-size:12px;font-weight:500;color:var(--rv-muted);text-align:center;} /* cena: tmavomodrý posuvník s okrúhlymi úchytmi, tlačidlo ako sekundárne */ .wd-sidebar .price_slider{margin-inline:8px;} .wd-sidebar .price_slider .ui-slider-range{background:var(--rv-brand);} .wd-sidebar .widget_price_filter .ui-slider .ui-slider-handle::after{width:16px;height:16px;border:2px solid var(--rv-brand);border-radius:50%; background:#fff;box-shadow:var(--rv-shadow-label);} .wd-sidebar .price_slider_amount .price_label{color:var(--rv-text);} .wd-sidebar .widget_price_filter .price_slider_amount .price_label span{color:var(--rv-brand);} .wd-sidebar .widget_price_filter .price_slider_amount .button{min-height:38px;padding-inline:16px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md); background:#fff;font-size:14px;font-weight:600;text-transform:none;color:var(--rv-brand); transition:border-color var(--rv-ease),color var(--rv-ease);} @media (hover:hover){.wd-sidebar .widget_price_filter .price_slider_amount .button:hover{border-color:var(--rv-action);color:var(--rv-action);}} @media (prefers-reduced-motion:reduce){ .wd-sidebar :is(.product-categories li a,.wd-cats-toggle,.layered-nav-link,.price_slider_amount .button){transition:none;} } /* ---------- TLAČIDLO (pill) ---------- */ .custom-pill-button{display:inline-block;background:#fff;color:var(--rv-action);border:1px solid var(--rv-action);border-radius:var(--rv-radius-md); padding:10px 30px;font-size:15px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 18px rgba(11,94,215,.08); transition:var(--rv-transition),background-color var(--rv-ease),color var(--rv-ease);} .custom-pill-button:hover{background:var(--rv-action);color:#fff;transform:var(--rv-lift); box-shadow:0 2px 5px rgba(11,94,215,.12),0 16px 36px rgba(11,94,215,.22);} .custom-pill-button:focus-visible{outline:2px solid var(--rv-action);outline-offset:3px;} .rv-cta-center{text-align:center;margin:10px 0 40px;} /* Vynuluj default 80px padding pre WPBakery Rows VNÚTRI product popisu. Popis je šablónovaný obsah naprieč stovkami produktov — nesmie dediť sekčný rytmus homepage. */ .woocommerce-Tabs-panel .vc_row.wpb_row, #tab-description .vc_row.wpb_row, .woocommerce-product-details__short-description .vc_row.wpb_row, .single-product .entry-summary .vc_row.wpb_row { padding-top: 0; padding-bottom: 0; } /* ---------- PRODUCT LABELS — umiestnenie + pill základ ---------- */ /* !important v labeloch ponechané zámerne: WoodMart načítava CSS labelov až po nás so silnejšími selektormi (.product-label.attribute-label:not(.label-with-img)). Bez neho by každý label potreboval dlhé selektory pre výpis, detail aj súvisiace produkty. */ .product-labels,.wd-product-labels{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:20;} .label-term-sense,.label-term-smart,.label-term-tichy,.label-term-ip44,.onsale,.label-term-fast-charge,.product-label.new,.product-label.out-of-stock{ font-size:10px;line-height:1;padding:5px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08)!important; background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); box-shadow:var(--rv-shadow-label)!important;letter-spacing:.2px;margin:0;display:inline-block;} /* farby labelov */ .label-term-sense{background:rgba(255,255,255,.55)!important;color:#1d1d1f!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(0,0,0,.1)!important;} .label-term-smart{background:rgba(0,122,255,.06)!important;border-color:rgba(0,122,255,.16)!important;color:rgba(0,92,204,.70)!important;} .label-term-tichy{background:rgba(52,199,89,.07)!important;border-color:rgba(52,199,89,.18)!important;color:rgba(28,115,55,.75)!important;} .label-term-ip44{background:rgba(0,180,170,.07)!important;border-color:rgba(0,180,170,.20)!important;color:rgba(0,95,90,.75)!important;} .label-term-fast-charge{background:rgba(175,82,222,.07)!important;border-color:rgba(175,82,222,.20)!important;color:rgba(95,45,140,.75)!important;} .product-label.new{background:rgba(52,199,89,.14)!important;border-color:rgba(52,199,89,.35)!important;color:rgba(20,90,45,.9)!important;} .product-label.out-of-stock{order:1;background:rgba(245,245,247,.70)!important;border-color:rgba(60,60,67,.14)!important;color:rgba(60,60,67,.75)!important;} .outofstock .product-label.new{display:none!important;} .onsale{background:#fff200!important;color:#d70015!important;font-weight:600!important;} /* väčšie na detaile, menšie v úzkych stĺpcoch */ @media(min-width:768px){.single-product .label-term-sense,.single-product .label-term-smart,.single-product .label-term-tichy,.single-product .label-term-ip44,.single-product .label-term-fast-charge,.single-product .product-label.new,.single-product .product-label.out-of-stock{font-size:11px;padding:6px 12px;}} /* Kompaktné labely v úzkych/malých produktových dlaždiciach (cross-sell, related, upsell, widgety). Doplnený chýbajúci .label-term-fast-charge, ktorý v pôvodnom pravidle chýbal a preto sa v malých kartách nezmenšoval a lomil na 3 riadky. */ .vc_col-sm-4 .label-term-sense,.vc_col-sm-4 .label-term-smart,.vc_col-sm-4 .label-term-tichy,.vc_col-sm-4 .label-term-ip44,.vc_col-sm-4 .label-term-fast-charge,.vc_col-sm-4 .product-label.new{font-size:9px!important;padding:2px 6px!important;border-radius:12px!important;} .up-sells .label-term-sense,.up-sells .label-term-smart,.up-sells .label-term-tichy,.up-sells .label-term-ip44,.up-sells .label-term-fast-charge,.up-sells .product-label.new, .cross-sells .label-term-sense,.cross-sells .label-term-smart,.cross-sells .label-term-tichy,.cross-sells .label-term-ip44,.cross-sells .label-term-fast-charge,.cross-sells .product-label.new, .related .label-term-sense,.related .label-term-smart,.related .label-term-tichy,.related .label-term-ip44,.related .label-term-fast-charge,.related .product-label.new{ font-size:9px!important;padding:2px 6px!important;border-radius:12px!important;line-height:1.15!important;white-space:nowrap!important; } /* pills mimo detailu na PC: 10px*/ @media(min-width:768px){ body:not(.single-product) .label-term-sense, body:not(.single-product) .label-term-smart, body:not(.single-product) .label-term-tichy, body:not(.single-product) .label-term-ip44, body:not(.single-product) .label-term-fast-charge, body:not(.single-product) .onsale, body:not(.single-product) .product-label.new, body:not(.single-product) .product-label.out-of-stock{ font-size:10px;padding:4px 9px; } } /* ---------- WOOCOMMERCE DETAILY ---------- */ /* stránka po objednávke – !important ponechané, kým sa to neoverí na test.revolo.sk */ body:not(.woocommerce-order-received) h2.woocommerce-order-details__title,h2.woocommerce-column__title,.woocommerce-order-received h2:not(.woocommerce-order-details__title){font-size:24px!important;font-weight:600!important;border:none!important;} .woocommerce-order-details table{border:none!important;outline:none!important;box-shadow:none!important;} .woocommerce-order-details div[style*="border: 1px solid #ddd"]:empty,.woocommerce-order-details>div[style*="border"]:empty{display:none!important;} .product_meta :is(.posted_in,.tagged_as){display:none;} /* kategórie a štítky pod SKU sa nezobrazujú */ /* ---------- GOOGLE REVIEW BAR (grb) ---------- */ .grb{display:inline-flex;width:100%;max-width:100%;justify-content:flex-start;align-items:center;align-self:flex-start;gap:7px;padding:0;background:none;border:0;border-radius:0;cursor:pointer;margin:-10px 0 14px;} @media(min-width:768px){.grb{width:fit-content;}} .grb:hover .grb__text{color:#374151;} .grb:hover .grb__arrow{color:#6b7280;} .grb__logo{flex-shrink:0;width:16px;height:16px;} .grb__stars{color:#fbbc05;letter-spacing:.5px;font-size:12px;} .grb__text{color:#6b7280;font-size:12px;font-weight:500;white-space:nowrap;transition:color .15s;} .grb__arrow{color:#9ca3af;flex-shrink:0;width:11px;height:11px;transition:color .15s;} .grb-recenzie{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb;} /* ---------- RECENZIE NAD PÄTIČKOU (HTML blok Footer, widget Trustindex) ---------- */ /* Nadpis ako nadpisy sekcií na informačných stránkach (rv-kt-section-title) – bez triedy .rv-kt, tá by na každej stránke skryla bočný panel (body:has(.rv-kt)). */ .rv-reviews-head{display:flex;flex-direction:column;gap:6px;margin:0 0 20px;} .rv-reviews-head h2{margin:0;font-size:var(--rv-h2);font-weight:600;line-height:1.25;letter-spacing:-.78px;text-transform:none;color:var(--rv-brand);} .rv-reviews-head p{margin:0;font-size:16px;line-height:1.6;color:#5b6275;} .rv-reviews-head{scroll-margin-top:100px;} /* menšia medzera medzi widgetom recenzií a pätičkou (riadok WPBakery mal 80 px odsadenie sekcie + 20 px okraj + 35 px pod widgetom → spolu 135 px; teraz 16 px + odsadenie pätičky) */ .wpb_row:has(.rv-reviews-head){padding-bottom:16px;margin-bottom:0;} .wpb_row:has(.rv-reviews-head) .wpb_content_element:last-child{margin-bottom:0;} /* menšia medzera nad recenziami (bolo 80 px sekcia + 35 px stĺpec WPBakery) */ .wpb_row:has(.rv-reviews-head){padding-top:40px;} .wpb_row:has(.rv-reviews-head) > .wpb_column > .vc_column-inner{padding-top:0;} /* detail produktu bez súvisiacich produktov (vypnuté 3. 10. 2026): popis → čiara → recenzie po 40 px */ .single-product .wd-content-layout{padding-bottom:0;} .single-product .product-tabs-wrapper{margin-bottom:0;} .product-tabs-wrapper .wpb_content_element:last-child{margin-bottom:0;} /* ---------- NÁZOV PRODUKTU (detail, nad krátkym popisom) – 2026-10-16 ---------- Rovnaký štýl ako nadpisy nových stránok (.rv-kt h1): hrúbka 600, farba značky, bez stiahnutia písmen. Predtým WoodMart 900 + -0.78px (pôsobilo ťažko). */ .single-product .summary-inner .product_title{font-size:var(--rv-h-product);font-weight:600;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--rv-brand);} /* ---------- NADPIS „SÚVISIACE PRODUKTY“ (detail produktu) – farba nadpisov sekcií ---------- */ .related-products .wd-el-title{color:var(--rv-brand);} /* ---------- PÄTIČKA (HTML blok Footer 42493, zdroj koncepty/paticka/generuj-paticku.mjs) ---------- */ /* Pätička je vo WoodMart „tmavej“ schéme (.color-scheme-dark) – farby textu a odkazov preto nastavujeme vždy explicitne (rovnaká špecifickosť, revolo.css sa načítava neskôr). */ .rv-ft{--rv-ft-line:#d9e2f1;--rv-ft-text:#3c4152;--rv-ft-muted:#5b6275;--rv-ft-icon-bg:#eaf2fd;--rv-ft-r-lg:var(--rv-radius-lg,16px);--rv-ft-r-md:var(--rv-radius-md,12px); color:var(--rv-ft-text);font-size:15px;line-height:1.5;border-top:1px solid var(--rv-ft-line);} .rv-ft a{color:inherit;text-decoration:none;} .rv-ft ul{list-style:none;margin:0;padding:0;} .rv-ft li{margin:0;} /* kontakty */ .rv-ft-contact{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:32px 0;} .rv-ft .rv-ft-tile{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--rv-ft-line);border-radius:var(--rv-ft-r-lg);background:#fff;box-shadow:0 8px 24px rgba(38,54,122,.06);transition:border-color .2s;} .rv-ft .rv-ft-tile:hover{border-color:var(--rv-action);} .rv-ft-tile-icon{width:44px;height:44px;border-radius:var(--rv-ft-r-md);background:var(--rv-ft-icon-bg);color:var(--rv-action);display:flex;align-items:center;justify-content:center;flex:none;} .rv-ft-tile-text{display:flex;flex-direction:column;min-width:0;} .rv-ft-tile-text b{color:var(--rv-brand);font-size:16px;font-weight:600;overflow-wrap:anywhere;} .rv-ft-tile-text span{font-size:14px;color:var(--rv-ft-muted);} /* odkazy: na mobile rozbaľovacie, od tabletu vždy otvorené (blok 25 vo functions.php) */ .rv-ft-main{display:grid;grid-template-columns:minmax(0,1fr);padding:8px 0 32px;border-top:1px solid var(--rv-ft-line);} .rv-ft-col{border-bottom:1px solid var(--rv-ft-line);} .rv-ft-col summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:16px 0;cursor:pointer;} .rv-ft-col summary::-webkit-details-marker{display:none;} .rv-ft .rv-ft-col h3{margin:0;font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:#1d1d1f;} .rv-ft-chev{color:var(--rv-ft-muted);transition:transform .2s;} .rv-ft-col[open] .rv-ft-chev{transform:rotate(180deg);} .rv-ft-col ul{padding:0 0 16px;} .rv-ft-col li + li{margin-top:10px;} .rv-ft .rv-ft-col a{color:var(--rv-ft-muted);} .rv-ft .rv-ft-col a:hover{color:var(--rv-action);} /* aplikácie: na mobile jeden riadok (nadpis + 2 ikonky) */ .rv-ft-apps{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 16px;border-radius:var(--rv-ft-r-md);background:var(--rv-surface);} .rv-ft-apps-text b{font-size:14px;font-weight:600;color:var(--rv-brand);} .rv-ft-apps-text p{display:none;margin:0;font-size:14px;color:var(--rv-ft-muted);} .rv-ft-apps-btns{display:flex;gap:6px;flex:none;} .rv-ft .rv-ft-app{display:inline-flex;align-items:center;gap:10px;padding:4px;border:1px solid var(--rv-ft-line);border-radius:var(--rv-ft-r-md);background:#fff;color:#1d1d1f;font-size:14px;font-weight:600;} .rv-ft-app span{display:none;} .rv-ft-app-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:14px;font-weight:700;color:#fff;} .rv-ft-app-smartlife{background:#2d7ff9;} .rv-ft-app-tuya{background:#ff5a1f;} /* platba, doprava, hodnotenie (na mobile hodnotenie hore na celú šírku) */ .rv-ft-pay{display:flex;flex-direction:column;gap:20px;padding:24px 0;border-top:1px solid var(--rv-ft-line);} .rv-ft .rv-ft-group h4{margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.3;text-transform:none;letter-spacing:0;color:var(--rv-ft-muted);} .rv-ft-chips{display:flex;flex-wrap:wrap;gap:8px;} .rv-ft-chip{padding:6px 12px;border-radius:999px;background:var(--rv-surface);font-size:13px;font-weight:500;white-space:nowrap;} .rv-ft .rv-ft-rating{order:-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:14px 16px;border-radius:var(--rv-ft-r-md);background:#fff8eb;color:#1d1d1f;font-size:14px;} .rv-ft-stars{display:inline-flex;gap:1px;} /* spodný riadok */ .rv-ft-bottom{display:flex;flex-direction:column;gap:12px;padding:20px 0;border-top:1px solid var(--rv-ft-line);font-size:13px;color:var(--rv-ft-muted);} .rv-ft-legal{display:flex;flex-wrap:wrap;gap:8px 20px;} .rv-ft .rv-ft-legal a:hover{color:var(--rv-action);} @media(min-width:768px){ .rv-ft-contact{grid-template-columns:repeat(3,minmax(0,1fr));} .rv-ft-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:32px 0;} .rv-ft-col{border-bottom:0;} .rv-ft-col summary{padding:0 0 14px;cursor:default;pointer-events:none;} .rv-ft-chev{display:none;} .rv-ft-col ul{padding:0;} .rv-ft-apps{grid-column:1/-1;margin-top:0;flex-direction:column;align-items:flex-start;padding:20px;border-radius:var(--rv-ft-r-lg);} .rv-ft-apps-text{display:flex;flex-direction:column;gap:8px;} .rv-ft-apps-text b{font-size:16px;} .rv-ft-apps-text p{display:block;} .rv-ft .rv-ft-app{padding:8px 14px 8px 8px;} .rv-ft-app span{display:inline;} .rv-ft-app-icon{width:32px;height:32px;} .rv-ft-pay{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:20px 48px;} .rv-ft .rv-ft-rating{order:0;flex:none;flex-wrap:nowrap;margin-left:auto;padding:8px 14px;border-radius:999px;white-space:nowrap;} .rv-ft-stars svg{width:15px;height:15px;} .rv-ft-bottom{flex-direction:row;justify-content:space-between;align-items:center;} } @media(min-width:1025px){ .rv-ft-main{grid-template-columns:repeat(3,minmax(0,1fr)) 1.3fr;} .rv-ft-apps{grid-column:auto;} } @media(prefers-reduced-motion:reduce){.rv-ft-chev,.rv-ft .rv-ft-tile{transition:none;}} /* ---------- MOBILNÉ MENU (bočný panel WoodMart .mobile-nav) ---------- Produkty hore (tučné, tmavomodré), informačné stránky pod oddeľovačom (svetlejšie), účet ako karta na konci. Oddelenie skupín podľa typu položky (product_cat) → funguje aj v CZ bez ID. */ .mobile-nav{--rv-mn-line:#edf0f5;--rv-mn-text:#3c4152;--rv-mn-muted:#5b6275; width:min(330px,86vw);border-radius:0 var(--rv-radius-lg) var(--rv-radius-lg) 0;} /* vyhľadávanie */ .mobile-nav .wd-search-form{padding:16px 16px 8px;box-shadow:none;} .mobile-nav .wd-search-form .searchform{box-shadow:none;} .mobile-nav .wd-search-form .searchform input.s{height:48px;padding:0 48px 0 16px;border:1px solid var(--rv-mn-line); border-radius:var(--rv-radius-md);background:var(--rv-surface);font-size:15px;color:var(--apple-black);} .mobile-nav .wd-search-form .searchform input.s:focus{border-color:var(--rv-action);background:#fff;} .mobile-nav .wd-search-form .searchform .searchsubmit{left:auto;right:0;width:48px;height:48px;color:var(--rv-brand);} /* položky 1. úrovne */ .mobile-nav .wd-nav-mobile{padding:4px 12px 32px;} .mobile-nav .wd-nav-mobile>li{border-bottom:1px solid var(--rv-mn-line);} .mobile-nav .wd-nav-mobile li>a,.mobile-nav .wd-nav-mobile li>.wd-nav-opener{border:0;} .mobile-nav .wd-nav-mobile>li>a{min-height:48px;padding:0 4px;font-size:16px;font-weight:600;color:var(--rv-brand);} .mobile-nav .wd-nav-mobile>li.current-menu-item>a,.mobile-nav .wd-nav-mobile>li.current-menu-ancestor>a{color:var(--rv-action);} /* šípka = malý krúžok, pri otvorení tmavomodrý a otočený */ .mobile-nav .wd-nav-mobile .wd-nav-opener{width:44px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--rv-brand);} .mobile-nav .wd-nav-mobile .wd-nav-opener::after{width:30px;height:30px;display:flex;align-items:center;justify-content:center; border-radius:50%;background:var(--rv-surface);font-size:11px;transition:transform var(--rv-ease),background-color var(--rv-ease);} .mobile-nav .wd-nav-mobile .wd-nav-opener.wd-active{background:transparent;color:#fff;} .mobile-nav .wd-nav-mobile .wd-nav-opener.wd-active::after{background:var(--rv-brand);} .mobile-nav .wd-nav-mobile>li:has(>.wd-nav-opener.wd-active){border-bottom-color:transparent;} /* podmenu = svetlá karta s odsadením */ .mobile-nav .wd-nav-mobile .wd-sub-menu{margin:0 0 10px;padding:6px 0;border-radius:var(--rv-radius-md);background:var(--rv-surface);} .mobile-nav .wd-nav-mobile .wd-sub-menu li{border:0;} .mobile-nav .wd-nav-mobile .wd-sub-menu li>a{min-height:42px;padding:0 14px;font-size:15px;font-weight:500;color:var(--rv-mn-text);} .mobile-nav .wd-nav-mobile .wd-sub-menu .wd-nav-opener::after{width:26px;height:26px;background:#fff;} .mobile-nav .wd-nav-mobile .wd-sub-menu .wd-nav-opener.wd-active::after{background:var(--rv-brand);} .mobile-nav .wd-nav-mobile .sub-sub-menu{margin:0 12px 6px 14px;padding:0 0 0 12px;border-left:2px solid var(--rv-mn-line);background:transparent;} .mobile-nav .wd-nav-mobile .sub-sub-menu li>a{min-height:38px;padding:0 4px;font-size:14px;color:var(--rv-mn-muted);} /* informačné stránky: oddelené od produktov, ľahšie písmo */ .mobile-nav .wd-nav-mobile>li.menu-item-object-product_cat+li:not(.menu-item-object-product_cat){margin-top:24px;} .mobile-nav .wd-nav-mobile>li:not(.menu-item-object-product_cat)>a{font-size:15px;font-weight:500;color:var(--rv-mn-text);} .mobile-nav .wd-nav-mobile>li:has(+li.menu-item-account){border-bottom:0;} /* účet = karta na konci */ .mobile-nav .wd-nav-mobile>li.menu-item-account{margin-top:16px;border:0;border-radius:var(--rv-radius-md);background:var(--rv-brand-soft);} .mobile-nav .wd-nav-mobile>li.menu-item-account>a{min-height:52px;padding:0 14px;font-weight:600;color:var(--rv-brand);} .mobile-nav .wd-nav-mobile>li.menu-item-account>.wd-sub-menu{margin:0;padding:0 0 8px;background:transparent;} .mobile-nav .wd-nav-mobile>li.menu-item-account>.wd-nav-opener:not(.wd-active)::after{background:#fff;} @media(prefers-reduced-motion:reduce){.mobile-nav .wd-nav-mobile .wd-nav-opener::after{transition:none;}} /* ---------- OSTATNÉ ---------- */ .grecaptcha-badge{visibility:hidden;} .custom-letter-spacing{letter-spacing:-.78px!important;} /* !important nutné: Complianz aj WPBakery menia tieto prvky JavaScriptom / inline štýlom */ #cmplz-manage-consent{display:none!important;} .wpb_animate_when_almost_visible{opacity:1!important;transform:none!important;animation:none!important;transition:none!important;} /* ============================================================ MOBIL (<=768px) ============================================================ */ /* Väčšina komponentov je mobile-first (základ = mobil, PC cez min-width:769px). Tu ostávajú iba úpravy predvolených štýlov WoodMart/WPBakery, ktoré platia len na mobile. */ @media(max-width:767px){ .custom-feature-card .wpb_wrapper{margin-bottom:20px;} .custom-feature-card .wpb_single_image{margin-bottom:10px;} } /* ============================================================ SIDEBAR SKRYTÝ NA MOBILE (<=1024px) — blog + statické stránky ============================================================ */ @media(max-width:1024px){ body.single-post .sidebar-container,body.blog .sidebar-container, body.archive:not(.woocommerce):not(.woocommerce-page) .sidebar-container, body.page:not(.woocommerce-page):not(.woocommerce-account-page) .sidebar-container, body.single-post .woodmart-sidebar-btn-opener,body.blog .woodmart-sidebar-btn-opener, body.page:not(.woocommerce-page) .woodmart-sidebar-btn-opener{display:none;} } /* ============================================================ ČLÁNKY BLOGU - autor sa pri článkoch nezobrazuje (majiteľ 2026-10-06; Author bio je vypnuté v téme, „Autor" v hlavičke článku sa v nastaveniach WoodMartu vypnúť nedá) - články poradne (.rv-art) majú vlastný úvod s nadpisom → hlavička témy by nadpis zdvojila ============================================================ */ body.single-post .wd-single-post-header .wd-post-author{display:none;} body.single-post:has(.rv-art) .wd-single-post-header{display:none;} /* ---------- UŽITOČNÉ ČLÁNKY NA KONCI POPISU PRODUKTU (rv-pa-*, blok 32 v functions.php) ---------- Rovnaké karty používa aj stránka Poradňa (/poradna/, vnútri .rv-kt – preto font-weight na karte). */ .rv-pa{margin:48px 0 8px;padding-top:32px;border-top:1px solid var(--rv-line-soft,#e3e8f2);} .rv-pa-head{display:flex;flex-direction:column;gap:6px;margin:0 0 20px;} .rv-pa .rv-pa-head h2{margin:0;font-size:var(--rv-h2);font-weight:600;line-height:1.25;text-transform:none;letter-spacing:-.5px;color:var(--rv-brand);} .rv-pa .rv-pa-head p{margin:0;font-size:16px;line-height:1.6;color:var(--rv-muted,#5b6275);} .rv-pa .rv-pa-head p a{font-weight:600;color:var(--rv-action);white-space:nowrap;} .rv-pa-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;} .rv-pa .rv-pa-card{display:flex;flex-direction:column;gap:8px;padding:20px;font-weight:400;border:1px solid var(--rv-line,#d9e2f1);border-radius:var(--rv-radius-lg,16px);background:#fff;color:var(--rv-text,#1d1d1f);text-decoration:none;box-shadow:var(--rv-shadow-sm);transition:var(--rv-transition);} .rv-pa .rv-pa-card:hover{border-color:var(--rv-action);box-shadow:var(--rv-shadow-hover);text-decoration:none;color:var(--rv-text,#1d1d1f);} .rv-pa-card-title{font-size:17px;font-weight:600;line-height:1.35;color:var(--rv-brand);} .rv-pa-card-text{font-size:15px;line-height:1.55;color:var(--rv-muted,#5b6275);} .rv-pa-card-more{margin-top:auto;padding-top:4px;font-size:15px;font-weight:600;color:var(--rv-action);} .rv-pa .rv-pa-card:hover .rv-pa-card-more span{display:inline-block;transform:translateX(3px);transition:transform var(--rv-ease,.2s);} @media(min-width:768px){ .rv-pa-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} } /* ============================================================ REVOLO — B2B STRÁNKA (rv-b2b-*) ============================================================ */ /* ---------- HERO ---------- */ .rv-b2b-hero{ max-width:1100px;margin:0 auto;padding:10px 16px;text-align:center; } .rv-b2b-lead{ max-width:680px;margin:18px auto 32px;font-size:16px;line-height:1.6;color:#3c3c43; } .rv-b2b-hero-points{ display:grid;grid-template-columns:1fr;gap:18px;margin:0 auto 28px;max-width:900px; } /* ---------- SEKCIE ---------- */ .rv-b2b-section{max-width:1100px;margin:0 auto;padding:48px 16px;text-align:center;} .rv-b2b-section h2{margin:0 0 28px;} /* keď za nadpisom hneď nasleduje intro odsek, menší odstup (nesčítavať) */ .rv-b2b-section h2 + .rv-b2b-section-intro{margin-top:-16px;} .rv-b2b-section-intro{max-width:640px;margin:0 auto 36px;font-size:16px;color:#3c3c43;line-height:1.6;} /* ---------- GRID KARIET ---------- */ .rv-b2b-grid{ display:grid;grid-template-columns:1fr;gap:20px;text-align:left; } /* ---------- KROKY ---------- */ .rv-b2b-steps{ display:grid;grid-template-columns:1fr;gap:20px;text-align:left; } /* ---------- SPOLOČNÝ POVRCH KARIET (bod / karta / krok / trust dlaždica) ---------- Jeden tieň, jeden prechod, jeden zdvih. Rozdiely sú len v paddingu a zarovnaní textu nižšie. */ .rv-b2b-point,.rv-b2b-card,.rv-b2b-step{ background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--card-radius); box-shadow:var(--rv-shadow);transition:var(--rv-transition); } .rv-b2b-point:hover,.rv-b2b-card:hover,.rv-b2b-step:hover{ transform:var(--rv-lift);box-shadow:var(--rv-shadow-hover);border-color:var(--rv-action); } .rv-b2b-point{padding:24px 20px;} .rv-b2b-card{padding:28px 24px;} .rv-b2b-step{padding:28px 22px;position:relative;} .rv-b2b-point h3{font-size:17px;margin:0 0 6px;} .rv-b2b-card h3{font-size:18px;margin:0 0 8px;} .rv-b2b-step h3{font-size:17px;margin:0 0 6px;} .rv-b2b-point p{font-size:14px;color:#6c757d;margin:0;line-height:1.45;} .rv-b2b-card p,.rv-b2b-step p{font-size:14px;color:#6c757d;margin:0;line-height:1.5;} .rv-b2b-step-num{ display:inline-flex;align-items:center;justify-content:center; width:38px;height:38px;border-radius:999px;margin-bottom:14px; background:var(--rv-brand-soft);color:var(--rv-brand); font-size:18px;font-weight:700; } /* ---------- HIGHLIGHT BLOK (architekti / elektrikári) ---------- */ /* dva bloky vedľa seba na PC */ .rv-b2b-highlight-row{ display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch; } /* .rv-b2b-highlight-row pred triedou = silnejšie než body .apple-card-shadow (pozadie, padding) */ .rv-b2b-highlight-row .rv-b2b-highlight{ text-align:center; background:var(--rv-section-soft); padding:40px 20px; display:flex;flex-direction:column; } /* tlačidlo zarovnané na spodok, nech sú oba bloky opticky vyvážené */ .rv-b2b-highlight .rv-cta-center{margin-top:auto;margin-bottom:0;} .rv-b2b-highlight h2{margin:0 0 14px;} .rv-b2b-highlight p{max-width:640px;margin:0 auto 8px;font-size:16px;color:#3c3c43;line-height:1.6;} /* ---------- ZÁVEREČNÉ CTA ---------- */ .rv-b2b-cta-final{ max-width:760px;margin:0 auto;padding:72px 20px 80px;text-align:center; background:var(--rv-section-soft);border-radius:var(--card-radius); } .rv-b2b-cta-final h2{margin:0 0 12px;} .rv-b2b-cta-final > p{max-width:560px;margin:0 auto 28px;font-size:16px;color:#3c3c43;line-height:1.6;} .rv-b2b-contact-line{font-size:14px;color:#6c757d;margin-top:14px;} .rv-b2b-contact-line a{color:var(--rv-action);text-decoration:none;} /* ---------- B2B: TABLET A PC (základ vyššie = mobil) ---------- */ @media(min-width:768px){ .rv-b2b-section{padding:64px 0;} .rv-b2b-hero{padding:20px 0 10px;} .rv-b2b-lead{font-size:18px;} .rv-b2b-hero-points, .rv-b2b-grid, .rv-b2b-steps, .rv-b2b-highlight-row{grid-template-columns:repeat(2,1fr);} .rv-b2b-highlight-row .rv-b2b-highlight{padding-left:35px;padding-right:35px;} .rv-b2b-cta-final{padding-left:24px;padding-right:24px;} } @media(min-width:1025px){ .rv-b2b-hero-points, .rv-b2b-grid{grid-template-columns:repeat(3,1fr);} .rv-b2b-steps{grid-template-columns:repeat(4,1fr);} } /* ================================================================= FAQ ACCORDION — len pre FAQ sekciu (.rv-faq), nie product tabs ================================================================= */ .vc_row.rv-faq .wd-accordion .wd-accordion-item{ border:1px solid rgba(0,0,0,.06); border-radius:var(--card-radius-sm); margin-bottom:10px; overflow:hidden; background:#fff; box-shadow:var(--rv-shadow-sm); transition:box-shadow var(--rv-ease); } .vc_row.rv-faq .wd-accordion .wd-accordion-item:hover{ box-shadow:var(--rv-shadow); } /* otvorená položka má tieň natrvalo a bez prechodu — počas animácie výšky by sa inak prekresľovala každý frame (sekanie) */ .vc_row.rv-faq .wd-accordion .wd-accordion-item.wd-active{ box-shadow:var(--rv-shadow); transition:none; } .vc_row.rv-faq .wd-accordion .wd-accordion-title{ font-weight:600; } .vc_row.rv-faq .wd-accordion .wd-accordion-title.wd-role-btn{ padding-left:22px; padding-right:22px; } .vc_row.rv-faq .wd-accordion .wd-accordion-inner, .vc_row.rv-faq .wd-accordion .wd-accordion-content{ padding-left:22px; padding-right:22px; } .vc_row.rv-faq .wd-accordion .wd-accordion-title:focus-visible{outline:2px solid var(--rv-action);outline-offset:-2px;} /* ============================================================ TRUST SEKCIA — produktová stránka (HTML blok 54321, CZ cez WPML) Vzhľad podľa šablóny produktu v5 (2026-10-19): dlaždice s ikonou v modrom štvorčeku, zelený box istoty, spodný riadok ako „pilulky“. Ikonky len cez ::before/::after — v HTML nesmú byť prázdne , editor WPBakery (TinyMCE) ich pri uložení vymaže (staré span.rv-trust__ico sa skrývajú). Ikona dlaždice podľa poradia: 1 doprava, 2 záruka, 3 vrátenie, odkaz = elektrikári. ============================================================ */ /* Trust blok sa prispôsobuje šírke svojho stĺpca (@container), nie obrazovky – na tablete je stĺpec vedľa fotky užší než na mobile. */ .rv-trust{container:rv-trust / inline-size;max-width:100%;margin:8px 0 1px} .rv-trust__ico{display:none} /* wpautop vkladá do bloku
a odkazovú dlaždicu balí do

*/ .rv-trust br{display:none} .rv-trust__tiles>p{display:contents} .rv-trust__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .rv-trust__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 8px;text-align:center;background:#fff;border:1px solid var(--rv-line-soft);border-radius:var(--rv-radius-md);text-decoration:none;transition:var(--rv-transition)} /* štvorček (::before) + ikona v ňom (::after); na mobile nad textom */ .rv-trust__tile::before{content:"";flex:none;width:28px;height:28px;margin-bottom:5px;border-radius:var(--rv-radius-sm);background:var(--rv-icon-bg)} .rv-trust__tile::after{content:"";position:absolute;top:16px;left:50%;width:16px;height:16px;transform:translateX(-50%);background:var(--rv-brand);-webkit-mask:var(--rv-trust-ico) center/contain no-repeat;mask:var(--rv-trust-ico) center/contain no-repeat} .rv-trust__tile:nth-child(1){--rv-trust-ico:url("data:image/svg+xml,")} .rv-trust__tile:nth-child(2){--rv-trust-ico:url("data:image/svg+xml,")} .rv-trust__tile:nth-child(3){--rv-trust-ico:url("data:image/svg+xml,")} .rv-trust__tile.rv-trust__tile--link{--rv-trust-ico:url("data:image/svg+xml,")} .rv-trust__tile:focus-visible{outline:2px solid var(--rv-action);outline-offset:3px} .rv-trust__l{font-size:13px;font-weight:600;line-height:1.25;color:var(--rv-brand)} .rv-trust__s{font-size:11.5px;line-height:1.3;color:var(--rv-muted)} .rv-trust__free{color:var(--rv-ok)} .rv-trust__tile--link .rv-trust__s{color:var(--rv-action)} .rv-trust__tile--link:hover{border-color:var(--rv-brand);box-shadow:var(--rv-shadow-sm)} .rv-trust__tile--link:hover .rv-trust__l{text-decoration:underline} /* zelený box istoty: krúžok s fajkou cez ::before */ .rv-trust__rsr{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px 12px;align-items:start;margin-top:12px;padding:14px 16px;background:var(--rv-ok-bg);border:1px solid var(--rv-ok-line);border-radius:var(--rv-radius-md)} .rv-trust__rsr::before{content:"";width:28px;height:28px;background:var(--rv-ok);-webkit-mask:url("data:image/svg+xml,") center/contain no-repeat;mask:url("data:image/svg+xml,") center/contain no-repeat} .rv-trust__rsr-t{font-size:13px;line-height:1.55;color:var(--rv-text)} .rv-trust__rsr-a{grid-column:2;justify-self:start;display:inline-flex;align-items:center;min-height:34px;padding:0 16px;border:1px solid var(--rv-ok-line);border-radius:999px;background:#fff;white-space:nowrap;font-size:13px;font-weight:600;color:var(--rv-brand);text-decoration:none;transition:var(--rv-transition)} .rv-trust__rsr-a:hover{border-color:var(--rv-brand)} .rv-trust__rsr-a:focus-visible{outline:2px solid var(--rv-action);outline-offset:2px} /* spodný riadok: SMS + cenová ponuka ako pilulky */ .rv-trust__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .rv-trust__meta-sms,.rv-trust__meta-link{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px;border:1px solid var(--rv-line-soft);border-radius:999px;background:#fff;font-size:12px;line-height:1.3;color:var(--rv-muted)} .rv-trust__meta-link{color:var(--rv-brand);text-decoration:none;transition:var(--rv-transition)} .rv-trust__meta-link:hover{border-color:var(--rv-brand)} .rv-trust__meta-sms::before,.rv-trust__meta-link::before{content:"";display:inline-block;flex:none;width:14px;height:14px;background:var(--rv-muted);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat} .rv-trust__meta-link::before{background:var(--rv-brand)} .rv-trust__meta-sms::before{-webkit-mask-image:url("data:image/svg+xml,");mask-image:url("data:image/svg+xml,")} .rv-trust__meta-link::before{-webkit-mask-image:url("data:image/svg+xml,");mask-image:url("data:image/svg+xml,")} /* širší stĺpec: ikona vľavo, text vpravo */ @container rv-trust (min-width:420px){ .rv-trust__tile{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:center;padding:10px 12px;text-align:left} .rv-trust__tile::before{grid-row:1 / 3;width:34px;height:34px;margin-bottom:0} .rv-trust__tile::after{top:50%;left:20px;width:18px;height:18px;transform:translateY(-50%)} .rv-trust__l{align-self:end} .rv-trust__s{align-self:start} } @container rv-trust (min-width:520px){ .rv-trust__rsr{grid-template-columns:28px minmax(0,1fr) auto;align-items:center} .rv-trust__rsr-a{grid-column:3} } @container rv-trust (min-width:760px){.rv-trust__tiles{grid-template-columns:repeat(4,minmax(0,1fr))}} .vc_row:has(.rv-trust), .wpb_column:has(.rv-trust), .vc_column-inner:has(.rv-trust), .wpb_wrapper:has(.rv-trust), .wpb_text_column:has(.rv-trust){margin-bottom:0;padding-bottom:0} /* ============================================================ Oprava chýbajúcich WPBakery responzívnych tried po aktualizácii pluginu (!important zámerne – triedy na skrývanie musia vyhrať nad každým display) ============================================================ */ @media (max-width: 767px) { .vc_hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .vc_hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .vc_hidden-md { display: none !important; } } @media (min-width: 1200px) { .vc_hidden-lg { display: none !important; } } /* ============================================================ PRÍSTUPNOSŤ — rešpektuj vypnuté animácie (!important zámerne – nastavenie používateľa má prednosť pred všetkým) ============================================================ */ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;} .custom-feature-card .wpb_wrapper:hover, .rv-b2b-point:hover,.rv-b2b-card:hover,.rv-b2b-step:hover, .custom-pill-button:hover, .wd-product:hover .product-wrapper, .products .product-grid-item:hover .product-wrapper, .wd-cat:hover .category-grid-item-content, .category-grid-item:hover .wd-cat-content-wrapper{transform:none!important;} } .single_add_to_cart_button:hover, .add_to_cart_button:hover, .checkout-button:hover, #place_order:hover, button[name="apply_coupon"]:hover{ box-shadow: var(--rv-shadow-hover); transition: box-shadow var(--rv-ease), transform .12s ease; } .single_add_to_cart_button:active, .add_to_cart_button:active, .checkout-button:active, #place_order:active, button[name="apply_coupon"]:active{ transform: scale(.97); } /* Kontaktný formulár — Odoslať */ .wpcf7 .wpcf7-submit:hover{ box-shadow: var(--rv-shadow-hover); transition: box-shadow var(--rv-ease), transform .12s ease; } .wpcf7 .wpcf7-submit:active{ transform: scale(.97); } /* Mini-cart — Zobraziť košík + Pokladňa (obe naraz, obe sú na zozname) */ .woocommerce-mini-cart__buttons .button:hover{ box-shadow: var(--rv-shadow-hover); transition: box-shadow var(--rv-ease), transform .12s ease; } .woocommerce-mini-cart__buttons .button:active{ transform: scale(.97); } .rv-answer { --rv-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; margin: 0 0 32px; padding: 16px 18px; background: #f8f9fc; border-left: 4px solid var(--rv-brand, #26367a); border-radius: 6px 0 0 6px; box-shadow: var(--rv-shadow-sm, 0 2px 12px rgba(38, 54, 122, .06)); } .rv-answer__label { display: block; margin-bottom: 8px; font: 600 12px/1.4 inherit; letter-spacing: .06em; text-transform: uppercase; color: var(--rv-brand, #26367a); } .rv-answer p { margin: 0 0 12px; font-size: 16px; line-height: 1.6; font-weight: 600; } .rv-answer ul { margin: 0; padding: 0; list-style: none; } .rv-answer li { position: relative; margin-bottom: 6px; padding-left: 28px; line-height: 1.55; } .rv-answer :is(p, li):last-child { margin-bottom: 0; } .rv-answer li::before { content: ""; position: absolute; left: 0; top: .3em; width: 16px; height: 16px; background: var(--rv-brand, #26367a); -webkit-mask: var(--rv-check); mask: var(--rv-check); } @media (min-width: 768px) { .rv-answer { padding: 20px 24px; } .rv-answer p { font-size: 17px; } } /* ---------- INFO BOX S NADPISOM (text blok s triedou rv-info) ---------- */ .wpb_text_column.rv-info{background:#fff;border:1px solid var(--rv-action);border-radius:var(--rv-radius-lg);overflow:hidden;} .rv-info .wpb_wrapper{padding:0 22px 20px;} .rv-info .wpb_wrapper > :first-child{ margin:0 -22px 18px;padding:16px 22px;background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.06); color:var(--rv-action);font-size:16px;font-weight:600;line-height:1.4;} .rv-info .wpb_wrapper > :first-child :is(strong,b){color:inherit;font-weight:inherit;} .rv-info .wpb_wrapper > :last-child{margin-bottom:0;} /* ---------- ZAOBLENIE WOODMARTU (tlačidlá, polia, prvky témy) ---------- WoodMart vypisuje svoje premenné zaoblenia inline až po revolo.css (Rounding 25px, tlačidlá 35px, polia 30px), preto html:root = o stupeň silnejší selektor. Hodnoty berie z našej škály --rv-radius-*. */ html:root{ --wd-brd-radius:var(--rv-radius-lg); --btn-default-brd-radius:var(--rv-radius-md); --btn-accented-brd-radius:var(--rv-radius-md); --wd-form-brd-radius:var(--rv-radius-md); } /* ================================================================= KONTAKTY + ŠABLÓNA INFORMAČNÝCH STRÁNOK (trieda .rv-kt v obsahu stránky) Úvod, rýchle dlaždice, kontaktné karty, boxy s nadpisom, sticky bočný box + FAQ, vyskakovacie okno s CF7 formulárom. Pôvod: koncept 2026-09-30. Stránka s .rv-kt nemá bočný panel témy (body:has). ================================================================= */ body:has(.rv-kt) .wd-sidebar{display:none} body:has(.rv-kt) .wd-content-layout > .wd-content-area{grid-column:1/-1} .rv-kt,body.woocommerce-order-received ul.woocommerce-order-overview,body.woocommerce-order-received section.woocommerce-order-details{--rv-kt-line:#d9e2f1;--rv-kt-line-soft:#e3e8f2;--rv-kt-text:#3c4152;--rv-kt-muted:#5b6275;--rv-kt-icon-bg:#eaf2fd;--rv-kt-tip:#f5a623;--rv-kt-tip-bg:#fff8eb;--rv-kt-r-lg:var(--rv-radius-lg,16px);--rv-kt-r-md:var(--rv-radius-md,12px);--rv-kt-r-sm:var(--rv-radius-sm,8px);--rv-kt-ok:var(--rv-green,#1f9d57);color:#1d1d1f;font-size:16px;line-height:1.6} .rv-kt *{box-sizing:border-box} .rv-kt a{color:var(--rv-brand);font-weight:600;text-decoration:none} .rv-kt a:hover{color:var(--rv-action);text-decoration:underline} .rv-kt h1,.rv-kt h2,.rv-kt h3{margin:0;font-weight:600;line-height:1.2;text-transform:none;letter-spacing:0} .rv-kt p{margin:0} /* prázdne

, ktoré WordPress (wpautop) vloží do HTML blokov, by v mriežke zabrali miesto */ .rv-kt p:empty{display:none} .rv-kt-section-title{display:flex;flex-direction:column;gap:6px;margin-bottom:20px} .rv-kt .rv-kt-section-title h2{font-size:var(--rv-h2);color:var(--rv-brand)} .rv-kt-section-title p{color:var(--rv-kt-muted)} /* Tlačidlá */ .rv-kt .rv-kt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:0;border-radius:var(--rv-kt-r-md);background:var(--rv-action);color:#fff;font-size:15px;font-weight:600;line-height:1.2;text-transform:none;letter-spacing:0;cursor:pointer;transition:background-color .2s} .rv-kt .rv-kt-btn:hover{background:var(--rv-brand);color:#fff;text-decoration:none} .rv-kt .rv-kt-btn-ghost{background:#fff;color:var(--rv-brand);border:1px solid var(--rv-kt-line)} .rv-kt .rv-kt-btn-ghost:hover{background:#fff;color:var(--rv-action);border-color:var(--rv-action)} /* Hero */ .rv-kt-hero{background:var(--rv-surface);border-radius:var(--rv-kt-r-lg);padding:32px 20px;display:flex;flex-direction:column;gap:12px} .rv-kt-crumbs{font-size:14px;color:var(--rv-kt-muted)} .rv-kt .rv-kt-crumbs a{color:var(--rv-kt-muted);font-weight:400} .rv-kt h1{font-size:var(--rv-h1);color:var(--rv-brand)} .rv-kt-lead{font-size:17px;color:var(--rv-kt-text);max-width:720px} .rv-kt-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px} .rv-kt-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--rv-kt-line);border-radius:999px;padding:8px 16px;font-size:14px;line-height:1.4;color:var(--rv-brand)} .rv-kt-pill b{font-weight:600} .rv-kt-dot{width:8px;height:8px;border-radius:50%;background:var(--rv-kt-ok);flex-shrink:0} .rv-kt-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px} /* Rýchle odkazy (5 dlaždíc) */ .rv-kt-quick{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px} .rv-kt .rv-kt-tile{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;column-gap:14px;row-gap:2px;align-items:center;padding:16px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-lg);background:#fff;color:#1d1d1f;font-weight:400;box-shadow:var(--rv-shadow-sm);transition:var(--rv-transition)} .rv-kt .rv-kt-tile:hover{text-decoration:none;color:#1d1d1f;border-color:var(--rv-action);box-shadow:var(--rv-shadow-hover)} .rv-kt-tile-icon{grid-row:span 2;width:48px;height:48px;border-radius:var(--rv-kt-r-md);background:var(--rv-kt-icon-bg);display:flex;align-items:center;justify-content:center} .rv-kt-tile-title{font-size:16px;font-weight:600;color:var(--rv-brand);line-height:1.3} .rv-kt-tile-sub{font-size:14px;color:var(--rv-kt-muted);line-height:1.4} .rv-kt-tile-arrow{grid-row:1 / span 2;grid-column:3;color:var(--rv-action);transition:transform var(--rv-ease)} .rv-kt .rv-kt-tile:hover .rv-kt-tile-arrow{transform:translateX(3px)} /* Kontaktné karty */ .rv-kt-contacts{margin-top:40px} .rv-kt-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px} .rv-kt-card{border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-lg);padding:16px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:center;box-shadow:0 8px 24px rgba(38,54,122,.06)} .rv-kt-icon{grid-row:span 2;width:44px;height:44px;border-radius:var(--rv-kt-r-md);background:var(--rv-kt-icon-bg);display:flex;align-items:center;justify-content:center} .rv-kt-label{font-size:13px;font-weight:600;color:var(--rv-kt-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.3} .rv-kt .rv-kt-card a{font-size:17px;overflow-wrap:anywhere} .rv-kt-card-desc{display:none;font-size:14px;line-height:1.5;color:var(--rv-kt-muted)} /* Boxy s nadpisom */ .rv-kt-box,body.woocommerce-order-received section.woocommerce-order-details{border:1px solid var(--rv-action);border-radius:var(--rv-kt-r-lg);overflow:hidden;background:#fff} .rv-kt-box-head,body.woocommerce-order-received h2.woocommerce-order-details__title{background:var(--rv-surface);padding:16px 20px;border-bottom:1px solid var(--rv-kt-line-soft)} .rv-kt .rv-kt-box-head h2,body.woocommerce-order-received h2.woocommerce-order-details__title{font-size:20px;color:var(--rv-action)} .rv-kt-box-body,body.woocommerce-order-received .woocommerce-order-details .responsive-table{padding:20px;display:flex;flex-direction:column;gap:14px;color:var(--rv-kt-text)} /* Fakturačné / platobné / adresa */ .rv-kt-info{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"plat" "adr" "fakt";gap:16px} .rv-kt-fakt{grid-area:fakt;align-self:start} .rv-kt-plat{grid-area:plat} .rv-kt-adr{grid-area:adr} .rv-kt-company{font-size:18px;font-weight:600;color:var(--rv-brand)} .rv-kt-dl{display:grid;grid-template-columns:100px minmax(0,1fr);margin:0;font-size:15px} .rv-kt-dl dt,.rv-kt-dl dd{margin:0;padding:12px 0;border-top:1px solid #eef1f6} .rv-kt-dl dt{color:var(--rv-kt-muted);font-weight:400} .rv-kt-dl dd{font-weight:600;color:#1d1d1f} .rv-kt-dl dd.rv-kt-reg{font-weight:400;color:var(--rv-kt-text);line-height:1.5} /* IBAN: celý rámik je tlačidlo – kliknutím sa skopíruje (bez samostatného tlačidla, aby sa na mobile nezalomil) */ .rv-kt .rv-kt-iban{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:0;margin:0;padding:12px 16px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-md);background:#fbfcfe;color:inherit;font:inherit;text-align:left;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer;transition:border-color .2s,background-color .2s} .rv-kt .rv-kt-iban:hover{border-color:var(--rv-action);background:#fff} .rv-kt .rv-kt-iban:focus-visible{outline:2px solid var(--rv-action);outline-offset:2px} .rv-kt .rv-kt-iban.is-copied{border-color:var(--rv-kt-ok)} .rv-kt-iban-label{font-size:12px;font-weight:600;color:var(--rv-kt-muted);text-transform:uppercase;letter-spacing:.04em;line-height:1.4} .rv-kt-iban-num{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--rv-brand);font-variant-numeric:tabular-nums;line-height:1.4;white-space:nowrap} .rv-kt .rv-kt-iban-hint{display:flex;align-items:center;gap:6px;margin-top:-6px;font-size:13px;line-height:1.4;color:var(--rv-kt-muted)} .rv-kt-iban-hint .rv-kt-copy-done{display:none;color:var(--rv-kt-ok);font-weight:600} .rv-kt-iban-hint.is-copied .rv-kt-copy-idle{display:none} .rv-kt-iban-hint.is-copied .rv-kt-copy-done{display:inline} .rv-kt-bank{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:4px;font-size:14px} .rv-kt-bank span{color:var(--rv-kt-muted)} .rv-kt-bank b{font-weight:600;color:#1d1d1f} .rv-kt-ret{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px} .rv-kt-ret li{display:flex;gap:14px;align-items:flex-start;margin:0;padding:14px;border:1px solid var(--rv-kt-line-soft);border-radius:var(--rv-kt-r-md)} .rv-kt-ret li.is-main{border-color:var(--rv-action);background:#fbfcfe} .rv-kt-ret-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--rv-kt-r-md);background:var(--rv-kt-icon-bg);display:flex;align-items:center;justify-content:center} .rv-kt-ret b{font-weight:600;color:var(--rv-brand)} .rv-kt-ret p{font-size:14px;line-height:1.5;color:var(--rv-kt-muted);margin-top:2px} .rv-kt-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#e8f6ee;color:#1c6b3f;font-size:12px;font-weight:600;line-height:1.5;vertical-align:1px} .rv-kt .rv-kt-ret-cta{align-self:flex-start;font-size:15px} .rv-kt .rv-kt-ret-intro{font-size:15px;color:var(--rv-kt-text)} .rv-kt-ret li > div{flex:1;min-width:0;position:relative;padding-right:64px} .rv-kt-price{position:absolute;top:0;right:0;font-size:15px;font-weight:600;color:#1d1d1f;white-space:nowrap} .rv-kt .rv-kt-note{font-size:13px;line-height:1.55;color:var(--rv-kt-muted)} .rv-kt-note b{font-weight:600;color:var(--rv-kt-text)} .rv-kt .rv-kt-note-warn{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:var(--rv-kt-r-md);background:var(--rv-surface)} .rv-kt-note-warn svg{flex-shrink:0;margin-top:2px;color:var(--rv-action)} /* Poradenstvo + FAQ */ .rv-kt-help{margin-top:48px} .rv-kt-help{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start} .rv-kt-side{order:2} .rv-kt-links{list-style:none;margin:0;padding:8px 0} .rv-kt-links li{margin:0} .rv-kt .rv-kt-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;font-size:15px;font-weight:500;color:#1d1d1f} .rv-kt .rv-kt-links a:hover{background:var(--rv-surface);color:var(--rv-action);text-decoration:none} .rv-kt-links svg{flex-shrink:0;color:var(--rv-action)} .rv-kt-side-cta{padding:20px;border-top:1px solid var(--rv-kt-line-soft);background:var(--rv-surface);display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.5;color:var(--rv-kt-text)} .rv-kt-side-cta b{font-weight:600;color:var(--rv-brand)} .rv-kt-side-cta .rv-kt-btn{width:100%} .rv-kt-faq{display:flex;flex-direction:column;gap:16px} .rv-kt .rv-kt-faq h2{font-size:var(--rv-h2);color:var(--rv-brand)} .rv-kt-faq-list{border-top:1px solid var(--rv-kt-line-soft)} .rv-kt-faq details{border-bottom:1px solid var(--rv-kt-line-soft)} .rv-kt-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:14px 4px;cursor:pointer;font-size:17px;font-weight:600;color:#1d1d1f;line-height:1.4;list-style:none} .rv-kt-faq summary::-webkit-details-marker{display:none} .rv-kt-faq summary::after{content:"+";flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--rv-kt-icon-bg);color:var(--rv-action);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:400;line-height:1} .rv-kt-faq details[open] summary::after{content:"−"} .rv-kt-faq-a{padding:0 48px 20px 4px;color:var(--rv-kt-text);line-height:1.65} .rv-kt-faq-a p + p,.rv-kt-faq-a ul + p{margin-top:10px} .rv-kt-faq-a ul{margin:10px 0 0;padding-left:20px} .rv-kt-faq-a li{margin:0 0 6px} .rv-kt-faq-a b{font-weight:600;color:#1d1d1f} /* Formulár vo vyskakovacom okne – vzhľad a animácia ako B2B okno (rvModalIn), pozadie bez rozmazania */ .rv-kt-dialog{width:calc(100% - 32px);max-width:520px;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:var(--rv-kt-r-lg);background:#fff;box-shadow:0 24px 70px rgba(20,26,48,.28);color:#1d2333} .rv-kt-dialog[open]{animation:rvKtModalIn var(--rv-ease,.35s cubic-bezier(.25,.1,.25,1))} @keyframes rvKtModalIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}} .rv-kt-dialog::backdrop{background:rgba(29,29,31,.5)} .rv-kt-dialog-inner{position:relative;padding:32px 22px 28px} .rv-kt .rv-kt-dialog h2{font-size:22px;margin:0 48px 6px 0;color:var(--rv-brand)} .rv-kt .rv-kt-dialog-sub{font-size:15px;color:#5a6276;margin-bottom:24px} .rv-kt .rv-kt-close{position:absolute;top:18px;right:20px;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:50%;background:#f2f4f8;color:var(--rv-brand);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s} .rv-kt .rv-kt-close:hover{background:#e5e9f2} .rv-kt-dialog .wpcf7 label br,.rv-kt-dialog .hidden-fields-container,.rv-kt-dialog .wpcf7-response-output:empty{display:none} .rv-kt-dialog .wpcf7 p{margin:0 0 16px} .rv-kt-dialog .wpcf7 label{display:block;font-size:13px;font-weight:600;color:#3a4154} .rv-kt-dialog .wpcf7 input[type="text"],.rv-kt-dialog .wpcf7 input[type="email"],.rv-kt-dialog .wpcf7 input[type="tel"],.rv-kt-dialog .wpcf7 select,.rv-kt-dialog .wpcf7 textarea{width:100%;margin-top:6px;padding:12px 14px;border:1px solid #dce0ea;border-radius:var(--rv-kt-r-md);background:#fff;font-size:15px;font-weight:400;font-family:inherit;line-height:1.4;color:#1d2333;min-height:48px;box-shadow:none;transition:border-color .2s,box-shadow .2s} .rv-kt-dialog .wpcf7 textarea{height:100px;resize:vertical} .rv-kt-dialog .wpcf7 input::placeholder,.rv-kt-dialog .wpcf7 textarea::placeholder{color:#9aa1b1} .rv-kt-dialog .wpcf7 select{appearance:none;padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6275' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 16px;cursor:pointer} .rv-kt-dialog .wpcf7 input:focus,.rv-kt-dialog .wpcf7 select:focus,.rv-kt-dialog .wpcf7 textarea:focus{outline:0;border-color:var(--rv-action);box-shadow:0 0 0 3px rgba(11,94,215,.12)} .rv-kt-dialog .wpcf7 input[type="submit"]{width:100%;min-height:48px;margin-top:8px;border:0;border-radius:var(--rv-kt-r-md);background:var(--rv-action);color:#fff;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;transition:background-color .2s} .rv-kt-dialog .wpcf7 input[type="submit"]:hover{background:var(--rv-brand)} .rv-kt-dialog .wpcf7-response-output{margin:12px 0 0;padding:14px 16px;border-radius:var(--rv-kt-r-md);font-size:14px} /* CF7 v okne: „(nepovinné)“ v popise poľa svetlejšie, dvojica polí vedľa seba (div.rv-kt-form-two v šablóne formulára, napr. B2B) */ .rv-kt-dialog .wpcf7 label i{font-style:normal;font-weight:400;color:var(--rv-kt-muted)} @media (min-width:600px){ .rv-kt-dialog .rv-kt-form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px} } .rv-kt .rv-kt-dialog-foot{margin-top:12px;font-size:13px;color:var(--rv-kt-muted);text-align:center} /* Odosielanie: koliesko CF7 sa vkladalo vedľa tlačidla na celú šírku → okno pretieklo do strany. Skryjeme ho a počas odosielania ukážeme koliesko priamo v tlačidle (pozadie). */ .rv-kt-dialog{overflow-x:hidden} .rv-kt-dialog .wpcf7-spinner{display:none} .rv-kt-dialog .wpcf7 .submitting input[type="submit"]{background:var(--rv-action) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23fff' stroke-opacity='.35' stroke-width='3'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat right 16px center / 20px;cursor:wait} /* Tablet */ @media (min-width:768px){ .rv-kt-hero{padding:48px 40px 40px;gap:16px} .rv-kt-lead{font-size:19px} .rv-kt-quick{margin-top:32px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .rv-kt-contacts{margin-top:56px} .rv-kt-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .rv-kt-card{padding:24px;grid-template-columns:minmax(0,1fr);row-gap:10px;align-content:start} .rv-kt-icon{grid-row:auto} .rv-kt-card-desc{display:block} .rv-kt-info{margin-top:56px;gap:24px} .rv-kt-box-head,body.woocommerce-order-received h2.woocommerce-order-details__title{padding:18px 28px} .rv-kt-box-body,body.woocommerce-order-received .woocommerce-order-details .responsive-table{padding:24px 28px} .rv-kt-dl{grid-template-columns:120px minmax(0,1fr)} .rv-kt-iban-num{font-size:17px;letter-spacing:.04em} .rv-kt-dialog-inner{padding:40px 36px 36px} .rv-kt .rv-kt-dialog h2{font-size:26px} } /* PC */ @media (min-width:1025px){ .rv-kt-hero{padding:64px 80px 56px} .rv-kt-quick{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} .rv-kt .rv-kt-tile{grid-template-columns:minmax(0,1fr) 20px;row-gap:6px;padding:20px;align-content:start} .rv-kt-tile-icon{grid-row:auto;grid-column:1 / -1;margin-bottom:8px} .rv-kt-tile-arrow{grid-row:2;grid-column:2} .rv-kt-tile-sub{grid-column:1 / -1} .rv-kt-cards{grid-template-columns:repeat(4,minmax(0,1fr))} .rv-kt-info{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"fakt plat" "fakt adr"} .rv-kt-help{margin-top:64px;margin-bottom:32px;grid-template-columns:340px minmax(0,1fr);gap:48px} .rv-kt-side{order:0;position:sticky;top:100px} .rv-kt .rv-kt-links a{padding:12px 24px} .rv-kt-side-cta{padding:24px} } /* ================================================================= INFORMAČNÉ STRÁNKY – DOKUMENTY (VOP, reklamačný poriadok, GDPR, doprava, zľavy, účet, cookies) Doplnok k .rv-kt (Kontakty, blok vyššie): dlhé texty s číslovanými bodmi a sticky obsahom vľavo, karty dopravy, stupne zliav, tabuľky. Obsah stránok generuje koncepty/generuj-info-stranky.mjs (od 2026-10-01). Zlomy ako WoodMart: mobil základ / tablet 768 / PC 1025. ================================================================= */ .rv-kt{--rv-doc-toc-top:100px;--rv-doc-anchor:110px} /* Pilulka s ikonou namiesto bodky */ .rv-kt-pill-icon{flex-shrink:0;color:var(--rv-action)} /* V skratke – kľúčové fakty pod úvodom */ .rv-doc-facts,body.woocommerce-order-received ul.woocommerce-order-overview{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .rv-doc-fact,body.woocommerce-order-received ul.woocommerce-order-overview li{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-lg);background:#fff;box-shadow:var(--rv-shadow-sm)} .rv-doc-fact .rv-kt-tile-icon{width:40px;height:40px;margin-bottom:6px} .rv-doc-fact b,body.woocommerce-order-received ul.woocommerce-order-overview li strong{font-size:18px;font-weight:600;line-height:1.25;color:var(--rv-brand)} .rv-doc-fact span,body.woocommerce-order-received ul.woocommerce-order-overview li span{font-size:14px;line-height:1.4;color:var(--rv-kt-muted)} /* Rozloženie: obsah dokumentu (sticky vľavo) + text */ .rv-doc{margin-top:32px;margin-bottom:32px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start} /* Mobil a tablet: obsah hore, súvisiace stránky až pod textom */ .rv-doc-side{display:contents} .rv-doc-side > .rv-kt-box:not(.rv-doc-toc){order:3} .rv-doc-body{order:2} .rv-doc-toc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--rv-surface);cursor:pointer;list-style:none;font-size:17px;font-weight:600;color:var(--rv-action)} .rv-doc-toc summary::-webkit-details-marker{display:none} .rv-doc-toc summary::after{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s} .rv-doc-toc[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)} .rv-doc-toc[open] summary{border-bottom:1px solid var(--rv-kt-line-soft)} .rv-doc-progress{height:3px;background:var(--rv-kt-line-soft)} .rv-doc-progress span{display:block;height:100%;width:0;background:var(--rv-action);transition:width .15s linear} .rv-doc-toc ol{list-style:none;margin:0;padding:8px 0;counter-reset:none} .rv-doc-toc li{margin:0} .rv-kt .rv-doc-toc a{display:flex;align-items:flex-start;gap:12px;padding:9px 20px;font-size:15px;font-weight:500;line-height:1.4;color:#1d1d1f;border-left:3px solid transparent} .rv-kt .rv-doc-toc a:hover{background:var(--rv-surface);color:var(--rv-action);text-decoration:none} .rv-kt .rv-doc-toc a.is-active{border-left-color:var(--rv-action);background:var(--rv-brand-soft);color:var(--rv-brand);font-weight:600} .rv-doc-toc-num{flex-shrink:0;min-width:24px;height:24px;padding:0 6px;border-radius:var(--rv-kt-r-sm);background:var(--rv-kt-icon-bg);color:var(--rv-action);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums} .rv-kt .rv-doc-toc a.is-active .rv-doc-toc-num{background:var(--rv-action);color:#fff} /* Text dokumentu */ .rv-doc-body{display:flex;flex-direction:column;gap:40px;min-width:0;color:var(--rv-kt-text)} /* Stránky bez sticky obsahu (doprava, zľavy, účet, cookies): sekcie na celú šírku, dole súvisiace stránky + FAQ ako na Kontaktoch */ .rv-doc-plain{margin-top:40px} .rv-doc-plain .rv-kt-section-title{margin-bottom:6px} .rv-doc-sec{scroll-margin-top:var(--rv-doc-anchor);display:flex;flex-direction:column;gap:14px} .rv-kt .rv-doc-sec > h2{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--rv-kt-line-soft);font-size:24px;color:var(--rv-brand)} .rv-doc-num{flex-shrink:0;width:40px;height:40px;border-radius:var(--rv-kt-r-md);background:var(--rv-kt-icon-bg);color:var(--rv-action);font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center} .rv-kt .rv-doc-sec h3{margin-top:10px;font-size:18px;color:#1d1d1f} .rv-doc-sec > p,.rv-doc-p{line-height:1.7} .rv-doc-p{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:8px} .rv-doc-p > .rv-doc-pn{font-size:13px;font-weight:600;color:var(--rv-kt-muted);line-height:1.7;padding-top:2px;font-variant-numeric:tabular-nums} .rv-doc-p > div{display:flex;flex-direction:column;gap:8px;min-width:0} .rv-doc-p.is-wide{grid-template-columns:56px minmax(0,1fr)} .rv-doc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} .rv-doc-list li{position:relative;margin:0;padding-left:28px;line-height:1.6} .rv-doc-list li > i{position:absolute;left:0;top:0;font-style:normal;font-weight:600;color:var(--rv-action)} .rv-doc-list.is-dots li::before{content:"";position:absolute;left:8px;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--rv-action)} .rv-kt .rv-doc-body li,.rv-kt .rv-tiers li,.rv-kt .rv-steps li{font-size:inherit} .rv-doc-body b,.rv-doc-body strong{font-weight:600;color:#1d1d1f} /* Zvýraznený box a tabuľka */ .rv-doc-callout{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:var(--rv-kt-r-md);background:var(--rv-surface);line-height:1.6} .rv-doc-callout > svg{flex-shrink:0;margin-top:3px;color:var(--rv-action)} .rv-doc-callout.is-ok > svg{color:var(--rv-kt-ok)} .rv-doc-callout p + p{margin-top:6px} .rv-doc-table-wrap{overflow-x:auto;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-md)} .rv-doc-table{width:100%;margin:0;border-collapse:collapse;font-size:15px;line-height:1.5} .rv-doc-table th,.rv-doc-table td{padding:12px 16px;border:0;border-bottom:1px solid #eef1f6;text-align:left;vertical-align:top} .rv-doc-table thead th{background:var(--rv-surface);font-size:13px;font-weight:600;color:var(--rv-kt-muted);text-transform:uppercase;letter-spacing:.04em} .rv-doc-table tbody tr:last-child td,.rv-doc-table tbody tr:last-child th{border-bottom:0} .rv-doc-table tbody th{font-weight:600;color:var(--rv-brand)} .rv-doc-table .is-num{text-align:right;white-space:nowrap;font-weight:600;color:#1d1d1f} .rv-doc-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-lg);font-size:14px;color:var(--rv-kt-muted)} .rv-kt .rv-doc-meta .rv-kt-btn{min-height:40px;padding:0 16px;font-size:14px} /* Karty (doprava, platba, práva, výhody účtu, kategórie cookies) */ .rv-doc-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:16px} .rv-doc-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-lg);background:#fff;box-shadow:0 8px 24px rgba(38,54,122,.06)} .rv-doc-card-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:14px;align-items:center} .rv-doc-card-head .rv-kt-icon{grid-row:auto} .rv-kt .rv-doc-card h3{margin:0;font-size:18px;color:var(--rv-brand)} .rv-doc-card-sub{font-size:14px;line-height:1.4;color:var(--rv-kt-muted)} .rv-doc-price{text-align:right;line-height:1.2} .rv-doc-price b{display:block;font-size:22px;font-weight:600;color:#1d1d1f} .rv-doc-price small{font-size:12px;color:var(--rv-kt-muted)} .rv-doc-price.is-free b{color:var(--rv-kt-ok)} .rv-doc-check{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid #eef1f6;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5} .rv-doc-check li{position:relative;margin:0;padding-left:28px} .rv-doc-check li::before{content:"";position:absolute;left:2px;top:.3em;width:16px;height:16px;border-radius:50%;background:#e8f6ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f9d57' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") no-repeat center / 11px} .rv-doc-card .rv-kt-badge{margin-left:0;align-self:flex-start} .rv-doc-card p{font-size:15px;line-height:1.6} .rv-doc-card.is-main{border-color:var(--rv-action)} /* Pás so zvýraznením (doprava zadarmo) */ .rv-doc-band{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--rv-kt-r-lg);background:var(--rv-brand);color:#fff} .rv-kt .rv-doc-band h3{margin:0;font-size:20px;color:#fff} .rv-doc-band p{color:rgba(255,255,255,.85);font-size:15px;line-height:1.55} .rv-kt .rv-doc-band a:not(.rv-kt-btn){color:#fff;text-decoration:underline} /* Stupne množstevných zliav */ .rv-tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .rv-tiers li{margin:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-lg);background:#fff;position:relative;overflow:hidden} .rv-tiers li::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--h,20%);background:linear-gradient(180deg,rgba(0,113,227,.04),rgba(0,113,227,.12));z-index:0} .rv-tiers li > *{position:relative;z-index:1} .rv-tiers b{font-size:32px;font-weight:600;line-height:1;color:var(--rv-action)} .rv-tiers span{font-size:14px;color:var(--rv-kt-muted)} .rv-tiers strong{font-size:16px;font-weight:600;color:var(--rv-brand)} .rv-tiers li.is-offer{border-color:var(--rv-brand);background:var(--rv-brand)} .rv-tiers li.is-offer{grid-column:1 / -1} .rv-tiers li.is-offer::before{display:none} .rv-tiers li.is-offer b{font-size:20px;line-height:1.2;color:#fff} .rv-tiers li.is-offer span,.rv-tiers li.is-offer strong{color:rgba(255,255,255,.85)} /* Kalkulačka zľavy */ .rv-calc{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--rv-action);border-radius:var(--rv-kt-r-lg);background:#fbfcfe} .rv-calc label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--rv-kt-text)} .rv-calc-input{display:flex;align-items:center;gap:8px;max-width:260px;padding:0 14px;border:1px solid #dce0ea;border-radius:var(--rv-kt-r-md);background:#fff} .rv-calc-input:focus-within{border-color:var(--rv-action);box-shadow:0 0 0 3px rgba(11,94,215,.12)} .rv-kt .rv-calc input{flex:1;min-width:0;min-height:48px;padding:0;border:0;background:none;box-shadow:none;font-size:20px;font-weight:600;color:#1d1d1f} .rv-kt .rv-calc input:focus{outline:0} .rv-calc-input span{font-size:18px;font-weight:600;color:var(--rv-kt-muted)} .rv-calc-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .rv-calc-out div{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:var(--rv-kt-r-md);background:#fff;border:1px solid var(--rv-kt-line-soft)} .rv-calc-out span{font-size:12px;font-weight:600;color:var(--rv-kt-muted);text-transform:uppercase;letter-spacing:.04em} .rv-calc-out b{font-size:18px;font-weight:600;color:var(--rv-brand);font-variant-numeric:tabular-nums} .rv-calc-out .is-save b{color:var(--rv-kt-ok)} .rv-calc-hint{font-size:14px;color:var(--rv-kt-muted)} /* Množstevné zľavy: stupne + kalkulačka vedľa seba, kompaktne (od 2026-10-04; staré .rv-tiers ostáva pre CZ, kým sa nepreloží) */ .rv-zl{display:grid;grid-template-columns:minmax(0,1fr);gap:16px} .rv-zl-box,.rv-zl .rv-calc{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-lg);background:#fff} .rv-zl .rv-calc{border-color:var(--rv-action);background:#fbfcfe;scroll-margin-top:var(--rv-doc-anchor)} .rv-kt .rv-zl h3{margin:0;font-size:16px;line-height:1.3;color:var(--rv-brand)} /* stĺpec so sumou má šírku najdlhšej sumy (CZ „nad 19 900 Kč"), riadky ho zdieľajú cez subgrid, aby pásiky začínali rovnako */ .rv-zl-tiers{flex:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-content:space-between;gap:2px 12px} .rv-kt .rv-zl-tiers li{grid-column:1 / -1;margin:0;display:grid;grid-template-columns:100px minmax(0,1fr) 40px;grid-template-columns:subgrid;align-items:center;column-gap:12px;padding:6px 10px;border-radius:var(--rv-kt-r-sm);transition:background-color .2s} .rv-zl-tiers span{font-size:14px;color:var(--rv-kt-muted);white-space:nowrap} .rv-zl-tiers i{position:relative;height:6px;border-radius:999px;background:var(--rv-kt-line-soft);overflow:hidden} .rv-zl-tiers i::before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--h,25%);border-radius:inherit;background:var(--rv-action)} .rv-zl-tiers b{font-size:17px;font-weight:600;line-height:1.3;text-align:right;color:var(--rv-action);font-variant-numeric:tabular-nums} .rv-zl-tiers li.is-active{background:var(--rv-kt-icon-bg)} .rv-zl-tiers li.is-active span{color:var(--rv-brand)} .rv-kt .rv-zl-tiers li.is-offer{margin-top:6px;background:var(--rv-brand)} .rv-zl-tiers li.is-offer span{color:rgba(255,255,255,.8)} .rv-zl-tiers li.is-offer b{grid-column:2 / -1;font-size:14px;text-align:left;color:#fff} .rv-zl-tiers li.is-offer.is-active{box-shadow:0 0 0 2px var(--rv-action)} .rv-zl-tiers li.is-offer.is-active span{color:#fff} .rv-zl .rv-calc label{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px} .rv-zl .rv-calc-input{flex:0 1 170px} .rv-kt .rv-zl .rv-calc input{min-height:44px;font-size:18px} .rv-zl .rv-calc-out{display:flex;flex-direction:column;gap:0} .rv-zl .rv-calc-out div{flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border:0;border-top:1px solid var(--rv-kt-line-soft);border-radius:0;background:none} .rv-zl .rv-calc-out span{font-size:14px;text-transform:none;letter-spacing:0} .rv-zl .rv-calc-out b{font-size:16px} .rv-zl .rv-calc-out .is-total b{font-size:20px} .rv-zl .rv-calc-hint{font-size:13px} /* Kroky (zákaznícky účet) */ .rv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;counter-reset:rvstep} .rv-steps li{margin:0;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:16px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-lg);background:#fff;counter-increment:rvstep} .rv-steps li::before{content:counter(rvstep);grid-row:span 2;width:40px;height:40px;border-radius:50%;background:var(--rv-action);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center} .rv-steps b{font-weight:600;color:var(--rv-brand)} .rv-steps span{font-size:14px;color:var(--rv-kt-muted);line-height:1.5} /* FAQ v texte dokumentu – bez vlastného nadpisu h2 */ .rv-doc-sec .rv-kt-faq-list{border-top:0} /* Tlač: iba text dokumentu */ @media print{ .rv-doc-side,.rv-kt-hero-actions,.rv-doc-facts,.rv-doc-meta .rv-kt-btn,.rv-kt-dialog{display:none} .rv-doc{display:block} } /* Tablet */ @media (min-width:768px){ .rv-doc-facts,body.woocommerce-order-received ul.woocommerce-order-overview{margin-top:32px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .rv-doc-fact,body.woocommerce-order-received ul.woocommerce-order-overview li{padding:20px} .rv-doc{margin-top:48px} .rv-doc-plain{margin-top:56px} .rv-kt .rv-doc-sec > h2{font-size:28px} .rv-doc-p{grid-template-columns:52px minmax(0,1fr);column-gap:12px} .rv-doc-p.is-wide{grid-template-columns:64px minmax(0,1fr)} .rv-doc-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .rv-doc-card{padding:24px} .rv-doc-band{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:28px 32px} .rv-doc-band > div:first-child{flex:1 1 320px} .rv-doc-band > div:last-child{flex:0 0 auto} .rv-tiers{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch} .rv-tiers li{min-height:150px} .rv-tiers li.is-offer{grid-column:auto} .rv-calc{padding:28px} .rv-zl{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .rv-zl-box,.rv-zl .rv-calc{padding:20px 24px} .rv-steps{grid-template-columns:repeat(3,minmax(0,1fr))} .rv-steps li{grid-template-columns:minmax(0,1fr);row-gap:6px} .rv-steps li::before{grid-row:auto;margin-bottom:6px} } /* PC – obsah dokumentu vľavo, pri rolovaní ostáva na mieste */ @media (min-width:1025px){ .rv-doc-plain{margin-top:64px} .rv-doc{margin-top:64px;grid-template-columns:300px minmax(0,1fr);gap:56px} .rv-doc-side{display:flex;flex-direction:column;gap:16px;order:0;position:sticky;top:var(--rv-doc-toc-top);max-height:calc(100vh - var(--rv-doc-toc-top) - 16px);overflow-y:auto;scrollbar-width:thin} .rv-doc-toc summary{cursor:default;pointer-events:none} .rv-doc-toc summary::after{display:none} .rv-doc-body{order:0;gap:56px} .rv-doc-cards.is-3{grid-template-columns:repeat(3,minmax(0,1fr))} } /* ================================================================= INFORMAČNÉ STRÁNKY – DOPLNOK 2026-10-01 (rozcestníky, návody, formulár) Rozcestníky (Všetko o nákupe, Návody, 404), schémy a obrázky, stránka s formulárom reklamácie. ================================================================= */ /* Rozcestník: dlaždice po 4 na PC */ @media (min-width:1025px){ .rv-kt-quick.is-4{grid-template-columns:repeat(4,minmax(0,1fr))} .rv-kt-quick.is-3{grid-template-columns:repeat(3,minmax(0,1fr))} } /* Obrázky so schémami / príkladmi */ .rv-figs{display:grid;grid-template-columns:minmax(0,1fr);gap:16px} .rv-fig{margin:0;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-lg);background:#fff} .rv-kt .rv-fig > a{display:block;border-radius:var(--rv-kt-r-md);overflow:hidden;background:var(--rv-surface)} .rv-fig img{display:block;width:100%;height:auto;transition:transform var(--rv-ease)} .rv-kt .rv-fig > a:hover img{transform:scale(1.02)} .rv-fig figcaption{font-size:16px;font-weight:600;line-height:1.35;color:var(--rv-brand)} .rv-fig figcaption span{display:block;margin-top:4px;font-size:14px;font-weight:400;line-height:1.5;color:var(--rv-kt-muted)} /* ---------- SKLENENÉ RÁMIKY – POPIS PRODUKTU (HTML blok 57341, koncept eshop/koncepty/ramy) ---------- Stavba z existujúcich častí .rv-kt / .rv-doc-* / .rv-fig; nové sú iba: úvod s h2 namiesto h1, rozmerový nákres .rv-dim a biele tlačidlo v modrom páse. */ .rv-kt-hero .rv-kt-section-title{margin-bottom:0} .rv-kt-hero .rv-kt-lead b{font-weight:600;color:var(--rv-brand)} /* rozmerový nákres (SVG s triedami) */ .rv-dim{margin:0;padding:20px 16px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-lg);background:var(--rv-surface)} .rv-dim svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;overflow:visible} .rv-dim-glass{fill:#fff;stroke:var(--rv-brand);stroke-width:1.5} .rv-dim-pos circle{fill:none;stroke:var(--rv-action);stroke-width:1.5} .rv-dim-axis path{stroke:var(--rv-action);stroke-width:.75;stroke-dasharray:3 3} .rv-dim-line path{fill:none;stroke:var(--rv-muted);stroke-width:1} .rv-dim-text text{font-size:10px;font-weight:600;fill:var(--rv-brand);text-anchor:middle} .rv-dim-text text.is-start{text-anchor:start} /* malý nákres v dlaždici rozmeru: šírka pozície 71, okraje 7,5 → spolu 86 + 71 × (n − 1) */ .rv-dim-sizes{margin-top:0} .rv-dim-mini{--u:.34px;display:grid;grid-auto-flow:column;grid-auto-columns:calc(71 * var(--u));align-items:center;justify-items:center;width:max-content;height:calc(86 * var(--u));margin-bottom:10px;padding:0 calc(7.5 * var(--u));border:1.5px solid var(--rv-brand);border-radius:4px;background:#fff} .rv-dim-mini i{width:calc(16 * var(--u));aspect-ratio:1;border:1.5px solid var(--rv-action);border-radius:50%} /* biele tlačidlo v modrom páse */ .rv-kt .rv-doc-band .rv-kt-btn{background:#fff;color:var(--rv-brand)} .rv-kt .rv-doc-band .rv-kt-btn:hover{background:var(--rv-icon-bg);color:var(--rv-brand)} /* nákres podľa veľkosti rámika ([revolo_ramik_rozmery]): šírka podľa viewBoxu, aby mal 1 mm na všetkých nákresoch rovnakú veľkosť */ .rv-dim svg[style]{max-width:calc(var(--rv-dim-w) * 1.8px)} /* na mobile sú štvor- a päťrámik zmenšené → väčšie písmo kót */ .rv-dim.is-4 .rv-dim-text text{font-size:11.5px} .rv-dim.is-5 .rv-dim-text text{font-size:13px} @media (min-width:768px){ .rv-dim{padding:32px 24px} .rv-dim.is-4 .rv-dim-text text,.rv-dim.is-5 .rv-dim-text text{font-size:10px} } @media (min-width:1025px){ .rv-dim-mini{--u:.5px} } /* Úvod s fotkou (.rv-kt-hero.has-img, napr. B2B): text v .rv-kt-hero-body, fotka pod ním, na PC vedľa */ .rv-kt-hero-body{display:flex;flex-direction:column;gap:inherit;min-width:0} .rv-kt-hero-img{margin-top:8px;border-radius:var(--rv-kt-r-lg);overflow:hidden;aspect-ratio:4/3;background:var(--rv-line-soft)} .rv-kt-hero-img img{display:block;width:100%;height:100%;object-fit:cover} @media (min-width:1025px){ .rv-kt-hero.has-img{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding:56px 56px 56px 72px} .rv-kt-hero.has-img .rv-kt-hero-img{margin-top:0;aspect-ratio:auto;height:100%;min-height:400px} } /* Formulár reklamácie: popis a informácie nad formulárom, formulár na celú šírku bez rámika */ .rv-form-intro{margin-top:40px;display:flex;flex-direction:column;gap:16px} .rv-form-info{display:grid;grid-template-columns:minmax(0,1fr);gap:16px} .rv-form-info .rv-kt-box-body{gap:12px;font-size:15px} .rv-form-info .rv-doc-table th,.rv-form-info .rv-doc-table td{padding:10px 12px;font-size:14px} .rv-form-full{margin-top:40px;scroll-margin-top:var(--rv-doc-anchor)} @media (min-width:768px){ .rv-figs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .rv-form-intro{margin-top:56px} .rv-form-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} /* od tabletu sivý pás, nadpis v strede, formulár (.rv-rf) ako biela karta – presunuté zo starého formulára 2026-10-06 */ .rv-form-full{margin-top:56px;padding:48px 32px;border-radius:var(--rv-radius-lg);background:var(--rv-surface)} .rv-form-full > .rv-kt-section-title{align-items:center;max-width:920px;margin:0 auto 28px;text-align:center} } @media (min-width:1025px){ .rv-figs.is-3{grid-template-columns:repeat(3,minmax(0,1fr))} .rv-form-intro{margin-top:64px} .rv-form-full{margin-top:64px;padding:64px 40px} } /* ================================================================= KATEGÓRIE PRODUKTOV – NÁZOV KATEGÓRIE (2026-10-01) Názov je prvý nadpis v popise kategórie (WooCommerce → Kategórie → Popis): väčšinou

…

, „Dotykové“ má

, niektoré CZ iba tučný text a zalomenie riadka. Každá kategória mala inú veľkosť a farbu → jednotný vzhľad (farba a hrúbka ako nadpisy informačných stránok), veľkosť 26 px na všetkých zariadeniach – majiteľ chcel menší ako H1 stránok (2026-10-01). Text sa nemení. ================================================================= */ .term-description > :is(h1,h2,h3):first-child, .term-description > p:first-child > strong:first-child:has(+ br){display:block;margin:0 0 12px;font-size:var(--rv-h2-mobile);font-weight:600;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--rv-brand)} /* tučné písmo vnútri nadpisu () – globálne má inú farbu (#001744) */ .term-description > :is(h1,h2,h3):first-child :is(strong,b){font-weight:inherit;color:inherit} /* ================================================================= KOŠÍK A POKLADŇA (2026-10-04) – vzhľad informačných stránok Karty s tenkým rámikom (--rv-line), hlavička boxu na sivom pozadí, výber dopravy a platby ako dlaždice, kroky nákupu (functions.php blok 28). Pokladňa = WoodMart rozloženie 49628 (CZ 61436) s triedami rv-co-*. ================================================================= */ /* ---------- Kroky nákupu: 1 Košík → 2 Údaje a platba → 3 Hotovo ---------- */ .rv-buy-steps{margin:0 0 20px} .rv-buy-steps ol{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none} .rv-buy-steps li{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--rv-muted);white-space:nowrap} .rv-buy-steps li + li::before{content:"";width:20px;height:1px;background:var(--rv-line);flex-shrink:0} .rv-buy-steps a{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none} .rv-buy-steps a:hover{color:var(--rv-action)} .rv-buy-steps-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--rv-line);background:#fff;font-size:13px;font-weight:600} .rv-buy-steps .is-current{color:var(--rv-brand);font-weight:600} .rv-buy-steps .is-current .rv-buy-steps-num{background:var(--rv-action);border-color:var(--rv-action);color:#fff} .rv-buy-steps .is-done .rv-buy-steps-num{background:var(--rv-icon-bg);border-color:var(--rv-icon-bg);color:var(--rv-action)} /* na mobile iba názov aktuálneho kroku */ .rv-buy-steps li:not(.is-current) .rv-buy-steps-label{display:none} @media(min-width:768px){ .rv-buy-steps{margin-bottom:28px} .rv-buy-steps li + li::before{width:40px} .rv-buy-steps li:not(.is-current) .rv-buy-steps-label{display:inline} } /* ---------- Spoločné: pás „doprava zadarmo“, polia, tlačidlá ---------- */ /* body = silnejšie ako WoodMart .wd-style-bordered .wd-free-progress-bar (prerušovaný rámik) */ body:is(.woocommerce-cart,.woocommerce-checkout) .wd-shipping-progress-bar .wd-free-progress-bar{padding:16px 20px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-lg);background:var(--rv-surface);text-align:left} :is(.woocommerce-cart,.woocommerce-checkout) .wd-shipping-progress-bar .progress-msg{margin-bottom:10px;font-size:15px;color:var(--rv-text)} :is(.woocommerce-cart,.woocommerce-checkout) .wd-shipping-progress-bar .progress-area{height:8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--rv-line-soft)} :is(.woocommerce-cart,.woocommerce-checkout) .wd-shipping-progress-bar .progress-bar{border-radius:999px;background:var(--rv-action)} :is(.woocommerce-cart,.woocommerce-checkout) .woocommerce :is(input.input-text,textarea,select), .woocommerce-checkout .select2-container .select2-selection--single{min-height:48px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:#fff;font-size:15px;color:#1d1d1f;box-shadow:none;transition:border-color .2s,box-shadow .2s} /* poznámka k objednávke – vyššie pole, aby sa zmestil text aj zástupný text na 2 riadky */ :is(.woocommerce-cart,.woocommerce-checkout) .woocommerce textarea.input-text{min-height:120px;padding:12px 14px;line-height:1.5;resize:vertical} .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered{line-height:46px} .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow{height:46px} :is(.woocommerce-cart,.woocommerce-checkout) .woocommerce :is(input.input-text,textarea,select):focus, .woocommerce-checkout .select2-container--open .select2-selection--single{border-color:var(--rv-action);box-shadow:var(--rv-focus-ring);outline:0} :is(.woocommerce-cart,.woocommerce-checkout) .woocommerce :is(input[type=radio],input[type=checkbox]){accent-color:var(--rv-action)} .woocommerce-cart .wc-proceed-to-checkout .checkout-button, .woocommerce-checkout #place_order{min-height:54px;border-radius:var(--rv-radius-md);background:var(--rv-action);font-size:16px;font-weight:600;color:#fff;transition:background-color .2s,box-shadow var(--rv-ease),transform .12s ease} .woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover, .woocommerce-checkout #place_order:hover{background:var(--rv-brand);color:#fff} /* výber dopravy (košík aj pokladňa) – každá možnosť ako dlaždica, vybraná modrá */ :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;text-align:left} :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method li{position:relative;display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:#fff;font-size:14px;line-height:1.35;color:var(--rv-text);cursor:pointer;transition:border-color .2s,background-color .2s} :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method li:hover{border-color:var(--rv-action)} :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method li:has(input:checked){border-color:var(--rv-action);background:#f5f9ff} :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method li input{order:-1;flex-shrink:0;top:0;width:18px;height:18px;margin:0} /* top:0 – WoodMart posúva prepínač o 4 px nadol */ :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method li label{flex:1;margin:0;cursor:pointer;font-weight:500;color:#1d1d1f} /* label pokrýva celú dlaždicu → klik kdekoľvek vyberie možnosť */ :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method li label::after{content:"";position:absolute;inset:0} :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method .amount{float:right;margin-left:8px;font-weight:600;color:var(--rv-brand)} /* GLS: tlačidlo „Vyberte balíkomat“ (plugin GLS, v labeli dopravy) – nad plochou labelu (inak by sa naň nedalo kliknúť), modré obrysové */ :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method li label button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;min-height:40px;padding:0 16px;border:1px solid var(--rv-action);border-radius:var(--rv-radius-md);background:#fff;color:var(--rv-action);font-size:14px;font-weight:600;line-height:1.2;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer;transition:background-color .2s,color .2s} :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method li label button::before{content:"";width:16px;height:16px;flex-shrink:0;background:currentColor;-webkit-mask:var(--rv-pin) center/contain no-repeat;mask:var(--rv-pin) center/contain no-repeat;--rv-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")} :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method li label button:hover{background:var(--rv-action);color:#fff} :is(.woocommerce-cart,.woocommerce-checkout) #shipping_method li label button:focus-visible{outline:2px solid var(--rv-action);outline-offset:2px} /* GLS: vybrané výdajné miesto (rámik a odsadenie má plugin priamo v HTML) */ #gls-pickup-info{border-radius:var(--rv-radius-md);background:var(--rv-surface);font-size:14px;line-height:1.5;color:var(--rv-text)} /* súhrnné tabuľky (sumár košíka, vaša objednávka) – riadky ako „názov … suma“ */ :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table, :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table :is(tbody,tfoot,tr,th,td){display:block;width:auto;border:0;background:none} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table tr{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin:0;padding:12px 0;border-top:1px solid var(--rv-line-soft)} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table :is(th,td){padding:0;font-size:15px;text-align:left} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table th{font-weight:500;color:var(--rv-text)} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table td{text-align:right;color:#1d1d1f} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table td::before{display:none} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table tr.shipping{flex-direction:column;align-items:stretch;gap:10px} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table tr.shipping td{text-align:left} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .woocommerce-shipping-destination{margin:8px 0 0;font-size:13px;color:var(--rv-muted)} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table tr.order-total,.woocommerce-order-details tfoot:last-of-type tr:last-child{flex-direction:row;align-items:center;padding-bottom:12px;border-top-color:var(--rv-line)} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table tr.order-total th,.woocommerce-order-details tfoot:last-of-type tr:last-child th{font-size:16px;font-weight:600;color:#1d1d1f} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table tr.order-total td,.woocommerce-order-details tfoot:last-of-type tr:last-child td{display:flex;flex-direction:column;align-items:flex-end} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table tr.order-total .amount,.woocommerce-order-details tfoot:last-of-type tr:last-child > td > .amount{font-size:24px;font-weight:700;color:var(--rv-brand)} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table tr.order-total small,.woocommerce-order-details tfoot:last-of-type tr:last-child small{font-size:12px;color:var(--rv-muted)} :is(.cart_totals,.rv-co-review,.woocommerce-order-details) .shop_table tr.order-total small .amount,.woocommerce-order-details tfoot:last-of-type tr:last-child small .amount{font-size:12px;font-weight:600} /* ---------- KOŠÍK ---------- */ .woocommerce-cart .cart-content-wrapper{gap:24px} /* zoznam produktov ako karta */ .woocommerce-cart .woocommerce-cart-form .shop_table.cart{margin:20px 0 0;border:1px solid var(--rv-line);border-radius:var(--rv-radius-lg);background:#fff;box-shadow:0 8px 24px rgba(38,54,122,.06);overflow:hidden} .woocommerce-cart .shop_table.cart thead th{padding:14px 12px;background:var(--rv-surface);border-bottom:1px solid var(--rv-line-soft);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--rv-muted)} .woocommerce-cart .shop_table.cart td{border-color:var(--rv-line-soft)} .woocommerce-cart .shop_table.cart .product-thumbnail img{border:1px solid var(--rv-line-soft);border-radius:var(--rv-radius-md);background:#fff} .woocommerce-cart .shop_table.cart .product-name > a{font-size:15px;font-weight:600;line-height:1.35;color:var(--rv-brand)} .woocommerce-cart .shop_table.cart .product-name > a:hover{color:var(--rv-action)} .woocommerce-cart .shop_table.cart .variation{margin-top:4px;font-size:13px;color:var(--rv-muted)} .woocommerce-cart .shop_table.cart .variation :is(dt,dd,span,p){font-size:13px;font-weight:400;color:var(--rv-muted)} .woocommerce-cart .shop_table.cart .product-subtotal .amount{font-weight:700;color:var(--rv-brand)} /* posledný stĺpec (Medzisúčet) odsadený od pravého okraja karty – WoodMart má padding 0 */ .woocommerce-cart .shop_table.cart :is(th,td).product-subtotal{padding-inline-end:20px} .woocommerce-cart .shop_table.cart .product-remove a.remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--rv-line);border-radius:50%;line-height:1;color:var(--rv-muted);transition:border-color .2s,color .2s,background-color .2s} .woocommerce-cart .shop_table.cart .product-remove a.remove{font-size:0} /* text „ד skrytý, ostáva ikona témy */ .woocommerce-cart .shop_table.cart .product-remove a.remove::before{font-size:11px} .woocommerce-cart .shop_table.cart .product-remove a.remove:hover{border-color:#d70015;background:#fff5f5;color:#d70015} /* počet kusov */ :is(.woocommerce-cart,.woocommerce-checkout) .quantity{border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:#fff;overflow:hidden} :is(.woocommerce-cart,.woocommerce-checkout) .quantity :is(.minus,.plus){width:34px;min-height:38px;border:0;background:none;color:var(--rv-brand);font-size:16px} :is(.woocommerce-cart,.woocommerce-checkout) .quantity :is(.minus,.plus):hover{background:var(--rv-surface);color:var(--rv-action)} :is(.woocommerce-cart,.woocommerce-checkout) .woocommerce .quantity input.qty{min-height:38px;width:38px;border:0;border-radius:0;box-shadow:none;font-weight:600} /* mobil: riadok produktu = mriežka – hore názov cez celú šírku (krížik vpravo), pod ním vľavo obrázok, vpravo sivý box s cenou a počtom (výška = obrázok 88 px). Medzisúčet položky sa na mobile neukazuje – súčet je v Sumári košíka. Výnimka zo zlomov: WoodMart prepína košík na mobilné zobrazenie pri max-width:768.98px. */ @media(max-width:768.98px){ .woocommerce-cart .shop_table.cart tr.cart_item{display:grid;grid-template-columns:100px minmax(0,1fr) 30px;grid-template-rows:auto 50px 50px;grid-template-areas:"name name remove" "thumb price price" "thumb qty qty";column-gap:16px;row-gap:0;align-items:center;min-height:0;margin:0;padding:16px 12px} .woocommerce-cart .shop_table.cart tr.cart_item td.product-name{grid-area:name;align-self:start;margin-bottom:12px;padding-inline-end:0} .woocommerce-cart .shop_table.cart tr.cart_item td.product-remove{grid-area:remove;position:static;align-self:start;justify-self:end;padding:0} .woocommerce-cart .shop_table.cart tr.cart_item td.product-thumbnail{grid-area:thumb;position:static;align-self:start;max-height:none;padding:0;border:0} .woocommerce-cart .shop_table.cart tr.cart_item td.product-thumbnail img{min-width:100px;max-width:100px} /* sivý box = výška obrázka 100 px: okraj 10 px dookola + dva rovnaké riadky po 40 px (cena, počet = výška poľa počtu), všetko vycentrované */ .woocommerce-cart .shop_table.cart tr.cart_item :is(td.product-price,td.product-quantity){align-self:stretch;align-items:center;padding:0 10px 0 12px;border:0;background:var(--rv-surface)} .woocommerce-cart .shop_table.cart tr.cart_item :is(td.product-price,td.product-quantity)::before{font-size:13px;color:var(--rv-muted)} .woocommerce-cart .shop_table.cart tr.cart_item td.product-price{grid-area:price;padding-top:10px;border-radius:var(--rv-radius-md) var(--rv-radius-md) 0 0} .woocommerce-cart .shop_table.cart tr.cart_item td.product-quantity{grid-area:qty;padding-bottom:10px;border-radius:0 0 var(--rv-radius-md) var(--rv-radius-md)} .woocommerce-cart .shop_table.cart tr.cart_item td.product-subtotal{display:none} } /* kupón + aktualizovať */ .woocommerce-cart .woocommerce-cart-form > .cart .cart-actions{margin-top:0} .woocommerce-cart .shop_table.cart td.actions{padding:16px;background:var(--rv-surface);border-top:1px solid var(--rv-line-soft)} .woocommerce-cart .shop_table.cart td.actions .coupon{border:0;padding:0;background:none} .woocommerce-cart .shop_table.cart td.actions .button[name=apply_coupon]{min-height:48px;border-radius:var(--rv-radius-md)} .woocommerce-cart .shop_table.cart td.actions .button[name=update_cart]{min-height:48px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:#fff;color:var(--rv-brand)} .woocommerce-cart .shop_table.cart td.actions .button[name=update_cart]:not(:disabled):hover{border-color:var(--rv-action);color:var(--rv-action)} .woocommerce-cart .shop_table.cart td.actions .button[name=update_cart]:disabled{opacity:.55} /* sumár košíka – box s hlavičkou */ .woocommerce-cart .cart_totals{align-self:start} .woocommerce-cart .cart_totals .cart-totals-inner{padding:0 20px 20px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-lg);background:#fff;box-shadow:0 8px 24px rgba(38,54,122,.06);overflow:hidden} .woocommerce-cart .cart_totals .cart-totals-inner > h2{margin:0 -20px 4px;padding:16px 20px;background:var(--rv-surface);border-bottom:1px solid var(--rv-line-soft);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--rv-action)} .woocommerce-cart .cart_totals .shop_table tr:first-child{border-top:0} .woocommerce-cart .wc-proceed-to-checkout{margin:8px 0 0;padding:0} .woocommerce-cart .wc-proceed-to-checkout .checkout-button{display:flex;align-items:center;justify-content:center;width:100%;margin:0} @media(min-width:1025px){ .woocommerce-cart .cart_totals{position:sticky;top:100px} .woocommerce-cart .shop_table.cart :is(td,th){padding-top:16px;padding-bottom:16px} .woocommerce-cart .shop_table.cart .product-thumbnail img{width:80px;height:80px;object-fit:contain} } /* ---------- POKLADŇA ---------- */ /* „Máte kupón?“ – nenápadný riadok */ /* body + .wd-checkout-coupon = silnejšie ako štýly WoodMartu (rušili odsadenie a pozadie) */ body.woocommerce-checkout .wd-checkout-coupon{margin-bottom:16px} /* rámik je na obale – WoodMart má na .woocommerce-info padding a pozadie s !important */ body.woocommerce-checkout .wd-checkout-coupon .woocommerce-form-coupon-toggle{width:100%;padding:12px 16px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:#fff} body.woocommerce-checkout .wd-checkout-coupon .woocommerce-info{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;width:100%;margin:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:14px;line-height:1.4;color:var(--rv-text)} .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before{display:none} .woocommerce-checkout .woocommerce-form-coupon-toggle a{font-weight:600;color:var(--rv-action);text-decoration:none} .woocommerce-checkout .woocommerce-form-coupon-toggle a:hover{text-decoration:underline} .woocommerce-checkout form.checkout_coupon{margin:0 0 16px;padding:16px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-lg);background:var(--rv-surface)} /* boxy (ľavý stĺpec = údaje, pravý = objednávka, platba, výhody) */ /* .wpb_row má sekčný rytmus 48/80 px – v pokladni iba malá medzera */ .rv-co.wpb_row{padding:16px 0 0} .rv-co .rv-co-box.wpb_row{padding:0} .rv-co .rv-co-box{margin:0 0 20px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-lg);background:#fff;box-shadow:0 8px 24px rgba(38,54,122,.06);overflow:hidden} .rv-co .rv-co-box > .wpb_column > .vc_column-inner{padding:0 16px 20px} .rv-co .rv-co-title{margin:0 -16px 16px;padding:16px;background:var(--rv-surface);border-bottom:1px solid var(--rv-line-soft)} .rv-co .rv-co-title h2{margin:0;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--rv-action)} @media(min-width:768px){ .rv-co .rv-co-box{margin-bottom:24px} .rv-co .rv-co-box > .wpb_column > .vc_column-inner{padding:0 24px 24px} .rv-co .rv-co-title{margin:0 -24px 20px;padding:18px 24px} } /* formulár */ .rv-co .form-row{margin-bottom:16px} .rv-co .form-row label{margin-bottom:6px;font-size:14px;font-weight:600;color:var(--rv-text)} .rv-co .form-row label.checkbox{font-weight:500;color:#1d1d1f} .rv-co .form-row .optional{font-weight:400;color:var(--rv-muted)} .rv-co .wd-billing-details{margin-bottom:0} .rv-co .woocommerce-billing-fields > h3{display:none} /* „Odoslať na inú adresu?“ ako prepínač v rámiku */ .rv-co #ship-to-different-address{margin:0 0 16px;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none} .rv-co #ship-to-different-address label{display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:var(--rv-surface);color:#1d1d1f;cursor:pointer} .rv-co #ship-to-different-address label:has(input:checked){border-color:var(--rv-action);background:#f5f9ff} .rv-co #ship-to-different-address input{width:18px;height:18px;margin:0} .rv-co .woocommerce-additional-fields > h3{display:none} /* vaša objednávka – produkty */ .rv-co-review .shop_table thead,.woocommerce-order-details .shop_table thead{display:none} .rv-co-review .shop_table tbody tr.cart_item{padding:12px 0;border-top:0;border-bottom:1px solid var(--rv-line-soft)} .rv-co-review .shop_table tbody tr.cart_item:first-child,.woocommerce-order-details .shop_table tbody tr:first-child{padding-top:0} .rv-co-review .shop_table tbody td{width:100%;text-align:left} .rv-co-review .wd-checkout-prod-cont{display:flex;justify-content:space-between;gap:16px} .rv-co-review .cart-product-label{font-size:14px;font-weight:600;line-height:1.4;color:#1d1d1f} .rv-co-review .product-quantity{font-weight:600;color:var(--rv-action)} .rv-co-review .variation,.rv-co-review .variation :is(span,p){margin:2px 0 0;font-size:13px;font-weight:400;color:var(--rv-muted)} .rv-co-review .wd-checkout-prod-total{white-space:nowrap;font-weight:600} .rv-co-review .shop_table tfoot tr:first-child,.woocommerce-order-details .shop_table tbody tr:first-child{border-top:0} /* spôsob platby – dlaždice */ .rv-co-payment .wc_payment_methods{display:flex;flex-direction:column;gap:10px;margin:0 0 20px;padding:0;border:0;list-style:none} .rv-co-payment .wc_payment_method{position:relative;margin:0;padding:14px 16px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:#fff;transition:border-color .2s,background-color .2s} .rv-co-payment .wc_payment_method:hover{border-color:var(--rv-action)} .rv-co-payment .wc_payment_method:has(> input:checked){border-color:var(--rv-action);background:#f5f9ff} .rv-co-payment .wc_payment_method > input{width:18px;height:18px;margin:0 10px 0 0;vertical-align:middle} .rv-co-payment .wc_payment_method > label{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;color:#1d1d1f;vertical-align:middle;cursor:pointer} .rv-co-payment .wc_payment_method > label img{max-height:24px;width:auto} .rv-co-payment .payment_box{margin:10px 0 0;padding:0 0 0 28px;border:0;background:none;box-shadow:none;font-size:14px;line-height:1.55;color:var(--rv-text)} .rv-co-payment .payment_box::before{display:none} .rv-co-payment .payment_box p:last-child{margin-bottom:0} .rv-co-payment .woocommerce-privacy-policy-text p{font-size:13px;color:var(--rv-muted)} .rv-co-payment .woocommerce-privacy-policy-text a{color:var(--rv-brand)} .rv-co-payment .place-order .form-row{margin-bottom:12px} .rv-co-payment .place-order label.checkbox{font-size:14px;font-weight:400;line-height:1.5;color:var(--rv-text)} .rv-co-payment .place-order label.checkbox a{font-weight:600;color:var(--rv-brand)} .rv-co-payment #place_order{width:100%;margin-top:8px} /* prečo nakúpiť u nás */ .rv-co-benefits-list{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none} .rv-co-benefits-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;margin:0} .rv-co-benefit-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--rv-radius-md);background:var(--rv-icon-bg);color:var(--rv-action)} .rv-co-benefits-list b{display:block;font-size:15px;font-weight:600;color:var(--rv-brand)} .rv-co-benefits-list span:not(.rv-co-benefit-icon){display:block;font-size:14px;line-height:1.5;color:var(--rv-muted)} .rv-co .rv-co-box .wpb_content_element:last-child{margin-bottom:0} /* košík: riadok „Doprava – vyberiete v pokladni“ (functions.php blok 28) */ .cart_totals .shop_table tr.rv-cart-shipping-note td{font-size:14px;color:var(--rv-muted)} /* pokladňa: kroky vložené v rozložení (textový blok WPBakery má vlastný spodný okraj) */ .woocommerce-checkout .rv-co-steps.wpb_content_element{margin-bottom:0} /* kroky navrchu pokladne (presunuté skriptom zo skratky) – téma inak ruší spodný okraj */ .woocommerce-checkout .woocommerce > .rv-buy-steps{margin-bottom:20px} @media(min-width:768px){.woocommerce-checkout .woocommerce > .rv-buy-steps{margin-bottom:24px}} /* ================================================================= HLÁSENIA (2026-10-04) – „Košík aktualizovaný“, „Uplatnená zľava“, chyby… WooCommerce (.woocommerce-message / -error / -info) a WoodMart (.wd-notice). Svetlá karta s tenkým rámikom, tmavý text, ikona témy v farebnom krúžku. body = silnejšie ako WoodMart (jeho CSS hlásení sa načítava po nás); farby cez premenné témy → platí aj pre odpoveď kontaktného formulára. ================================================================= */ html:root{--notices-success-bg:var(--rv-ok-bg);--notices-success-color:#1d1d1f;--notices-warning-bg:var(--rv-err-bg);--notices-warning-color:#1d1d1f} body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info),body .wd-notice{padding-block:14px;border:1px solid var(--rv-info-line);border-radius:var(--rv-radius-md);background-color:var(--rv-info-bg);color:#1d1d1f;font-size:15px;font-weight:500;line-height:1.45;box-shadow:var(--rv-shadow-sm)} body .woocommerce-message,body .wd-notice.wd-success{border-color:var(--rv-ok-line);background-color:var(--rv-ok-bg)} body .woocommerce-error,body .wd-notice.wd-warning{border-color:var(--rv-err-line);background-color:var(--rv-err-bg)} /* ikona: krúžok s bielym symbolom */ body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.wd-notice)::before{top:calc(50% - 13px);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--rv-info);color:#fff;font-size:12px;line-height:1} body :is(.woocommerce-message,.wd-notice.wd-success)::before{background:var(--rv-ok)} body :is(.woocommerce-error,.wd-notice.wd-warning)::before{background:var(--rv-err)} /* sumy, odkazy a tlačidlá v hlásení (téma ich má biele / v farbe textu) */ body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.wd-notice) .amount{color:inherit;font-weight:600} body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.wd-notice){--wd-link-color:var(--rv-action);--wd-link-color-hover:var(--rv-brand)} body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.wd-notice) :is(.button,.wc-forward,.wc-backward){--btn-color:var(--rv-action);--btn-color-hover:var(--rv-brand);margin-inline:0 10px;border:0;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0} /* tlačidlo „Zobraziť košík“ s šípkou za textom */ body :is(.woocommerce-message,.wd-notice) :is(.button,.wc-forward)::after{content:" →"} /* viac hlásení pod sebou – menšia medzera (téma 20 px) */ body :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.wd-notice):not(:last-child){margin-bottom:10px} /* viac chýb naraz (zoznam) */ body ul.woocommerce-error li{margin:0;font-size:15px;color:#1d1d1f} body ul.woocommerce-error li + li{margin-top:4px} /* odpoveď kontaktného formulára (CF7) – rovnaký vzhľad ako hlásenia obchodu */ body .wpcf7 form .wpcf7-response-output{border:1px solid var(--rv-err-line);border-radius:var(--rv-radius-md);font-size:15px;line-height:1.45} body .wpcf7 form.sent .wpcf7-response-output{border-color:var(--rv-ok-line)} body .wpcf7 form .wpcf7-response-output::before{top:calc(50% - 13px);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--rv-err);color:#fff;font-size:12px;line-height:1} body .wpcf7 form.sent .wpcf7-response-output::before{background:var(--rv-ok)} /* ================================================================= MINI KOŠÍK (bočný panel po kliknutí na ikonu košíka, WoodMart .cart-widget-side) – 2026-10-04 Rovnaký vzhľad ako košík: sivá hlavička, položky s obrázkom v rámiku, počet kusov v rámiku, sivá päta so súčtom, pás „doprava zadarmo“ bez pruhov, 2 tlačidlá. ================================================================= */ .cart-widget-side .wd-heading .title{font-size:20px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--rv-brand)} .cart-widget-side .close-side-widget a{font-size:14px;font-weight:500;color:var(--rv-muted)} .cart-widget-side .close-side-widget a:hover{color:var(--rv-action)} /* položka */ .cart-widget-side .woocommerce-mini-cart-item{border-bottom:1px solid var(--rv-line-soft)} .cart-widget-side .woocommerce-mini-cart-item .cart-item-image img{border:1px solid var(--rv-line-soft);border-radius:var(--rv-radius-md);background:#fff} .cart-widget-side .woocommerce-mini-cart-item .wd-entities-title{font-size:14px;font-weight:600;line-height:1.4;color:var(--rv-brand)} .cart-widget-side .woocommerce-mini-cart-item:hover .wd-entities-title{color:var(--rv-action)} .cart-widget-side .woocommerce-mini-cart-item .wd-product-sku :is(.wd-label,.wd-sku){font-size:13px;font-weight:400;color:var(--rv-muted)} .cart-widget-side .woocommerce-mini-cart-item span.quantity{font-size:13px;color:var(--rv-muted)} .cart-widget-side .woocommerce-mini-cart-item span.quantity .amount{font-size:15px;font-weight:700;color:var(--rv-brand)} /* počet kusov – ako v košíku */ .cart-widget-side .woocommerce-mini-cart-item div.quantity{display:inline-flex;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:#fff;overflow:hidden} .cart-widget-side .woocommerce-mini-cart-item div.quantity :is(.minus,.plus){width:32px;min-height:34px;border:0;background:none;color:var(--rv-brand);font-size:15px} .cart-widget-side .woocommerce-mini-cart-item div.quantity :is(.minus,.plus):hover{background:var(--rv-surface);color:var(--rv-action)} .cart-widget-side .woocommerce-mini-cart-item div.quantity input.qty{width:34px;min-height:34px;border:0;border-radius:0;box-shadow:none;font-weight:600} /* odstrániť – krúžok ako v košíku */ .cart-widget-side .woocommerce-mini-cart-item a.remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--rv-line);border-radius:50%;font-size:0;color:var(--rv-muted);transition:border-color .2s,color .2s,background-color .2s} .cart-widget-side .woocommerce-mini-cart-item a.remove::before{font-size:10px} .cart-widget-side .woocommerce-mini-cart-item a.remove:hover{border-color:var(--rv-err);background:var(--rv-err-bg);color:var(--rv-err)} /* päta – okraje 15 px ako hlavička a položky (WoodMart) */ .cart-widget-side .shopping-cart-widget-footer{padding:16px 15px 20px;background:var(--rv-surface);border-top:1px solid var(--rv-line-soft)} body .cart-widget-side .shopping-cart-widget-footer > p{padding-inline:0} body .cart-widget-side .shopping-cart-widget-footer > .woocommerce-mini-cart__total{margin-bottom:14px} .cart-widget-side .woocommerce-mini-cart__total{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding:0;border:0} .cart-widget-side .woocommerce-mini-cart__total strong{font-size:16px;font-weight:600;color:#1d1d1f} .cart-widget-side .woocommerce-mini-cart__total .amount{font-size:22px;font-weight:700;color:var(--rv-brand)} .cart-widget-side .wd-free-progress-bar{margin:0 0 16px;padding:14px 16px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:#fff} .cart-widget-side .wd-free-progress-bar .progress-msg{margin-bottom:10px;font-size:14px;line-height:1.45;color:var(--rv-text)} .cart-widget-side .wd-free-progress-bar .progress-area{height:8px;border-radius:999px;background:var(--rv-surface);box-shadow:inset 0 0 0 1px var(--rv-line-soft)} .cart-widget-side .wd-free-progress-bar .progress-bar{border-radius:999px;background:var(--rv-action)} /* tlačidlá: Pokladňa = hlavné modré, Zobraziť košík = biele s rámikom */ .cart-widget-side .woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:10px;margin:0} .cart-widget-side .woocommerce-mini-cart__buttons .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:0;border-radius:var(--rv-radius-md);font-size:15px;font-weight:600;text-transform:none;letter-spacing:0} .cart-widget-side .woocommerce-mini-cart__buttons .checkout{order:-1;background:var(--rv-action);color:#fff} .cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover{background:var(--rv-brand);color:#fff} .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart{border:1px solid var(--rv-line);background:#fff;color:var(--rv-brand)} .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart:hover{border-color:var(--rv-action);background:#fff;color:var(--rv-action)} /* položka mini košíka ako v mobilnom košíku: hore názov cez celú šírku (krížik vpravo), pod ním vľavo obrázok, vpravo „Počet“ s tlačidlami a „Cena“. .cart-info je display:contents, aby jeho časti (názov, SKU, počet, cena) boli priamo v mriežke položky. Samostatný úzky stĺpec pre krížik – názov tak siaha až po krížik (nezužuje ho šírka tlačidiel počtu). Popisy „Počet“/„Cena“ sú v CSS (rovnaké slová SK aj CZ). */ body .cart-widget-side .woocommerce-mini-cart-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto 28px;grid-template-areas:"title title title remove" "sku sku sku sku" "img lq q q" "img price price price";column-gap:14px;align-items:center;padding:15px} body .cart-widget-side .woocommerce-mini-cart-item .cart-info{display:contents} body .cart-widget-side .woocommerce-mini-cart-item .wd-entities-title{grid-area:title;align-self:start;margin:0} body .cart-widget-side .woocommerce-mini-cart-item a.remove{grid-area:remove;position:relative;inset:auto;z-index:2;align-self:start;justify-self:end;margin:0} body .cart-widget-side .woocommerce-mini-cart-item .wd-product-sku{grid-area:sku;margin:2px 0 10px} body .cart-widget-side .woocommerce-mini-cart-item .cart-item-image{grid-area:img;position:static;align-self:start;width:72px;margin:0} body .cart-widget-side .woocommerce-mini-cart-item .cart-item-image img{width:72px;height:72px;object-fit:contain} body .cart-widget-side .woocommerce-mini-cart-item::before{content:"Počet";grid-area:lq;padding:0 0 8px;font-size:14px;color:var(--rv-text);align-self:stretch;display:flex;align-items:center} body .cart-widget-side .woocommerce-mini-cart-item div.quantity{grid-area:q;position:relative;z-index:2;justify-self:end;margin:0 0 8px} body .cart-widget-side .woocommerce-mini-cart-item span.quantity{grid-area:price;display:flex;justify-content:flex-end;align-items:baseline;gap:4px;margin:0;padding-top:8px;border-top:1px dashed var(--rv-line-soft)} body .cart-widget-side .woocommerce-mini-cart-item span.quantity::before{content:"Cena";margin-right:auto;font-size:14px;color:var(--rv-text)} /* ================================================================= FORMULÁR REKLAMÁCIA / VRÁTENIE / VÝMENA (2026-10-06) Skratka [revolo_reklamacny_formular], PHP inc/reklamacny-formular.php, skript assets/js/reklamacny-formular.js. Mobil základ, od tabletu väčšie medzery. Polia a tlačidlá s .rv-rf na začiatku → prebijú štýly WoodMartu bez !important. ================================================================= */ .rv-rf{max-width:760px;margin:0 auto;color:var(--rv-text);font-size:15px;line-height:1.55} .rv-rf [hidden]{display:none} .rv-rf-test{margin-bottom:16px;padding:10px 14px;border-radius:var(--rv-radius-sm);background:var(--rv-warn-bg);color:var(--rv-warn);font-size:13px;font-weight:600} /* kroky */ .rv-rf .rv-rf-steps{display:flex;gap:6px;margin:0 0 20px;padding:0;list-style:none} .rv-rf-steps li{flex:1;margin:0;font-size:12px;color:var(--rv-muted)} .rv-rf-steps li::before{content:"";display:block;height:4px;margin-bottom:6px;border-radius:4px;background:var(--rv-line)} .rv-rf-steps li.is-on::before,.rv-rf-steps li.is-done::before{background:var(--rv-action)} .rv-rf-steps li.is-on{color:var(--rv-brand);font-weight:600} .rv-rf-steps span{display:none} /* karta */ .rv-rf-card{padding:20px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-lg);background:#fff;box-shadow:var(--rv-shadow)} .rv-rf .rv-rf-card h2{margin:0 0 4px;color:var(--rv-brand);font-size:20px;line-height:1.3} .rv-rf .rv-rf-sub{margin:0 0 16px;color:var(--rv-muted)} .rv-rf .rv-rf-l{display:block;margin:14px 0 6px;color:var(--rv-brand);font-size:14px;font-weight:600} .rv-rf .rv-rf-l.is-first{margin-top:0} .rv-rf-opt-l{color:var(--rv-muted);font-weight:400} .rv-rf .rv-rf-hint{margin:4px 0 0;color:var(--rv-muted);font-size:13px} .rv-rf input[type="text"],.rv-rf input[type="email"],.rv-rf textarea{width:100%;height:auto;min-height:48px;margin:0;padding:11px 12px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:#fff;color:var(--rv-text);font:inherit;box-shadow:none} .rv-rf textarea{min-height:88px;resize:vertical} .rv-rf input[type="text"]:focus,.rv-rf input[type="email"]:focus,.rv-rf textarea:focus{border-color:var(--rv-action);outline:none;box-shadow:var(--rv-focus-ring)} .rv-rf .rv-rf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:0;border-radius:var(--rv-radius-md);background:var(--rv-action);color:#fff;font-size:15px;font-weight:600;line-height:1.2;text-transform:none;letter-spacing:0;cursor:pointer;transition:background-color .2s} .rv-rf .rv-rf-btn:hover{background:var(--rv-brand);color:#fff} .rv-rf .rv-rf-btn.is-ghost{border:1px solid var(--rv-line);background:#fff;color:var(--rv-brand)} .rv-rf .rv-rf-btn.is-ghost:hover{border-color:var(--rv-action);color:var(--rv-action)} .rv-rf .rv-rf-btn:disabled{opacity:.45;cursor:not-allowed} .rv-rf .rv-rf-btn.is-loading{opacity:.7;cursor:progress} .rv-rf-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px} .rv-rf-actions.is-end{justify-content:flex-end} .rv-rf-msg{margin-top:12px;padding:10px 12px;border-radius:var(--rv-radius-sm);font-size:14px} .rv-rf-msg.is-err{border:1px solid var(--rv-err-line);background:var(--rv-err-bg);color:var(--rv-err)} .rv-rf .rv-rf-lock{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;color:var(--rv-muted);font-size:13px} .rv-rf-lock svg{flex:none;margin-top:2px} /* hlavička objednávky */ .rv-rf-order{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:16px;padding:12px 14px;border-radius:var(--rv-radius-md);background:var(--rv-surface);font-size:14px} .rv-rf-order b{color:var(--rv-brand)} .rv-rf-pill{display:inline-block;padding:3px 10px;border:1px solid var(--rv-ok-line);border-radius:99px;background:var(--rv-ok-bg);color:var(--rv-ok);font-size:12px;font-weight:600} .rv-rf-pill.is-off{border-color:var(--rv-err-line);background:var(--rv-err-bg);color:var(--rv-err)} /* sada rozdelená na diely */ .rv-rf-set{margin-bottom:12px;padding:10px;border:1px dashed var(--rv-line);border-radius:var(--rv-radius-md)} .rv-rf-set-head{display:flex;align-items:center;gap:10px;padding:4px 4px 10px;font-size:14px} .rv-rf-set-head img{flex:none;width:44px;height:44px;border-radius:var(--rv-radius-sm);background:var(--rv-surface);object-fit:contain} .rv-rf-set-head b{display:block;color:var(--rv-brand);line-height:1.35} .rv-rf-set-head small{display:block;color:var(--rv-muted);font-size:12px} .rv-rf-set-tag{color:var(--rv-action);font-size:var(--rv-eyebrow);font-weight:700;letter-spacing:.06em;text-transform:uppercase} .rv-rf-set .rv-rf-item:last-child{margin-bottom:0} /* položka */ .rv-rf-item{margin-bottom:10px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:#fff;transition:border-color .2s,box-shadow .2s} .rv-rf-item.is-on{border-color:var(--rv-action);box-shadow:var(--rv-focus-ring)} .rv-rf .rv-rf-item-top{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:0;margin:0;padding:12px;border:0;border-radius:var(--rv-radius-md);background:none;color:inherit;font:inherit;text-align:left;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer} .rv-rf-check{flex:none;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--rv-line);border-radius:6px;background:#fff} .rv-rf-check svg{opacity:0} .rv-rf-item.is-on .rv-rf-check{border-color:var(--rv-action);background:var(--rv-action)} .rv-rf-item.is-on .rv-rf-check svg{opacity:1} .rv-rf-item-img{flex:none;width:56px;height:56px;border-radius:var(--rv-radius-sm);background:var(--rv-surface);object-fit:contain} .rv-rf-item-name{display:block;color:var(--rv-brand);font-size:14px;font-weight:600;line-height:1.35} .rv-rf-item-meta{display:block;color:var(--rv-muted);font-size:12px} .rv-rf-item-body{padding:0 12px} .rv-rf-item.is-on .rv-rf-item-body{padding:14px 12px 16px;border-top:1px solid var(--rv-line-soft)} /* reklamácia / vrátenie / výmena */ .rv-rf-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} .rv-rf .rv-rf-seg button,.rv-rf .rv-rf-chips button,.rv-rf .rv-rf-var,.rv-rf .rv-rf-qty button,.rv-rf .rv-rf-link{min-height:0;margin:0;font:inherit;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer} .rv-rf .rv-rf-seg button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 6px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-sm);background:#fff;color:var(--rv-text);font-size:13px;font-weight:600;line-height:1.25} .rv-rf-seg small{display:block;color:var(--rv-muted);font-size:11px;font-weight:400} .rv-rf .rv-rf-seg button.is-on{border-color:var(--rv-action);background:var(--rv-info-bg);color:var(--rv-action)} .rv-rf .rv-rf-seg button:disabled{opacity:.45;cursor:not-allowed} .rv-rf-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px} .rv-rf-row-l{color:var(--rv-brand);font-size:14px;font-weight:600} .rv-rf-qty{display:inline-flex;align-items:center;overflow:hidden;border:1px solid var(--rv-line);border-radius:var(--rv-radius-sm)} .rv-rf .rv-rf-qty button{width:40px;height:40px;padding:0;border:0;border-radius:0;background:var(--rv-surface);color:var(--rv-brand);font-size:18px} .rv-rf-qty output{min-width:40px;font-weight:600;text-align:center} .rv-rf-chips{display:flex;flex-wrap:wrap;gap:6px} .rv-rf .rv-rf-chips button{padding:7px 12px;border:1px solid var(--rv-line);border-radius:99px;background:#fff;color:var(--rv-text);font-size:13px;line-height:1.3} .rv-rf .rv-rf-chips button.is-on{border-color:var(--rv-action);background:var(--rv-info-bg);color:var(--rv-action);font-weight:600} .rv-rf-variants{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} .rv-rf .rv-rf-var{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-sm);background:#fff;color:var(--rv-text);font-size:13px;line-height:1.3;text-align:left} .rv-rf-var img{flex:none;width:40px;height:40px;object-fit:contain} .rv-rf-var b{display:block;color:var(--rv-brand)} .rv-rf-var small{color:var(--rv-muted);font-size:11px} .rv-rf .rv-rf-var.is-on{border-color:var(--rv-action);box-shadow:var(--rv-focus-ring)} .rv-rf .rv-rf-var.is-other{justify-content:center;color:var(--rv-action);font-weight:600} .rv-rf .rv-rf-to{margin-top:8px} .rv-rf .rv-rf-upload{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border:1px dashed var(--rv-line);border-radius:var(--rv-radius-sm);background:var(--rv-surface);color:var(--rv-muted);font-size:13px;font-weight:400;cursor:pointer} .rv-rf .rv-rf-link{padding:4px 0;border:0;background:none;color:var(--rv-action);font-size:13px;text-decoration:underline} .rv-rf .rv-rf-confirm{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0;font-size:14px;font-weight:400;cursor:pointer} .rv-rf-confirm input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--rv-action)} /* lišta „Pokračovať“ – drží sa spodku obrazovky, kým je zoznam produktov dlhý */ /* vpravo miesto pre bublinu chatu Crisp (na PC je karta užšia ako okno, tam netreba) */ .rv-rf-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px -20px 0;padding:12px 84px 12px 20px;border-top:1px solid var(--rv-line);background:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.06)} .rv-rf-bar-txt{font-size:14px} .rv-rf-bar-txt b{color:var(--rv-brand)} /* krok 3 */ .rv-rf .rv-rf-sum{margin:0 0 6px;padding:0;list-style:none} .rv-rf-sum li{display:flex;align-items:center;gap:10px;margin:0;padding:8px 0;border-bottom:1px solid var(--rv-line-soft);font-size:14px} .rv-rf-sum img{flex:none;width:36px;height:36px;object-fit:contain} .rv-rf-sum-name{flex:1} .rv-rf-tag{padding:3px 8px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap} .rv-rf-tag.is-rk{background:var(--rv-warn-bg);color:var(--rv-warn)} .rv-rf-tag.is-vr{background:var(--rv-info-bg);color:var(--rv-action)} .rv-rf-tag.is-vy{background:var(--rv-violet-bg);color:var(--rv-violet)} .rv-rf .rv-rf-h3{margin:22px 0 8px;color:var(--rv-brand);font-size:15px} .rv-rf .rv-rf-opt{display:flex;align-items:flex-start;gap:12px;margin:0 0 8px;padding:12px 14px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);font-weight:400;cursor:pointer} .rv-rf-opt input{flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--rv-action)} .rv-rf-opt b{color:var(--rv-brand)} .rv-rf-opt small{display:block;color:var(--rv-muted);font-size:13px} .rv-rf-price{margin-left:auto;font-size:14px;font-weight:600;white-space:nowrap} .rv-rf .rv-rf-opt:has(input:checked){border-color:var(--rv-action);background:var(--rv-info-bg)} /* hotovo */ .rv-rf-done{text-align:center} .rv-rf-done-icon{color:var(--rv-ok)} .rv-rf-ref{display:inline-block;margin:6px 4px;padding:8px 14px;border-radius:var(--rv-radius-sm);background:var(--rv-surface);color:var(--rv-brand);font-size:15px;font-weight:700} .rv-rf-preview{width:100%;margin-top:16px;font-size:12px;text-align:left} .rv-rf-preview caption{padding:6px 0;font-weight:600;text-align:left} .rv-rf-preview th{width:35%;padding:4px 8px 4px 0;vertical-align:top;color:var(--rv-muted);font-weight:400} .rv-rf-preview td{padding:4px 0;word-break:break-word} @media (min-width:768px){ .rv-rf .rv-rf-card h2{font-size:22px} .rv-rf-card{padding:28px} .rv-rf-bar{margin:16px -28px 0;padding:14px 92px 14px 28px} .rv-rf-steps span{display:inline} .rv-rf-variants{grid-template-columns:repeat(3,1fr)} } @media (min-width:1025px){ .rv-rf-bar{padding-right:28px} } /* ---------- STRÁNKA PO OBJEDNÁVKE (14.10.2026) ---------- Súhrn = .rv-doc-fact, podrobnosti = .rv-kt-box, tabuľka = súhrn košíka (selektory pridané k nim). Tu iba to, čo komponenty nemajú: 5 dlaždíc, zarovnanie, skrytý riadok „Akcia“. */ body.woocommerce-order-received ul.woocommerce-order-overview{margin:0 0 24px;padding:0;list-style:none;background:none;border:0;box-shadow:none;text-align:left} body.woocommerce-order-received ul.woocommerce-order-overview li{margin:0;text-transform:none} body.woocommerce-order-received ul.woocommerce-order-overview li .amount{font-size:inherit;color:inherit} body.woocommerce-order-received .woocommerce-order-details td.product-name{text-align:left} body.woocommerce-order-received .woocommerce-order-details .product-name a{font-weight:600;color:#1d1d1f} body.woocommerce-order-received .woocommerce-order-details .wd-product-sku{font-size:13px;color:var(--rv-text)} body.woocommerce-order-received .woocommerce-order-details tfoot:has(.order-actions--heading){display:none} @media (min-width:768px){ body.woocommerce-order-received ul.woocommerce-order-overview{grid-template-columns:repeat(5,minmax(0,1fr))} } /* ---------- PLATBA PREVODOM NA STRÁNKE PO OBJEDNÁVKE (15.10.2026, blok 40) ---------- Box = .rv-kt-box, tu iba QR kód, riadky údajov a kopírovanie kliknutím na údaj. */ .rv-pay{margin:0 0 24px} .rv-pay .rv-pay-lead{margin:0;color:var(--rv-kt-text)} .rv-pay-grid{display:flex;flex-direction:column;gap:20px} .rv-pay .rv-pay-qr{order:2;margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-md);background:#fff} .rv-pay .rv-pay-qr[hidden]{display:none} .rv-pay-qr-img{width:180px;line-height:0} .rv-pay-qr-img svg{width:100%;height:auto} .rv-pay .rv-pay-qr figcaption{font-size:13px;line-height:1.4;color:var(--rv-kt-muted);text-align:center} .rv-pay .rv-pay-list{margin:0;border:1px solid var(--rv-kt-line);border-radius:var(--rv-kt-r-md);overflow:hidden} .rv-pay-row{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-top:1px solid var(--rv-kt-line-soft)} .rv-pay-row:first-child{border-top:0;background:var(--rv-surface)} .rv-pay .rv-pay-row dt{margin:0;font-size:14px;font-weight:400;line-height:1.4;color:var(--rv-kt-muted)} .rv-pay .rv-pay-row dd{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px} .rv-pay-val{font-size:16px;font-weight:600;line-height:1.4;color:#1d1d1f;overflow-wrap:anywhere} .rv-pay-row:first-child .rv-pay-val{font-size:20px;color:var(--rv-brand)} .rv-pay-row:first-child .rv-pay-val .amount{font-size:inherit;color:inherit} .rv-pay-val.is-copy{cursor:pointer;border-radius:var(--rv-kt-r-sm);transition:color .2s} .rv-pay-val.is-copy:hover{color:var(--rv-action)} .rv-pay-val.is-copy:focus-visible{outline:none;box-shadow:var(--rv-focus-ring)} .rv-pay .rv-pay-hint{font-size:12px;line-height:1.3;color:var(--rv-kt-muted)} .rv-pay .rv-pay-hint[hidden]{display:none} .rv-pay .is-done .rv-pay-hint{color:var(--rv-ok);font-weight:600} @media (min-width:768px){ .rv-pay-grid{flex-direction:row;align-items:flex-start} .rv-pay .rv-pay-qr{flex:0 0 220px} .rv-pay .rv-pay-list{flex:1 1 auto;min-width:0} .rv-pay-row{flex-direction:row;align-items:center;gap:16px} .rv-pay .rv-pay-row dt{flex:0 0 160px} .rv-pay .rv-pay-row dd{flex:1 1 auto;min-width:0} }