/* laava-tokens */ /* LAAVA design tokenek – az egyetlen hely, ahol szín/méret/betű változik. */ @font-face{font-family:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url(https://laava.hu/wp-content/themes/laava/assets/css/../fonts/dm-sans-latin-ext-wght-normal.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:"DM Sans";font-style:normal;font-weight:100 1000;font-display:swap;src:url(https://laava.hu/wp-content/themes/laava/assets/css/../fonts/dm-sans-latin-wght-normal.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} @font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(https://laava.hu/wp-content/themes/laava/assets/css/../fonts/cormorant-garamond-latin-ext-500-normal.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:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(https://laava.hu/wp-content/themes/laava/assets/css/../fonts/cormorant-garamond-latin-500-normal.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} @font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(https://laava.hu/wp-content/themes/laava/assets/css/../fonts/cormorant-garamond-latin-ext-600-normal.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:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(https://laava.hu/wp-content/themes/laava/assets/css/../fonts/cormorant-garamond-latin-600-normal.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} :root{ /* Új LAAVA design (B-023) – nyers paletta. A többi token ezekre hivatkozik, így egy helyen állítható. */ --laava-graphite:#24211F; /* elsődleges gomb, szöveg */ --laava-mocha:#5C3D2E; /* menü, aktív chip, folyamatjelző, kiemelés */ --laava-mocha-hover:#8A6552; --laava-campaign:#7801f2; /* jelvény, kampánysáv, az elsődleges (lila) gomb és a fókusz-gyűrű (Gombok board, B-093) */ --laava-star:#DDAB2A; --laava-red:#D93A3A; --laava-red-soft-bg:#FBEDEC; --laava-red-soft-fg:#B3261E; --laava-green:#09883A; /* design-decisions 4.: erős zöld, fehéren 4,57:1 */ --color-success:#09883A; --color-success-bg:#E3F4E9; --laava-green-soft-bg:#E3F4E9; --laava-beige:#F6F1EB; --laava-beige-2:#F3EEE8; --laava-line:#E6D9CC; --laava-text-2:#5A534D; /* másodlagos szöveg (AA a fehéren) */ --laava-gray:#6B635C; --laava-white:#fff; --laava-black:#000; --laava-cart-w:440px; /* minikosár-fiók szélessége */ --laava-radius-base:0; /* gomb, kép, kártya, doboz: szögletes (B-120, 2026-11-07) */ --laava-radius-lg:0; /* nagy konténer: szögletes (B-120) */ --laava-shadow:none; /* a design nem használ árnyékot; a bővítmények (Tudástár) ezt öröklik */ /* Márka */ --laava-primary:var(--laava-mocha); --laava-primary-contrast:#fff; --laava-secondary:#dbcbf0; --laava-campaign-bg:var(--laava-campaign); --laava-campaign-fg:#fff; /* A core CSS (karusszel nyilak) ezeken a neveken olvassa a kampánysáv színeit. */ --laava-campaign-text-color:var(--laava-campaign-fg); --laava-campaign-background:var(--laava-campaign-bg); /* Szöveg */ --laava-text:var(--laava-graphite); --laava-heading:var(--laava-graphite); --laava-btn-bg:var(--laava-graphite); --laava-btn-fg:var(--laava-white); --laava-btn-hover:var(--laava-black); --laava-muted:var(--laava-gray); --laava-muted-2:#97918a; --laava-link-hover:#866b72; /* Termékkártya tipográfia (az élő Ecomus „További CSS” értékei) */ --laava-card-cat-size:12px; --laava-card-title-size:16px; --laava-card-title-size-mobile:15px; --laava-card-title-weight:600; --laava-card-price-size:16px; --laava-card-price-size-mobile:15px; --laava-card-price-weight:600; --laava-card-del-size:14px; --laava-card-del-size-mobile:13px; --laava-rating-color:var(--laava-star); /* Díszcsomagolás (Product Add-Ons) kártyák */ /* B-023: a design szerint a lila csak kampány/jelvény; a kártyák bézs/mokka tokenekre épülnek. */ --laava-addon-bg:var(--laava-beige); --laava-addon-bg-hover:var(--laava-beige-2); --laava-addon-bg-selected:#EADFD3; --laava-addon-border:var(--laava-line); --laava-addon-border-hover:#D8C4B2; --laava-addon-accent:var(--laava-mocha); --laava-addon-text:var(--laava-graphite); /* Árak, jelvények */ --laava-sale:var(--laava-red-soft-fg); --laava-badge-sale:var(--laava-red); --laava-badge-new:var(--laava-green); /* Header (ELLENŐRIZNI az élő oldallal: asztali sötét, mobil fehér) */ --laava-header-bg:#090909; --laava-header-fg:#fff; --laava-header-bg-mobile:#fff; --laava-header-fg-mobile:#090909; /* Felületek (becsült, a styleguide-nál finomítjuk) */ --laava-bg:#fff; --laava-surface:var(--laava-beige); --laava-border:var(--laava-line); /* Betűk */ --laava-font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --laava-font-heading:var(--laava-font-body); --laava-font-display:"Cormorant Garamond",Georgia,serif; --laava-fs-body:1rem; --laava-lh-body:1.5; --laava-fs-h1:2.625rem;--laava-fs-h2:2rem;--laava-fs-h3:1.5rem; --laava-fs-h4:1.1875rem;--laava-fs-h5:1.125rem;--laava-fs-h6:1.0625rem; --laava-fs-product-title:1.75rem; /* Formák */ --laava-radius-btn:var(--laava-radius-base); --laava-radius-img:var(--laava-radius-base); --laava-radius-field:2px; /* beviteli mezők: 2 px, hogy érinthetőnek látsszanak (B-120) */ /* Az Ecomusból átvett core modulok (szállítási sáv, méretajánló, szűrő) ezeket a neveket várják. */ --laava-rounded-x:var(--laava-radius-btn); --laava-border__radius:var(--laava-radius-lg); /* Elrendezés */ --laava-container:1290px; --laava-gutter:20px; --laava-logo-h:44px; --laava-logo-h-mobile:34px; --laava-header-h:72px; /* Térköz-skála */ --laava-space-1:4px;--laava-space-2:8px;--laava-space-3:12px;--laava-space-4:16px; --laava-space-5:24px;--laava-space-6:32px;--laava-space-7:48px;--laava-space-8:72px; /* Réteg */ --laava-z-header:50;--laava-z-drawer:80;--laava-z-bottombar:60;--laava-z-backdrop:70; /* Gombok (B-093) – a vászon „Gombok” boardja (docs/buttons-spec.md). Minden gomb ezekből dolgozik: a téma (.lv-btn / .lv-hbtn / Woo .button), a Core és a Promo (a `laava-core-tokens` álnéven át, var(--lv-btn-*, tartalék)). */ --lv-btn-h:44px; /* alap gomb */ --lv-btn-h-sm:36px; /* kicsi gomb (mobilon 40) */ --lv-btn-h-cta:56px; /* CTA: Kosárba, Tovább a pénztárhoz, Megrendelés – oldalanként egy */ --lv-btn-h-chip:38px; /* szűrő-/címke-chip (mobilon 40) */ --lv-btn-px:22px;--lv-btn-px-sm:14px;--lv-btn-px-cta:32px;--lv-btn-px-chip:16px; --lv-btn-gap:8px; --lv-btn-radius:var(--laava-radius-btn); --lv-btn-font:var(--laava-font-body); --lv-btn-fs:15px;--lv-btn-fs-sm:13.5px;--lv-btn-fs-cta:16px;--lv-btn-fs-chip:14px; --lv-btn-fw:500;--lv-btn-fw-cta:600;--lv-btn-fw-chip:400; --lv-btn-lh:1.2; --lv-btn-dark-bg:var(--laava-graphite);--lv-btn-dark-fg:#fff;--lv-btn-dark-hover:var(--laava-black); --lv-btn-primary-bg:var(--laava-campaign);--lv-btn-primary-fg:#fff;--lv-btn-primary-hover:brightness(.9); /* filter */ --lv-btn-outline-fg:var(--laava-graphite);--lv-btn-outline-bd:var(--laava-graphite); --lv-btn-light-bg:#fff;--lv-btn-light-fg:var(--laava-graphite); --lv-btn-ghost-hover:rgba(255,255,255,.14); --lv-btn-chip-bd:var(--laava-line);--lv-btn-chip-hover-bg:#F8F2EB;--lv-btn-chip-hover-bd:#D8C4B2; --lv-btn-chip-on:var(--laava-mocha);--lv-btn-chip-on-hover:var(--laava-mocha-hover); --lv-btn-chip-soft:var(--laava-beige-2);--lv-btn-chip-soft-hover:#EADFD3; --lv-btn-icon:44px; /* ikon-gomb (kör: kártya-kedvenc, vissza a tetejére; négyzet: termékoldali kedvenc) */ --lv-btn-icon-bd:var(--laava-line); --lv-btn-focus:var(--laava-campaign); /* a vászon fókusz-gyűrűje lila: 2 px, 2 px eltolással */ --lv-btn-focus-w:2px;--lv-btn-focus-offset:2px; --lv-btn-disabled-opacity:.45; --lv-btn-spin:18px; /* töltő jelző (motion.css) */ } @media (max-width:767px){ :root{--laava-fs-h1:2rem;--laava-fs-h2:1.625rem;--laava-fs-h3:1.375rem;--laava-fs-product-title:1.5rem} } @media (max-width:600px){ :root{--lv-btn-h-sm:40px;--lv-btn-h-chip:40px} /* vászon: kisebb vezérlők érintésre 40 px */ } /* Mozgás-rendszer (vászon „MOTION v1”, docs/motion-spec.md): egy helyen a témában; a komponensek ezeket a tokeneket és kulcskockákat használják. Csökkentett mozgásnál a tokenek gyakorlatilag azonnaliak, az állapot ugyanúgy látszik. */ :root{--ease:cubic-bezier(.2,.7,.2,1);--dur:240ms;--dur-s:160ms} @keyframes mo-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} @keyframes mo-fade{from{opacity:0}to{opacity:1}} @keyframes mo-pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}} @keyframes mo-sel{from{transform:scale(.985)}to{transform:none}} @keyframes mo-slide-r{from{transform:translateX(100%)}to{transform:none}} @media (prefers-reduced-motion:reduce){:root{--dur:.01ms;--dur-s:.01ms}} /* laava-base */ *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} /* B-242 (Gábor 2026-11-12): oldalon belüli #horgony – a sticky fejléc ne takarja a fejezetcímet (csak scroll-padding: a :target scroll-margin hozzáadódna). A fejléc valós magasságát a header.js írja a --lv-sticky-h változóba (asztalon a navigációs sáv, mobilon a teljes fejléc, + fix admin sáv); tartalék 88 px. */ html{scroll-padding-top:calc(var(--lv-sticky-h,88px) + 16px)} /* B-282 (Gábor 2026-11-14: „ha a search mezőbe írom a kifejezést, az oldal elkezd felfelé görgetni”): a fenti scroll-padding a horgonyokat a ragadós fejléc alá igazítja, de a fejlécben lévő mező (kereső) is a felső 104 px-es sávban van – a böngésző fókuszáláskor és minden leütésnél „láthatóvá görgetné”, és mivel a fejléc ragad, egyre feljebb görget. A fejléc saját elemei negatív scroll-marginnal mindig „láthatónak” számítanak, fókusz alatt pedig a scroll-padding sincs. */ #lv-header :is(input,textarea,select,button,a,[tabindex]){scroll-margin-top:calc(-1 * (var(--lv-sticky-h,88px) + 16px))} html:has(#lv-header :focus){scroll-padding-top:0} /* Nincs vízszintes görgetés (főleg mobilon, Gábor 2026-11-04): a clip nem hoz létre görgető dobozt, így a sticky fejléc működik. */ html,body{max-width:100%;overflow-x:clip} body{margin:0;background:var(--laava-bg);color:var(--laava-text);font:400 var(--laava-fs-body)/var(--laava-lh-body) var(--laava-font-body);-webkit-font-smoothing:antialiased} img,svg,video{max-width:100%;height:auto} a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px} a:hover{color:var(--laava-link-hover)} h1,h2,h3,h4,h5,h6{margin:0 0 .5em;line-height:1.2;font-weight:400;color:var(--laava-heading);font-family:var(--laava-font-heading)} h1{font-size:var(--laava-fs-h1)}h2{font-size:var(--laava-fs-h2)}h3{font-size:var(--laava-fs-h3)} p{margin:0 0 1em} :focus-visible{outline:2px solid var(--laava-primary);outline-offset:2px} [hidden]{display:none!important} .lv-wrap{width:100%;max-width:var(--laava-container);margin-inline:auto;padding-inline:var(--laava-gutter)} .lv-skip{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:100} .lv-skip:focus{left:8px;top:8px} .lv-main{min-height:50vh} .lv-content{padding-block:var(--laava-space-7)} .lv-entry{margin-bottom:var(--laava-space-6)} input[type=search],input[type=text],input[type=email]{width:100%;border:1px solid var(--laava-border);border-radius:var(--laava-radius-field);padding:12px 18px;font:inherit} .lv-icon{display:block} .lv-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--laava-primary);color:#fff;font-size:11px;font-weight:600;line-height:1} .lv-count[data-count="0"],.lv-wishlist-count:empty{display:none} @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Csak képernyőolvasónak szóló szöveg (H1 az oldalakon, ahol a cím más elemből jön). */ .lv-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} /* B-060 kristálykosár: a három tartalom-réteg közül a html[data-lv-cart] (assets/js/cart.js) választ; alapból üres kosár. */ .lv-ci{display:none} html[data-lv-cart="bracelet"] .lv-ci--bracelet,html[data-lv-cart="crystal"] .lv-ci--crystal,html[data-lv-cart="both"] .lv-ci--both{display:inline} /* B-081 (docs/cart-icon-motion-spec.md, vászon „LVD v1” blokk): állapotváltáskor csak a tartalom-réteg mozog, a kosárforma (a -n kívüli path-ok) sosem. Az osztályokat a cart.js teszi ki, és csak változáskor – oldalbetöltéskor nem. Az SVG viewBox-a levágja a felső részt, ezért a beeső tárgy a kosár tetejéről érkezik. A --out réteg a halványulás idejére látható marad, bár a data-lv-cart már az új állapoté. Csökkentett mozgásnál a fenti globális szabály is tilt. */ @keyframes lvCiIn{0%{opacity:0;transform:translateY(-9px)}55%{opacity:1;transform:translateY(1.2px)}80%{transform:translateY(0)}100%{opacity:1;transform:none}} @keyframes lvCiOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(1px)}} @keyframes lvCiSettle{0%,100%{transform:none}40%{transform:translateY(1px)}} .lv-ci{transform-box:view-box;transform-origin:12px 10.5px} html.lv-cart-anim .lv-ci--in{animation:lvCiIn 520ms cubic-bezier(.2,.7,.2,1) both} html.lv-cart-anim .lv-ci--out{display:inline;animation:lvCiOut 180ms ease-out both} html.lv-cart-anim .lv-ci--settle{animation:lvCiSettle 260ms ease-out} @media (prefers-reduced-motion:reduce){html.lv-cart-anim .lv-ci{animation:none}html.lv-cart-anim .lv-ci--out{display:none}} /* ---------------------------------------------------------------- Érintési felület (Fitts-törvény, B-276) */ /* Gábor (2026-11-14): „fitts törvényt csináld meg”. Érintőképernyőn minden kis vezérlő legalább 44×44 px-es célterületet kap (Apple HIG / WCAG 2.5.5). A LÁTHATÓ méret nem változik: egy átlátszó ::after terjeszti ki a kattintható felületet, középre igazítva – a 44 px-nél nagyobb oldal nem nő (min(0, 50% − 22px)), így a széles linkek csak magasságban kapnak ráhagyást. Csak olyan elemeken, amelyeknek nincs saját ::after-e (mérve, tests/fitts-b276.cjs). Egérrel nem kell (pointer: fine). */ @media (pointer:coarse){ html body :is(.lv-card__buy .button,.lv-card__opt,.lv-footer__list a,.lv-footer__legal-links a,.lv-footer__contact, .lv-cat-head__crumbs a,.lv-av2__bc a,.lv-blog__chip,.lv-av2__toc a,.lv-av2__flt button,.lv-srch-chip, .lv-cat-tiles__item,.lv4-vcard__f .lv4-btn,.lv-pd2-more,.lv-shipinfo__more,.lv-mlink,.lv-av2__ulink,.lv-mh__logo .lv-configured-logo){position:relative} html body :is(.lv-card__buy .button,.lv-card__opt,.lv-footer__list a,.lv-footer__legal-links a,.lv-footer__contact, .lv-cat-head__crumbs a,.lv-av2__bc a,.lv-blog__chip,.lv-av2__toc a,.lv-av2__flt button,.lv-srch-chip, .lv-cat-tiles__item,.lv4-vcard__f .lv4-btn,.lv-pd2-more,.lv-shipinfo__more,.lv-mlink,.lv-av2__ulink,.lv-mh__logo .lv-configured-logo)::after{ content:"";display:block;position:absolute;inset:min(0px,calc(50% - 22px)) min(0px,calc(50% - 22px));background:none;pointer-events:auto} /* Vízszintesen görgethető sorok (kategória-csempék, blog-témák): a görgető doboz függőlegesen levágná a kiterjesztést → 4 px belső ráhagyás, ugyanannyi negatív margóval (az elrendezés nem mozdul). A kedvenc-szív a card-laava.css-ben (B-276). */ html body .lv-cat-tiles__list,html body .lv-blog .lv-blog__tt{padding-block:4px;margin-block:-4px} } /* laava-header */ /* Kampánysáv */ .lv-campaign{background:var(--laava-campaign-bg);color:var(--laava-campaign-fg);font-size:.875rem} .lv-campaign__inner{position:relative;display:flex;justify-content:center;align-items:center;min-height:38px;padding-inline:44px} .lv-campaign__list{list-style:none;margin:0;padding:0;text-align:center} .lv-campaign a,.lv-campaign span{color:inherit;text-decoration:none} .lv-campaign a:hover{text-decoration:underline;color:inherit} .lv-campaign__close{position:absolute;right:var(--laava-gutter);top:50%;transform:translateY(-50%);background:none;border:0;color:inherit;padding:4px;cursor:pointer} .lv-campaign__close .lv-icon{width:16px;height:16px} /* Futószöveg: a JS klónozza a csoportot és a sebességből számolja az időtartamot. */ .lv-campaign__marquee{flex:1;min-width:0;overflow:hidden} .lv-campaign__track{display:flex;width:max-content;animation:lv-marquee var(--lv-marquee-duration,60s) linear infinite} .lv-campaign__marquee.is-static .lv-campaign__track{animation:none;width:auto;justify-content:center} .lv-campaign__marquee:hover .lv-campaign__track,.lv-campaign__marquee:focus-within .lv-campaign__track{animation-play-state:paused} .lv-campaign__group{display:flex;flex:none;align-items:center} .lv-campaign__marquee .lv-campaign__item{flex:none;white-space:nowrap;padding-inline:2rem} @keyframes lv-marquee{to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){ .lv-campaign__track{animation:none;width:auto;justify-content:center} .lv-campaign__group{flex-wrap:wrap;justify-content:center} .lv-campaign__track>[aria-hidden=true],.lv-campaign__group>[aria-hidden=true]{display:none} } /* Header */ .lv-topbar{background:var(--laava-surface);font-size:.8125rem;text-align:center;padding:6px 0} .lv-header{position:relative;background:var(--laava-header-bg);color:var(--laava-header-fg)} .lv-header a:hover{color:inherit;opacity:.8} .lv-header__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--laava-space-4);min-height:var(--laava-header-h)} .lv-header__brand{grid-column:2;justify-self:center} .lv-header__tools{grid-column:3;justify-self:end} .lv-navbar{position:sticky;top:0;z-index:var(--laava-z-header);background:#fff;color:#000;border-bottom:1px solid var(--laava-border)} body.admin-bar .lv-navbar{top:32px} .lv-header__brand img,.lv-header__brand .custom-logo{height:var(--laava-logo-h);width:auto;display:block} .lv-logo-text{font:600 1.75rem/1 var(--laava-font-display);text-decoration:none;letter-spacing:.04em} .lv-header__tools{display:flex;align-items:center;gap:var(--laava-space-3)} .lv-tool{position:relative;display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:inherit;padding:8px;cursor:pointer;text-decoration:none} .lv-tool .lv-count{position:absolute;top:0;right:-2px} .lv-tool--menu{display:none} @media (min-width:783px) and (max-width:1199px){body.admin-bar .lv-header{top:32px}} /* Desktop navigáció - Ecomus alapú (laava- változókra konvertálva) */ /* Navbar wrapper */ .lv-navbar .primary-navigation{display:flex;justify-content:center;height:var(--laava-nav-h,60px)} .lv-navbar .nav-menu{display:flex;justify-content:center;flex-wrap:nowrap;margin:0;padding:0;list-style:none;height:100%} .lv-navbar .nav-menu>li>a{font-size:var(--laava-menu-size,17px);font-weight:400;color:#000} .site-header .has-menu .primary-navigation { position: static; } .header-left-items .nav-menu .menu-item-pos-alignment--left.menu-item-pos-static { position: static; } .header-right-items .nav-menu .menu-item-pos-alignment--right.menu-item-pos-static { position: static; } .nav-menu ul { list-style: none; margin: 0; padding: 0; } .nav-menu li { padding: 4px 22px; position: relative; } .nav-menu li > ul.sub-menu { display: flex; flex-direction: column; align-items: flex-start; opacity: 0; pointer-events: none; visibility: hidden; position: absolute; min-width: 280px; top: 100%; left: 50%; padding: 18px 0; transform: translate(-50%, 5px); background-color: #fff; border: 1px solid var(--laava-border); z-index: 9; transition: 0.4s; } .nav-menu li > ul.sub-menu.mega-menu-alignment--left { left: 0; transform: none; } .nav-menu li > ul.sub-menu.mega-menu-alignment--right { left: auto; right: 0; transform: none; } .nav-menu li > ul.sub-menu ul { top: 0; left: 100%; transform: none; } .nav-menu li > ul.sub-menu li { color: var(--laava-heading); } .nav-menu li > ul.sub-menu li:hover > ul { top: 0; left: 100%; } .nav-menu li > ul.sub-menu:not(.mega-menu) li { width: 100%; } .nav-menu li:hover > ul { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); z-index: 999; } .nav-menu li.mega-menu { padding: 20px 0; } .nav-menu a:not(.button) { font-size: 14px; font-size: 0.875rem; display: inline-block; text-decoration: none; position: relative; } .nav-menu a:not(.button):hover { text-decoration: none; } .primary-navigation { height: 100%; } .primary-navigation .nav-menu { height: 100%; display: flex; align-items: center; text-align: left; } .primary-navigation .nav-menu > li:not(.menu-item-mega) { position: relative; } .primary-navigation .nav-menu > li { height: 100%; display: flex; align-items: center; padding: 0 15px; } .primary-navigation .nav-menu > li:first-child { padding-left: 0; } .primary-navigation .nav-menu > li:last-child { padding-right: 0; } .primary-navigation .nav-menu > li:hover > a .menu-item-icon.caret { opacity: 1; } .primary-navigation .nav-menu > li:hover > a:after { width: 100%; left: 0; } .primary-navigation .nav-menu > li > a { --laava-link-color: var(--laava-primary); font-size: 16px; font-size: 1rem; font-weight: 500; color: inherit; display: flex; align-items: center; } .primary-navigation .nav-menu > li > a:after { content: ""; position: absolute; right: 0; bottom: 0px; width: 0; border-bottom: 1px solid; transition: width 0.4s; } .primary-navigation .nav-menu > li > a:hover { color: var(--laava-primary); } .primary-navigation .nav-menu > li > a .menu-item-icon { font-size: 14px; font-size: 0.875rem; margin: 2px 8px 0 0; } .primary-navigation .nav-menu > li > a .menu-icon-item--image { width: 16px; } .primary-navigation .nav-menu > li > a .menu-icon-item-position--right { margin: 2px 0 0 8px; } .primary-navigation .nav-menu > li.menu-item-has-children > a { padding-right: 17px; position: relative; } .primary-navigation .nav-menu > li.menu-item-has-children > a:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 6px; background-color: currentcolor; border: 0 !important; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+") no-repeat 50% 50%; mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; } .primary-navigation .nav-menu > li ul li.menu-item-has-children > a { display: block; padding-right: 17px; position: relative; } .primary-navigation .nav-menu > li ul li.menu-item-has-children > a:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); width: 10px; height: 6px; background-color: currentcolor; border: 0 !important; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+") no-repeat 50% 50%; mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; transition: 0.4s; } .primary-navigation .nav-menu > li ul li.menu-item-has-icon > a { display: inline-flex; align-items: center; gap: 10px; } .primary-navigation .nav-menu li > ul.mega-menu { padding: 25px 0; } .primary-navigation a:not(.button) { font-size: 14px; font-size: 0.875rem; display: inline-block; text-decoration: none; white-space: nowrap; position: relative; } .primary-navigation a:not(.button):hover { text-decoration: none; } .primary-navigation a:not(:hover) { color: var(--laava-text); } .primary-navigation .menu-item-mega { position: relative; } .primary-navigation .menu-item-mega:hover > ul { opacity: 1; visibility: visible; pointer-events: auto; top: 100%; z-index: 200; } .primary-navigation .menu-item-mega > ul.sub-menu { left: 50%; transform: translateX(-50%); } .primary-navigation .menu-item-static { position: static; } .primary-navigation .menu-item-static .mega-menu { left: 0; width: 100%; } .primary-navigation .menu-item-static .mega-menu--grid .mega-menu__column:first-child > li { padding-left: 0; } .primary-navigation .menu-item-static .mega-menu--grid .mega-menu__column:last-child > li { padding-right: 0; } .primary-navigation .mega-menu-main { display: flex; flex-wrap: wrap; } .primary-navigation .mega-menu-main ul { display: flex; flex-direction: column; } .primary-navigation .mega-menu-main .mega-sub-menu > a { padding-right: 0 !important; font-weight: 600; } .primary-navigation .mega-menu-main .mega-sub-menu > a:before { display: none !important; } .primary-navigation .mega-menu-main .mega-sub-menu ul.sub-menu { position: static; opacity: 1; visibility: visible; pointer-events: auto; transform: none; z-index: 200; box-shadow: none; border: none; padding: 5px 0; min-width: auto; } .primary-navigation .mega-menu-main .mega-sub-menu ul.sub-menu li { padding-left: 0; padding-right: 0; } .primary-navigation .mega-menu-container { padding: 3px 20px; } .primary-navigation .mega-menu-container.container-fluid { width: 100%; } .primary-navigation .mega-menu-container.lv-wrap { max-width: 1540px; padding: 3px 50px 12px; } .primary-navigation .mega-menu-container.lv-wrap .mega-menu-main { margin-left: -12px; margin-right: -12px; } .primary-navigation .menu-item-mega .mega-menu { display: flex; flex-direction: column; align-items: flex-start; opacity: 0; pointer-events: none; visibility: hidden; position: absolute; min-width: 140px; top: 100%; left: -20px; background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.12); border-radius: 0; border: none; border-top: 1px solid var(--laava-border); padding: 13px 0; transition: 0.4s; } .primary-navigation .menu-item-mega .mega-menu .menu-item--widget-image { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border: 1px solid transparent; transition: 0.4s; border-radius: 0; } .primary-navigation .menu-item-mega .mega-menu .menu-item--widget-image:hover { border-color: var(--laava-heading); } .secondary-navigation .nav-menu { height: 100%; display: flex; align-items: center; gap: 4px; text-align: left; } .secondary-navigation .nav-menu > li { padding: 0; height: 100%; display: flex; align-items: center; position: relative; } .secondary-navigation .nav-menu > li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--laava-header-fg); transition: 0.4s; } .secondary-navigation .nav-menu > li.current-menu-item:after, .secondary-navigation .nav-menu > li:hover:after { width: 100%; } .secondary-navigation .nav-menu > li.current-menu-item > a, .secondary-navigation .nav-menu > li:hover > a { color: var(--laava-header-fg); } .secondary-navigation .nav-menu > li.current-menu-item > a { background-color: #F3F3F3; } .secondary-navigation .nav-menu > li > a { font-size: 12px; font-size: 0.75rem; font-weight: 800; color: var(--laava-header-fg); text-transform: uppercase; padding: 11px 10px; } .secondary-navigation .nav-menu > li > a .menu-item-icon { font-size: 10px; font-size: 0.625rem; margin: 2px 8px 0 0; } .secondary-navigation .nav-menu > li > a .menu-icon-item-position--right { margin: 2px 0 0 8px; } ul.menu .menu-item-has-icon-svg .icon-has-background { padding: 10px; } ul.menu .menu-item-icon { display: inline-block; line-height: 1; } ul.menu .menu-item-icon svg { vertical-align: -0.125em; width: 1em; height: 1em; fill: currentColor; display: inline-block; } ul.menu > li > a .menu-item-icon { margin-right: 5px; } .mega-menu ul.mega-menu__column li.menu-item--type-label { padding-bottom: 12px; } .mega-menu ul.mega-menu__column li.menu-item--type-label h6 { font-weight: 500; line-height: 2; margin: 0; } .mega-menu ul.mega-menu__column li.menu-item--type-label:after { display: none; } .mega-menu ul.mega-menu__column .menu-item--type-hidden { padding: 0; } .mega-menu ul.mega-menu__column .menu-item--type-hidden > a { display: none !important; } .mega-menu ul.mega-menu__column .menu-item + .menu-item--type-empty { padding-bottom: 4px; } .mega-menu ul.mega-menu__column .menu-item--widget-heading { font-size: 1rem; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; color: var(--laava-heading); margin-top: 6px; line-height: 1; } .mega-menu ul.mega-menu__column .menu-item--widget-heading:first-child { margin-top: 0; } .mega-menu ul.mega-menu__column .menu-item--widget-heading a { font-size: inherit; color: inherit; } .mega-menu ul.mega-menu__column .menu-item--widget-heading a:not(:hover) { color: inherit; } .mega-menu ul.mega-menu__column .menu-item--widget-image { text-align: center; } .mega-menu ul.mega-menu__column .menu-item--widget-image > span { padding: 6px 7px 0; } .mega-menu ul.mega-menu__column .menu-item--widget-image:last-child { padding-bottom: 0; } .mega-menu ul.mega-menu__column .menu-item--widget-image.menu-item--align-left { text-align: left; } .mega-menu ul.mega-menu__column .menu-item--widget-image.menu-item--align-right { text-align: right; } .mega-menu ul.mega-menu__column .menu-item--widget-image a { position: relative; } .mega-menu ul.mega-menu__column .menu-item--widget-image a:after { display: none; } .mega-menu ul.mega-menu__column .menu-item--widget-image .menu-widget-image { --laava-radius-img: 0; } .mega-menu ul.mega-menu__column .menu-item--widget-image .menu-widget-image__button { font-weight: 600; padding: 10px 0; display: inline-block; } .mega-menu ul.mega-menu__column .menu-item--widget-image .menu-widget-image__button:not(:hover) { color: var(--laava-primary); } .mega-menu ul.mega-menu__column .menu-item--widget-image .mega-menu__badge-wrapper { position: absolute; top: 9px; right: 7px; } .mega-menu ul.mega-menu__column .mega-menu__badge { font-size: 10px; font-size: 0.625rem; line-height: 12px; color: #fff; padding: 4px 8px; border-radius: 0; margin: 0 3px; } .mega-menu ul.mega-menu__column .mega-menu__badge--new { background-color: #48D4BB; } .mega-menu ul.mega-menu__column .mega-menu__badge--custom { background-color: #83B735; } .mega-menu ul.mega-menu__column .mega-menu__badge--hot { background-color: #FC5732; } .mega-menu ul.mega-menu__column .menu-widget-image__content { margin-top: 8px; margin-bottom: 10px; } .mega-menu ul.mega-menu__column .menu-widget-image__desc { font-size: 14px; font-size: 0.875rem; color: #000000; } .mega-menu ul.mega-menu__column li.menu-item--widget-banner { padding: 0; } .mega-menu ul.mega-menu__column li.menu-item--widget-banner > a { display: block; } .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner img { transform: none; } .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title { --laava-btn-px-l: 30px; --laava-btn-py-t: 11px; --laava-btn-py-b: 11px; --laava-btn-px-r: 30px; gap: 0; position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); font-size: 16px; font-size: 1rem; max-width: calc( 100% - 50px); } .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title .menu-widget-banner__text { font-family: var(--laava-font-heading); } .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title .lv-icon { font-size: 10px; transition: transform .3s, width .3s, margin-left .3s ease .1s; transform: scale(0); transform-origin: right; width: 0; margin: 0; padding-bottom: 2px; /*rtl:raw: transform: scale(0) rotateY(180deg); */ } .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title:hover { --laava-btn-bg: #000000; --laava-btn-fg: #ffffff; } .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title:hover .lv-icon { transform: scale(1); width: 10px; margin-left: 9px; margin-top: 4px; /*rtl:raw: transform: scale(1) rotateY(180deg); */ } .mega-menu ul.mega-menu__column li.menu-item--widget-banner .menu-widget-banner__title::after { display: none; } .mega-menu ul.mega-menu__column > li:first-child.menu-item--widget-banner { padding-top: 9px; } .mega-menu ul.mega-menu__column .menu-widget-banner__content { position: absolute; left: 24px; bottom: 23px; z-index: 1; } .mega-menu ul.mega-menu__column .menu-widget-banner__title { font-size: 18px; font-size: 1.125rem; font-weight: 500; line-height: 24px; } .mega-menu ul.mega-menu__column .menu-widget-banner__button { color: inherit; margin-top: 16px; } .mega-menu ul.mega-menu__column .menu-widget-banner__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mega-menu ul.mega-menu__column .menu-item--widget-button.menu-item--align-center { text-align: center; } .mega-menu ul.mega-menu__column .menu-item--widget-button.menu-item--align-right { text-align: right; } .mega-menu ul.mega-menu__column .mega-menu__button-icon { font-size: 10px; font-size: 0.625rem; margin-left: 10px; position: relative; top: -1px; } .mega-menu ul.mega-menu__column .menu-item--widget-custom-link .mega-menu__badge-wrapper { position: absolute; top: -12px; left: 100%; line-height: 1; } .mega-menu ul.mega-menu__column .menu-item--widget-custom-link .mega-menu__badge-wrapper.text-full { left: auto; right: -15px; } .mega-menu ul.mega-menu__column .menu-item--widget-custom-link .mega-menu__badge { padding: 2px 6px 3px; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel { display: block; padding-left: 25px; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel:not(.swiper-initialized) { overflow: hidden; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products { left: 0; display: flex; flex-wrap: nowrap; overflow: initial; margin-top: 7px; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product { flex-shrink: 0; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product .product-loop-button { --laava-btn-h: 32px; --laava-btn-w: 32px; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product .product-variation-items .product-variation-item--color:before { border-width: 4px 5px; bottom: 100%; top: auto; border-color: var(--laava-heading) transparent transparent transparent; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products li.product .product-variation-items .product-variation-item--color:after { bottom: calc(100% + 6px); top: auto; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products .woocommerce-LoopProduct-link { white-space: inherit; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products.swiper-wrapper { margin: 0; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel ul.products.swiper-wrapper li.product { margin: 0; padding: 0; } .mega-menu ul.mega-menu__column .menu-item--widget-products-carousel .swiper-button { --laava-arrow-w: 36px; --laava-arrow-h: 36px; --laava-arrow-fs:10px; --laava-arrow-top: 35%; z-index: 1000; border: none; /*rtl:raw: transform: rotateY(180deg) translateY(-50%); */ } .mega-menu ul.mega-menu__column .menu-taxonomy-list-widget li { padding-left: 0; padding-right: 0; } .mega-menu__row { display: flex; margin: 0 -12px; } .mega-menu--grid ul.mega-menu__column { padding: 0 12px; } .mega-menu--grid ul.mega-menu__column .menu-item--widget-image { padding: 0; margin-bottom: 25px; } .mega-menu--tabs .mega-menu__panellist { float: left; width: 50%; } .mega-menu--tabs .mega-menu__tablist li { padding: 4px 12px; } .mega-menu--tabs .mega-menu__tablist li.active a:after { width: 100%; left: 0; } .mega-menu--tabs .mega-menu__tabpanel { display: none; } .mega-menu--tabs .mega-menu__tabpanel.active { display: block; } .mega-menu--tabs .mega-menu__tabpanel ul li a:hover:after { display: none; } .mega-menu--tabs .mega-menu__panellist { padding-bottom: 7px; } .mega-menu ul.mega-menu__column .menu-item--type-empty > a { text-indent: -9999em; display: block; } .hamburger-menu__text { font-size: 14px; font-size: 0.875rem; text-transform: uppercase; font-weight: 800; } .socials-navigation ul.menu a .menu-item-icon { font-size: 12px; font-size: 0.75rem; display: inline-flex; justify-content: center; align-items: center; width: 28px; height: 28px; line-height: 28px; border-radius: 0; margin: 0; background-color: rgba(41,39,36,.1); background-color: rgba(0,0,0,.1); transition: all .3s ease; } .socials-navigation ul.menu a .menu-item-icon:hover { background-color: var(--laava-heading); color: #fff; } .socials-navigation .menu-item-icon { font-size: 16px; font-size: 1rem; } .topbar-menu .nav-menu { height: 100%; display: flex; align-items: center; gap: 18px; text-align: left; } .topbar-menu .nav-menu > li { padding: 0; height: 100%; display: flex; align-items: center; position: relative; } .topbar-menu .nav-menu > li > a { font-weight: 500; color: var(--laava-heading); } .topbar-menu .nav-menu > li > a:hover { opacity: 0.8; } .topbar-menu .nav-menu > li > a .menu-item-icon { font-size: 10px; font-size: 0.625rem; margin: 2px 8px 0 0; } .topbar-menu .nav-menu > li > a .menu-icon-item-position--right { margin: 2px 0 0 8px; } .header-category__menu ul.menu > li.menu-item-has-icon > a:after { left: 55px; width: calc( 100% - 55px); } .header-category__menu ul.menu > li > a .menu-item-icon { font-size: 10px; font-size: 0.625rem; } .header-category__menu ul.menu > li > a > .menu-item-icon:not(.menu-icon-item-position--right) { --laava-radius-img: 100%; font-size: 20px; font-size: 1.25rem; width: 34px; height: 34px; line-height: 37px; text-align: center; margin-right: 18px; position: relative; } .header-category__menu ul.menu > li > a > .menu-item-icon:not(.menu-icon-item-position--right):after { content: ''; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; width: calc(100% + 6px); height: calc(100% + 6px); border: 1px solid var(--laava-border); margin: auto; pointer-events: none; border-radius: var(--laava-radius-img); z-index: 1; } .header-category__menu ul.menu > li > a > .menu-item-icon.menu-icon-item-position--right { margin-left: 5px; } .header-category__menu ul.menu li.menu-item-has-children:not(.menu-item-mega) > ul.sub-menu:not(.sub-mega-menu) { width: 100%; max-width: 267px; min-height: 100%; background-color: #fff; box-shadow: 0 4px 8px var(--laava-border); border: solid 1px var(--laava-border); border-radius: 0; padding: 19px 0; position: absolute; top: 0; left: 100%; transform: translateX(10px); opacity: 0; visibility: hidden; z-index: 999; transition: .2s; } .header-category__menu ul.menu li.menu-item-has-children:not(.menu-item-mega) > ul.sub-menu:not(.sub-mega-menu):before { content: ''; position: absolute; left: calc( ( 10px/2 * -1 ) - 1px); top: -1px; width: 10px; height: calc(100% + 2px); background-color: #fff; border-top: 1px solid var(--laava-border); border-bottom: 1px solid var(--laava-border); } .header-category__menu ul.menu li.menu-item-has-children:not(.menu-item-mega) > ul.sub-menu:not(.sub-mega-menu) ul { min-height: 100%; top: 0; } .header-category__menu ul.menu li.menu-item-has-children:not(.menu-item-mega):hover > ul.sub-menu:not(.sub-mega-menu) { opacity: 1; visibility: visible; transform: translateX(0); } .header-category__menu ul.menu .menu-item-has-children > a { padding-right: 17px; position: relative; } .header-category__menu ul.menu .menu-item-has-children > a:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); width: 10px; height: 6px; background-color: currentcolor; border: 0 !important; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+") no-repeat 50% 50%; mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMi40MDQxM2UtMDcgMC45NzY1NjNMNS41IDYuNDc2NTZMMTEgMC45NzY1NjJMMTAuMDIzNyAwLjAwMDMxMjg0OEw1LjUgNC41MjQwNkwwLjk3NjI0OSAwLjAwMDMxMzI0M0wtMi40MDQxM2UtMDcgMC45NzY1NjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; transition: 0.4s; } .header-category__menu ul.menu .menu-item-mega:hover > ul { left: 100%; opacity: 1; visibility: visible; transform: scaleX(1); } .header-category__menu ul.menu .sub-menu.mega-menu { min-height: calc(100% + 1px); background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); border: solid 1px var(--laava-border); border-radius: 0; position: absolute; top: -1px; left: calc(100% + 10px); transform: scaleX(0); opacity: 0; visibility: hidden; z-index: 999; transition: left 0.2s; } .header-category__menu ul.menu .sub-menu.mega-menu:before { content: ''; position: absolute; left: calc( ( 10px/2 * -1 ) - 1px); top: -1px; width: 10px; height: calc(100% + 2px); background-color: #fff; border-top: 1px solid var(--laava-border); border-bottom: 1px solid var(--laava-border); } .header-mobile-bottom .secondary-navigation .nav-menu > li:after { display: none; } .header-transparent.header-transparent-text-light .secondary-navigation .nav-menu > li.current-menu-item > a { background-color: transparent; } .footer-widgets-area .widget_nav_menu ul.menu > li > .sub-menu { padding-left: 10px; } .mobile-shop-navigation ul.menu li.menu-item-has-icon { padding-top: 5px; padding-bottom: 5px; } .mobile-shop-navigation ul.menu > li.menu-item-has-icon:after { left: 50px; width: calc( 100% - 50px); } .mobile-shop-navigation ul.menu > li > a .menu-item-icon { font-size: 10px; font-size: 0.625rem; margin: 2px 8px 0 0; } .mobile-shop-navigation ul.menu > li > ul.sub-menu { margin: 7px 0 15px 15px; } .mobile-shop-navigation ul.menu .menu-item-has-children > a { position: relative; } .mobile-shop-navigation ul.menu .menu-item-has-children > a:before, .mobile-shop-navigation ul.menu .menu-item-has-children > a:after { content: " "; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); display: inline-block; margin-top: -1px; width: 10px; height: 2px; background-color: currentColor; transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out; } .mobile-shop-navigation ul.menu .menu-item-has-children > a:after { transform: translateY(-50%) rotate(-90deg); } .mobile-shop-navigation ul.menu .menu-item-has-children > a:active, .mobile-shop-navigation ul.menu .menu-item-has-children > a:hover { color: var(--laava-heading); } .mobile-shop-navigation ul.menu .menu-item-has-children > a .toggle-menu-children { position: absolute; width: 32px; top: 0; bottom: 0; right: -11px; cursor: pointer; z-index: 1; } .mobile-shop-navigation ul.menu .menu-item-has-children.active > a:before, .mobile-shop-navigation ul.menu .menu-item-has-children.active > a:after { transform: translateY(-50%) rotate(0); } .mobile-shop-navigation ul.menu .menu-item-has-children.active > .sub-menu { -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out; } .mobile-shop-navigation .sub-menu { border-left: 1px solid var(--laava-border); margin: 7px 0 5px 42px; padding: 0 0 0 15px; display: none; } .ecomus-navigation-menu__menu > li > .sub-menu { padding-left: 10px; } .mobile-shop-navigation ul.menu > li.menu-item-has-icon > ul.sub-menu { margin-left: 20px; } .mobile-shop-navigation .sub-menu { margin-left: 15px; } /* Keresősáv */ .lv-search{background:#fff;color:var(--laava-text);border-top:1px solid var(--laava-border);padding:var(--laava-space-4) 0} /* Mobil fiók */ .lv-drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,380px);background:#fff;color:var(--laava-text);z-index:var(--laava-z-drawer);overflow-y:auto;transform:translateX(-100%);transition:transform .25s ease} .lv-drawer.is-open{transform:none} .lv-drawer__head{display:flex;justify-content:space-between;align-items:center;padding:var(--laava-space-4) var(--laava-gutter);border-bottom:1px solid var(--laava-border);font-weight:600} .lv-drawer__head button{background:none;border:0;padding:4px;cursor:pointer;color:inherit} .lv-menu--drawer,.lv-menu--drawer ul{list-style:none;margin:0;padding:0} .lv-menu--drawer a{display:block;padding:14px var(--laava-gutter);text-decoration:none;border-bottom:1px solid var(--laava-border)} .lv-menu--drawer .sub-menu{background:var(--laava-surface)} .lv-menu--drawer .sub-menu a{padding-left:calc(var(--laava-gutter) + 14px);border-bottom-color:transparent} .lv-menu--drawer .sub-menu .sub-menu a{padding-left:calc(var(--laava-gutter) + 28px);font-size:.9375rem} .lv-backdrop{position:fixed;inset:0;z-index:var(--laava-z-backdrop)} /* scrim: motion.css (egységes) */ /* Mobil alsó sáv */ .lv-bottombar{display:none} @media (max-width:1199px){ .lv-navbar{display:none} .lv-header{position:sticky;top:0;z-index:var(--laava-z-header);background:var(--laava-header-bg-mobile);color:var(--laava-header-fg-mobile);border-bottom:1px solid var(--laava-border)} body.admin-bar .lv-header{top:46px} .lv-header__row{grid-template-columns:1fr auto;min-height:56px;gap:var(--laava-space-3)} .lv-header__brand{grid-column:1;justify-self:start} .lv-header__tools{grid-column:2} .lv-header__brand img,.lv-header__brand .custom-logo{height:var(--laava-logo-h-mobile)} .lv-tool--menu{display:inline-flex} .lv-tool--menu .lv-tool__label{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase} .lv-tool--account,.lv-tool--wishlist{display:none} .lv-bottombar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:auto;width:100vw;bottom:0;z-index:var(--laava-z-bottombar);background:#fff;border-top:1px solid var(--laava-border);padding-bottom:env(safe-area-inset-bottom)} .lv-bottombar a,.lv-bottombar button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:none;border:0;color:var(--laava-text);font:500 .6875rem/1.2 var(--laava-font-body);text-decoration:none;cursor:pointer} .lv-bottombar .lv-count{position:absolute;top:2px;left:calc(50% + 6px)} body{padding-bottom:58px} } /* Minikosár-fiók */ .lv-minicart{position:fixed;inset:0 0 0 auto;width:min(94vw,var(--laava-cart-width,480px));background:#fff;color:var(--laava-text);z-index:var(--laava-z-drawer);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease} /* Bejelentkezett adminnál a kosár-fiók az admin sor alatt indul (Gábor, 2026-11-06). 600 px alatt a WP admin sora görgetéssel eltűnik, ott 0 marad. */ @media (min-width:601px){body.admin-bar .lv-minicart{top:46px}} @media (min-width:783px){body.admin-bar .lv-minicart{top:32px}} .lv-minicart.is-open{transform:none} .lv-minicart__head{display:flex;justify-content:space-between;align-items:center;padding:var(--laava-space-4) var(--laava-gutter);border-bottom:1px solid var(--laava-border);font-weight:600} .lv-minicart__head button{background:none;border:0;padding:4px;cursor:pointer;color:inherit} .lv-minicart__body{flex:1;overflow-y:auto;padding:var(--laava-space-4) var(--laava-gutter);transition:opacity .15s} .lv-minicart.is-loading .lv-minicart__body{opacity:.5} .lv-backdrop--cart{z-index:calc(var(--laava-z-drawer) - 1)} .lv-minicart .woocommerce-mini-cart{list-style:none;margin:0;padding:0} .lv-minicart .woocommerce-mini-cart-item{position:relative;display:block;padding:12px 28px 12px 0;border-bottom:1px solid var(--laava-border)} .lv-minicart .woocommerce-mini-cart-item>a:not(.remove){display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:500} .lv-minicart .woocommerce-mini-cart-item img{flex:none;width:64px;height:64px;object-fit:cover;border-radius:var(--laava-radius-img)} .lv-minicart .remove{position:absolute;right:0;top:12px;width:22px;height:22px;line-height:20px;text-align:center;border-radius:50%;text-decoration:none;color:var(--laava-muted)} .lv-minicart .remove:hover{background:var(--laava-surface);color:var(--laava-text)} .lv-minicart .quantity{display:block;margin:2px 0 0 76px;color:var(--laava-muted);font-size:.875rem} .lv-minicart .woocommerce-mini-cart__total{display:flex;justify-content:space-between;padding:16px 0;font-size:1.0625rem} .lv-minicart .woocommerce-mini-cart__buttons{display:grid;gap:8px;margin:0} .lv-minicart .woocommerce-mini-cart__buttons .button{display:block;text-align:center;padding:12px;border-radius:var(--laava-radius-btn);border:1px solid var(--laava-btn-bg);color:var(--laava-btn-bg);text-decoration:none} .lv-minicart .woocommerce-mini-cart__buttons .button.checkout{background:var(--laava-btn-bg);border-color:var(--laava-btn-bg);color:#fff} .lv-minicart .woocommerce-mini-cart__empty-message{text-align:center;color:var(--laava-muted);padding:var(--laava-space-6) 0} /* laava-footer */ .lv-footer{background:var(--laava-surface);color:var(--laava-text);margin-top:var(--laava-space-8)} .lv-footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--laava-space-6);padding-block:var(--laava-space-7)} .lv-footer__title{font:600 var(--laava-fs-h4)/1.2 var(--laava-font-display);margin-bottom:var(--laava-space-3)} .lv-footer__list{list-style:none;margin:0;padding:0} .lv-footer__list li{margin:0 0 6px} .lv-footer__list a{text-decoration:none} .lv-footer__list a:hover{color:var(--laava-primary);text-decoration:underline} .lv-footer__note{margin-top:var(--laava-space-3);font-size:.875rem;color:var(--laava-muted)} .lv-footer__legal{border-top:1px solid var(--laava-border);padding-block:var(--laava-space-4);font-size:.8125rem;color:var(--laava-muted)} .lv-footer__legal p{margin:0 0 4px} @media (max-width:1023px){.lv-footer__grid{grid-template-columns:1fr 1fr}} @media (max-width:599px){.lv-footer__grid{grid-template-columns:1fr}} /* Elementor retained invisible check icons on two text links; remove their reserved space. */ /* Új design (B-032): sötét lábléc a vászon szerint (#24211F alap, fehér szöveg, Cormorant hírlevél-cím), USP-sáv felette. */ .lv-usp{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 32px;padding:14px 16px;margin-top:var(--laava-space-8);background:#fff;border-top:1px solid var(--laava-line);color:var(--laava-graphite);font:500 14px/1.4 var(--laava-font-body)} .lv-usp__item{margin:0} .lv-usp+.lv-footer{margin-top:0} .lv-footer{background:var(--laava-graphite);color:#fff} .lv-footer a{color:inherit} .lv-footer__in{max-width:1280px;padding:72px 40px 32px;display:flex;flex-direction:column;gap:56px} .lv-footer__news{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end} .lv-footer__big{margin:0 0 10px;font:500 38px/1.1 var(--laava-font-display);color:#fff;text-wrap:balance} .lv-footer__sub{margin:0;font-size:15px;color:#D5DADD} .lv-news__row{display:flex;flex-wrap:wrap;gap:12px} .lv-news__in{flex:1 1 220px;min-width:0;min-height:48px;box-sizing:border-box;padding:0 4px;border:0;border-bottom:1px solid #fff;border-radius:0;background:transparent;color:#fff;font:inherit;font-size:16px;outline:0} .lv-news__in:focus-visible{border-bottom-width:2px} .lv-news__in::placeholder{color:#D5DADD} .lv-news__btn{min-height:48px;padding:0 24px;border:0;border-radius:var(--laava-radius-btn);background:#fff;color:var(--laava-graphite);font:500 15px/1 var(--laava-font-body);cursor:pointer} .lv-news__btn:hover{background:var(--laava-beige)} .lv-news__hint{margin:10px 0 0;font-size:13px;color:#D5DADD} .lv-news.is-busy{opacity:.7} /* ==== B-094: közös hírlevél-komponens (template-parts/newsletter.php) – lábléc (sötét), inline (főoldali Instagram-blokk), box (Blog-lista, lágy színátmenet). A footer.css mindenhol betölt (a pénztár kivételével), ezért itt él az egész komponens. */ .lv-news{display:flex;flex-direction:column;gap:10px} .lv-news[hidden]{display:none} .lv-nl .lv-news__hint{margin:0} .lv-news__hint a{color:inherit;text-decoration:underline} .lv-news.is-busy .lv-news__btn,.lv-news.is-busy .lv-hbtn{cursor:progress} /* Az élő régiók üresen is a DOM-ban maradnak (bejelentés), csak láthatatlanok. */ .lv-nl__done:empty,.lv-news__err:empty{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .lv-nl__done{margin:0;font-size:16px;font-weight:500;line-height:1.4;color:var(--laava-graphite)} .lv-nl__done:focus{outline:0} /* Hiba az Allapotok board szerint: piros keret, ikon és szöveg (nem csak szín). */ .lv-news__err{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:14px;line-height:1.4;color:var(--laava-red-soft-fg)} .lv-news__err::before{content:"";flex:none;width:16px;height:16px;margin-top:1px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6M12 16.5h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6M12 16.5h.01'/%3E%3C/svg%3E") center/contain no-repeat} .lv-news__in[aria-invalid=true]{border-color:var(--laava-red-soft-fg);box-shadow:inset 0 0 0 1px var(--laava-red-soft-fg)} /* Honeypot: képernyőn kívül, nem display:none (egyes robotok azt kihagyják). */ .lv-nl__hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden} /* Lábléc: sötét sávon világos hiba- és köszönőszín (a #B3261E grafiton nem olvasható). */ /* A base.css input[type=email] (0,1,1) eddig felülírta a .lv-news__in-t: a lábléc mezője keretes doboz lett a vászon aláhúzott mezője helyett. */ .lv-nl--footer .lv-news__in{width:auto;padding:0 4px;border:0;border-bottom:1px solid #fff;border-radius:0;background:transparent;color:#fff;font-size:16px} .lv-nl--footer .lv-nl__done{color:#fff} .lv-nl--footer .lv-news__err{color:#FFB4AB} .lv-nl--footer .lv-news__in[aria-invalid=true]{border-bottom:2px solid #FFB4AB;box-shadow:none} /* Világos változatok (inline, box): fehér, 1 px-es keretes mező, a közös elsődleges gomb (lv-hbtn--primary, B-093 tokenek). */ .lv-nl--inline,.lv-nl--box .lv-nl__side{display:flex;flex-direction:column;gap:12px;align-items:flex-start} .lv-nl--inline{width:100%;max-width:480px;margin-top:12px} .lv-nl--inline .lv-nl__side,.lv-nl--inline .lv-news,.lv-nl--box .lv-news{width:100%} .lv-nl__lead{font-size:15px;font-weight:500;color:var(--laava-graphite)} .lv-nl--inline .lv-news__row,.lv-nl--box .lv-news__row{gap:10px} .lv-nl--inline .lv-news__in,.lv-nl--box .lv-news__in{flex:1 1 220px;min-width:0;min-height:48px;box-sizing:border-box;padding:0 16px;border:1px solid var(--laava-graphite);border-radius:0;background:#fff;font:400 16px/1 var(--laava-font-body);color:var(--laava-graphite)} .lv-nl--inline .lv-news__in::placeholder,.lv-nl--box .lv-news__in::placeholder{color:#8F857D} .lv-nl--inline .lv-news__in:focus-visible,.lv-nl--box .lv-news__in:focus-visible{outline:2px solid var(--laava-campaign);outline-offset:2px} .lv-nl--inline .lv-news__hint,.lv-nl--box .lv-news__hint{font-size:13px;color:var(--laava-text-2)} .lv-news__btn--accent{min-height:48px} .lv-nl__consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--laava-text-2);cursor:pointer} .lv-nl__consent input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--laava-campaign,#7801f2)} .lv-nl__consent a{color:inherit;text-decoration:underline} .lv-nl--box{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;margin-top:56px;padding:48px;border-radius:0;background:#F4EAF6 url(https://laava.hu/wp-content/themes/laava/assets/css/../img/soft-grad.webp) center/cover no-repeat} .lv-nl--box .lv-nl__copy{display:flex;flex-direction:column;gap:8px;max-width:560px} .lv-nl--box .lv-nl__title{margin:0;font:500 36px/1.12 var(--laava-font-display);color:var(--laava-graphite)} .lv-nl--box .lv-nl__text{margin:0;font-size:16px;line-height:1.6;color:#3F3A36} .lv-nl--box .lv-nl__side{flex:1 1 340px;max-width:460px} /* Mobil rövid szöveg (text_mobile): a rejtett változat display:none, így a képernyőolvasó is csak az egyiket olvassa. */ .lv-nl__txt--short{display:none} @media (max-width:599px){ /* Mobil vászon: a mező teljes szélességű, alatta a gomb (MobilBlog: csak a Feliratkozom gomb, Instagram nélkül). */ .lv-nl--inline .lv-news__row,.lv-nl--box .lv-news__row{flex-direction:column;align-items:stretch} .lv-nl--inline .lv-news__in,.lv-nl--box .lv-news__in{flex:none;width:100%} .lv-nl--box{flex-direction:column;align-items:stretch;gap:12px;padding:28px 20px} .lv-nl--box .lv-nl__title{font-size:26px;line-height:1.1} .lv-nl--box .lv-nl__text{font-size:15px;line-height:1.55} .lv-nl--box .lv-nl__side{flex:none;max-width:none;align-items:stretch} .lv-nl--box .lv-nl__ig{display:none} .lv-nl__txt--full{display:none} .lv-nl__txt--short{display:inline} } .lv-footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:48px;align-items:start;padding:48px 0 0;border-top:1px solid rgba(255,255,255,.22)} .lv-footer__title{margin:0 0 8px;font:500 14px/1.4 var(--laava-font-body);color:#fff} .lv-footer__list{list-style:none;margin:0;padding:0} .lv-footer__list li{margin:0} .lv-footer__list a{display:block;padding:8px 0;font-size:15px;color:#D5DADD;text-decoration:none} .lv-footer__list a:hover{color:#fff;text-decoration:underline} /* A logó két változata (light = fehér, dark = sötét) egymás mellett látszott ("LAAVALAAVA"): a sötét lábléc a világos (fehér) változatot kapja. */ .lv-footer__logo img{display:block;width:160px;max-width:100%;height:auto} .lv-footer__logo .lv-logo-dark{display:none} /* B-116: a beépített SVG logó a graphite láblécben a „sötét felületi” színt kapja (Core › „Logó színe sötét háttéren”, alap fehér). */ .lv-footer__logo .lv-configured-logo svg.lv-logo-svg{width:160px;max-width:100%;height:auto;color:var(--laava-logo-color-dark,#fff)} .lv-footer__note{margin:14px 0 0;font-size:14px;color:#D5DADD} .lv-footer__note a{text-decoration:underline} .lv-footer__social{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0} .lv-footer__btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--lv-btn-h,44px);padding:0 var(--lv-btn-px,22px);border:1px solid rgba(255,255,255,.5);border-radius:var(--lv-btn-radius,8px);font:var(--lv-btn-fw,500) var(--lv-btn-fs,15px)/var(--lv-btn-lh,1.2) var(--lv-btn-font,inherit);text-decoration:none} .lv-footer__btn:focus-visible{outline:var(--lv-btn-focus-w,2px) solid var(--lv-btn-focus,#7801f2);outline-offset:var(--lv-btn-focus-offset,2px)} .lv-footer__btn.is-primary{background:#fff;border-color:#fff;color:var(--laava-graphite)} .lv-footer__btn:hover{background:var(--lv-btn-ghost-hover,rgba(255,255,255,.14))} /* vászon btn-ghost */ .lv-footer__btn.is-primary:hover{background:var(--laava-beige)} .lv-footer__chips{display:flex;flex-wrap:wrap;gap:20px 40px} .lv-footer__chipgroup{display:flex;flex-direction:column;gap:8px} .lv-footer__chiplabel{margin:0;font:500 13px/1.4 var(--laava-font-body);color:inherit;letter-spacing:0} /* B-097: a vászon 36 px-es lábléc-címkéi (min. 64 px, 8 px sarok) valódi logókkal. A logók saját színükkel, szürkeárnyalat nélkül, fehér lapon ülnek (a Revolut kártyalogói is fehér alapra készültek, a szolgáltatók színes jelei a sötét grafiton elvesznének); egységes 36 px magasság, a kép 24 px (fizetés) / 28 px (négyzetes szolgáltató-jel). */ .lv-footer__marks{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none} .lv-footer__mark{display:flex;align-items:center;justify-content:center;gap:6px;min-width:64px;height:36px;padding:0 10px;box-sizing:border-box;background:#fff;border:1px solid #fff;border-radius:0;color:var(--laava-graphite,#24211F);font:500 12px/1 var(--laava-font-body)} .lv-footer__mark img{display:block;width:auto;height:24px;max-width:72px;object-fit:contain} .lv-footer__mark--ship img{height:28px} .lv-footer__mark .lv-icon{display:block;flex:none} .lv-footer__btn--icon{width:var(--lv-btn-h,44px);padding:0} .lv-footer__btn--icon .lv-icon{display:block} .lv-footer__sub a{color:inherit;text-decoration:underline} /* B-097: Insta Shop fiók-link */ .lv-footer__contact{display:inline-flex;align-items:center;gap:5px;vertical-align:bottom} .lv-footer__contact .lv-icon{display:block;flex:none} .lv-footer__logos{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0} .lv-footer__logos img{height:24px;width:auto} .lv-footer__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 48px;align-items:flex-start;padding-top:28px;border-top:1px solid rgba(255,255,255,.22);font-size:13px;line-height:1.5;color:#D5DADD} .lv-footer__legal p{margin:0} .lv-footer__legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;color:#fff;line-height:1.5} /* Gábor 2026-11-14: a Süti-beállítások gomb (44 px, középre igazított) és a linkek egy sorban */ .lv-footer__legal-links a,.lv-footer__legal-links .lv-consent-link{display:inline-flex;align-items:center;min-height:44px;padding:0;font-size:inherit;line-height:inherit} @media (max-width:1023px){.lv-footer__grid{grid-template-columns:1fr 1fr}.lv-footer__news{grid-template-columns:1fr;gap:24px}} @media (max-width:599px){.lv-footer__in{padding:48px 16px 24px;gap:40px}.lv-footer__grid{grid-template-columns:1fr}.lv-footer__big{font-size:30px}.lv-usp{flex-direction:column;align-items:center;gap:4px}} /* Mobilon a body alsó 58 px-es tartaléka (fix alsó sáv) fehér csíkot hagyott a sötét lábléc alatt: a lábléc veszi át a helyet. */ @media (max-width:1023px){.lv-footer{margin-bottom:-58px;padding-bottom:58px}} /* Lábléc-harmonika (B-023/B-035): asztalon a summary nem kattintható és nincs jelölő; mobilon + / – jel, 1 px elválasztó. */ .lv-footer__acc>summary{list-style:none} .lv-footer__acc>summary::-webkit-details-marker{display:none} @media (min-width:600px){.lv-footer__acc>summary{pointer-events:none}} @media (max-width:599px){ .lv-footer__acc{border-bottom:1px solid rgba(255,255,255,.14)} .lv-footer__acc>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;cursor:pointer} .lv-footer__acc>summary .lv-footer__title{margin:0} .lv-footer__acc>summary::after{content:"+";font-size:22px;line-height:1} .lv-footer__acc[open]>summary::after{content:"–"} .lv-footer__acc[open]>summary{margin-bottom:8px} } /* B-140 (Gábor): a lábléc mélyzöld, mint a Főoldal v4 vászon zöld változatán (#1C3326); a sötét fehér-szövegű elemek változatlanok, a kiemelt gomb szövege zöld. */ .lv-footer{background:#1C3326} .lv-footer__btn.is-primary,.lv-footer .lv-news__btn{color:#1C3326} /* B-151 (Gábor): mobilon a lenyitható lábléc-menük közelebb egymáshoz (a 48 px-es rácsköz helyett 0, a sor 48 px). */ @media (max-width:599px){ .lv-footer__grid{row-gap:0} .lv-footer__grid>:not(.lv-footer__acc){margin-bottom:24px} .lv-footer__acc>summary{min-height:48px} } /* Hírlevél-doboz előnézet (nem éles host, MailerLite nélkül – Gábor, 2026-11-08): látszik, de a gomb nem küld. */ .lv-nl.is-preview .lv-news__btn[disabled],.lv-nl.is-preview button[disabled]{opacity:.55;cursor:not-allowed} .lv-nl.is-preview .lv-nl__preview{font-size:12px;opacity:.75} /* laava-woocommerce */ /* LAAVA – WooCommerce nézetek: archív, kártya, termékoldal, értesítések. */ .lv-woo{padding-block:var(--laava-space-6)} .woocommerce-breadcrumb{font-size:.875rem;color:var(--laava-muted);margin:0 0 var(--laava-space-4)} .woocommerce-breadcrumb a{color:inherit;text-decoration:none} .woocommerce-products-header__title,.page-title{font:400 var(--laava-fs-h1)/1.15 var(--laava-font-heading);margin:0 0 var(--laava-space-5)} .lv-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--laava-space-4);margin-bottom:var(--laava-space-5);font-size:.9375rem;color:var(--laava-muted)} .lv-toolbar .woocommerce-result-count,.lv-toolbar .woocommerce-ordering{margin:0;float:none} .woocommerce-ordering select{border:1px solid var(--laava-border);border-radius:var(--laava-radius-field);padding:8px 14px;background:#fff;font:inherit;color:var(--laava-text)} .lv-term-desc{margin-top:var(--laava-space-7);max-width:820px;color:var(--laava-muted)} /* Termékrács */ ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--laava-space-6) var(--laava-space-5)} @media (max-width:1023px){ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:767px){ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--laava-space-5) var(--laava-space-3)}} ul.products li.product{position:relative;display:flex;flex-direction:column;margin:0;float:none;width:auto} ul.products li.product>a.woocommerce-LoopProduct-link{display:block;text-decoration:none;color:inherit} /* Kártya */ .lv-card__media{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--laava-radius-img);background:var(--laava-surface)} .lv-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .5s ease} .lv-card__img--hover{opacity:0} @media (hover:hover){li.product:hover .lv-card__img--hover{opacity:1}li.product:hover .lv-card__img:not(.lv-card__img--hover){transform:scale(1.03)}} .lv-badges{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;gap:4px;align-items:flex-end} .lv-badge{display:inline-block;padding:6px 12px;border-radius:0;font:500 .875rem/1 var(--laava-font-body);color:#fff} .lv-badge--sale{background:var(--laava-badge-sale)} .lv-badge--new{background:var(--laava-badge-new)} .lv-badge--out{background:var(--laava-muted)} .lv-badge--out-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;white-space:nowrap} .lv-card__cat{display:block;margin:10px 0 2px;font-size:.8125rem;color:var(--laava-muted)} li.product .woocommerce-loop-product__title{margin:0 0 4px;font:400 1rem/1.3 var(--laava-font-body);color:#000;padding:0} li.product .price{display:block;margin-bottom:10px;font-weight:600;color:var(--laava-text)} li.product .price del{color:var(--laava-muted);font-weight:400;margin-right:4px} li.product .price ins{text-decoration:none;color:var(--laava-sale)} li.product > .button{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--laava-radius-btn);background:transparent;color:#000;text-decoration:none;font-weight:500;font-size:.75rem;letter-spacing:.03em;text-transform:uppercase;border:1px solid #000;cursor:pointer} li.product > .button::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/contain no-repeat} li.product > .button:hover{background:#000;color:#fff} li.product .added_to_cart{display:none} .lv-card__wish{position:absolute;top:8px;left:8px;z-index:2} .lv-card__wish a,.lv-card__wish button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);border:0;padding:0;color:var(--laava-text);cursor:pointer} .lv-card__wish .wcboost-wishlist-button__text,.lv-card__wish .wcboost-wishlist-button__label{display:none} /* Lapozó */ .woocommerce-pagination{margin-top:var(--laava-space-7)} .woocommerce-pagination ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:0;margin:0} .woocommerce-pagination a,.woocommerce-pagination span{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--laava-border);border-radius:var(--laava-radius-btn);text-decoration:none;padding:0 10px} .woocommerce-pagination .current{background:var(--laava-primary);border-color:var(--laava-primary);color:#fff} /* Termékoldal */ .single-product div.product{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--laava-space-7);align-items:start} .single-product div.product>.woocommerce-tabs,.single-product div.product>.related,.single-product div.product>.upsells,.single-product div.product>.lv-wide{grid-column:1/-1} @media (max-width:899px){.single-product div.product{grid-template-columns:minmax(0,1fr);gap:var(--laava-space-5)}} .woocommerce-product-gallery{position:relative;margin:0} .woocommerce-product-gallery .flex-viewport{border-radius:var(--laava-radius-img);overflow:hidden} .woocommerce-product-gallery__image img{display:block;width:100%;height:auto} .woocommerce-product-gallery .flex-control-thumbs{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0 0;padding:0} .woocommerce-product-gallery .flex-control-thumbs img{border-radius:0;opacity:.6;cursor:pointer} .woocommerce-product-gallery .flex-control-thumbs img.flex-active{opacity:1} .woocommerce-product-gallery__trigger{position:absolute;right:10px;top:10px;z-index:3;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);text-indent:-9999px;overflow:hidden} .summary .product_title{font:400 var(--laava-fs-product-title)/1.2 var(--laava-font-heading);margin:0 0 var(--laava-space-3)} .lv-single-cat{margin-bottom:var(--laava-space-2);font-size:.9375rem} .lv-single-cat a{color:var(--laava-primary);text-decoration:none} .lv-discount-pill{display:inline-block;margin-left:10px;padding:5px 12px;border-radius:0;background:var(--laava-badge-sale);color:#fff;font:600 .75rem/1 var(--laava-font-body);text-transform:uppercase;vertical-align:middle} .summary .price{display:block;font-size:1.75rem;font-weight:400;margin-bottom:var(--laava-space-4)} .summary .price del{color:var(--laava-muted);font-weight:400;font-size:1.25rem;margin-right:6px} .summary .price ins{text-decoration:none;color:#e02020} .summary .woocommerce-product-details__short-description{margin-bottom:var(--laava-space-5);color:var(--laava-text)} form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:var(--laava-space-5)} form.cart.variations_form{display:block} form.cart .single_variation_wrap .woocommerce-variation-add-to-cart,form.cart:not(.variations_form){display:flex;flex-wrap:wrap;gap:12px;align-items:center} table.variations{width:100%;border:0;margin-bottom:var(--laava-space-4)} table.variations th,table.variations td{display:block;padding:0 0 6px;text-align:left} table.variations th label{font-weight:600} table.variations select{width:100%;border:1px solid var(--laava-border);border-radius:var(--laava-radius-field);padding:10px 14px;font:inherit} .quantity{display:inline-flex} .quantity .qty{width:72px;height:48px;text-align:center;border:1px solid var(--laava-border);border-radius:var(--laava-radius-field);font:inherit} .single_add_to_cart_button{flex:1;min-width:180px;height:48px;border:0;border-radius:var(--laava-radius-btn);background:var(--laava-btn-bg);color:var(--laava-btn-fg);font:600 1rem var(--laava-font-body);cursor:pointer;padding:0 24px} .single_add_to_cart_button:hover{background:var(--laava-btn-hover)} .single_add_to_cart_button.loading{opacity:.6;pointer-events:none} .single_add_to_cart_button.disabled,.single_add_to_cart_button:disabled{opacity:.45;cursor:not-allowed} .lv-single-wish a,.lv-single-wish button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--laava-border);border-radius:var(--laava-radius-btn);background:#fff;color:var(--laava-text);padding:0;cursor:pointer} /* Az ikon önálló gombban van: a WCBoost szöveghez adott margója itt eltolná. */ .lv-single-wish .wcboost-wishlist-button__icon,.lv-card__wish .wcboost-wishlist-button__icon{display:inline-flex;align-items:center;justify-content:center;margin:0;line-height:1} .lv-single-wish svg,.lv-card__wish svg{display:block;flex:none;width:20px;height:20px;fill:currentColor} .lv-single-wish .wcboost-wishlist-button__text,.lv-single-wish .wcboost-wishlist-button__label,.lv-single-wish a>span:not(.wcboost-wishlist-button__icon),.lv-card__wish a>span:not(.wcboost-wishlist-button__icon){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .product_meta{font-size:.875rem;color:var(--laava-muted);display:grid;gap:4px} .product_meta a{color:inherit} /* Tabok */ .woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:var(--laava-space-5);padding:0;margin:var(--laava-space-6) 0 var(--laava-space-5);border-bottom:1px solid var(--laava-border);overflow-x:auto} .woocommerce-tabs ul.tabs li{margin:0} .woocommerce-tabs ul.tabs a{display:block;padding:10px 0;text-decoration:none;color:var(--laava-muted);white-space:nowrap;border-bottom:2px solid transparent} .woocommerce-tabs ul.tabs .active a{color:var(--laava-text);border-bottom-color:var(--laava-primary)} .woocommerce-Tabs-panel>h2:first-child{display:none} section.related>h2,section.upsells>h2{text-align:center;font:400 var(--laava-fs-h2)/1.2 var(--laava-font-heading);margin:var(--laava-space-7) 0 var(--laava-space-5)} /* Értesítések */ .woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 var(--laava-space-5);padding:14px 18px;border-radius:var(--laava-radius-btn);background:var(--laava-surface);border-left:4px solid var(--laava-primary)} .woocommerce-error{border-left-color:var(--laava-badge-sale);background:#fdf0ed} .woocommerce-message .button,.woocommerce-info .button{float:right;margin-left:12px;color:var(--laava-primary);font-weight:600;text-decoration:none} .lv-form-notice{flex:1 1 100%;padding:12px 16px;border-radius:var(--laava-radius-btn);background:#fdf0ed;color:#7a1f0e;font-size:.9375rem} .lv-form-notice ul{margin:0;padding-left:18px} .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .lv-badges--single{position:absolute;left:12px;top:12px;z-index:3} /* Katalógus: teljes szélesség, alkategória-csempék (élő oldal: product_catalog_full_width) */ .lv-catalog .lv-woo{max-width:none;padding-inline:40px} @media (max-width:767px){.lv-catalog .lv-woo{padding-inline:var(--laava-gutter)}} li.product-category>a{position:relative;display:block;text-decoration:none;color:#000} li.product-category img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--laava-radius-img)} li.product-category .woocommerce-loop-category__title{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);margin:0;padding:10px 16px;border-radius:0;background:#fff;font:400 .9375rem/1.2 var(--laava-font-body);text-align:left} li.product-category .woocommerce-loop-category__title mark{background:none;color:inherit;white-space:nowrap} /* laava-storefront */ /* Shared LAAVA controls. Values come from the native Customizer. */ @keyframes lv-action-flash { 0%, 100% { filter: brightness(1); } 45% { filter: brightness(1.55); } } @keyframes lv-wish-pop { 0%, 100% { transform: scale(1); } 45% { transform: scale(1.24); } } .lv-main :where( a.button, button.button, input.button, .single_add_to_cart_button, .checkout-button, #place_order, .wcboost-wishlist-button ) { position: relative; overflow: hidden; isolation: isolate; transition: background-color var(--dur-s, 160ms) var(--ease, ease-out), color var(--dur-s, 160ms) var(--ease, ease-out), border-color var(--dur-s, 160ms) var(--ease, ease-out); } .lv-main .woocommerce a.button, .lv-main .woocommerce button.button, .lv-main .woocommerce input.button, .lv-main .woocommerce a.button.alt, .lv-main .woocommerce button.button.alt, .lv-main .button:not(.wcboost-wishlist-button):not(.remove) { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 8px; /* B-093: a WooCommerce .button a vászon „sötét” gombja (Gombok board), a közös --lv-btn-* tokenekből. */ min-height: var(--lv-btn-h, 44px); padding: 8px var(--lv-btn-px, 22px); border: 1px solid var(--lv-btn-dark-bg, #24211f); border-radius: var(--lv-btn-radius, 8px); background: var(--lv-btn-dark-bg, #24211f); color: var(--lv-btn-dark-fg, #fff); font: var(--lv-btn-fw, 500) var(--lv-btn-fs, 15px) / var(--lv-btn-lh, 1.2) var(--lv-btn-font, inherit); letter-spacing: 0; text-transform: none; text-decoration: none; text-align: center; cursor: pointer; text-shadow: none; box-shadow: none; } .lv-main .button:not(.wcboost-wishlist-button):not(.remove):hover { background: var(--lv-btn-dark-hover, #000); border-color: var(--lv-btn-dark-hover, #000); color: var(--lv-btn-dark-fg, #fff); } /* A „tovább” jellegű Woo CTA-k (Tovább a pénztárhoz, alt gomb) a vászon CTA-ja: 56 px, 16/600. */ .lv-main .woocommerce :is(a.button.alt, button.button.alt, .checkout-button) { min-height: var(--lv-btn-h-cta, 56px); padding-inline: var(--lv-btn-px-cta, 32px); font-size: var(--lv-btn-fs-cta, 16px); font-weight: var(--lv-btn-fw-cta, 600); } .lv-main :where( a.button, button.button, input.button, .single_add_to_cart_button, .checkout-button ):focus-visible { outline: var(--lv-btn-focus-w, 2px) solid var(--lv-btn-focus, #7801f2); outline-offset: var(--lv-btn-focus-offset, 2px); } /* B-093: az Ecomus „fényvillanás” (lv-shine) a vásznon nincs, kivezetve; a gomb csak színt vált (Gombok board). */ .lv-action-flash { animation: lv-action-flash 0.45s ease; } .lv-wish-pop .wcboost-wishlist-button__icon { animation: lv-wish-pop 0.4s ease; } .lv-main button:disabled, .lv-main .button.disabled { cursor: not-allowed; opacity: 0.45; } .lv-main :where( input.input-text, textarea, select, input[type='number'], input[type='tel'], input[type='password'] ) { font: inherit; color: var(--laava-text); border: 1px solid var(--laava-border); border-radius: var(--laava-radius-field); background: #fff; padding: 12px 16px; max-width: 100%; box-shadow: none; } .lv-main textarea { width: 100%; min-height: 110px; } .lv-main input[type='checkbox'], .lv-main input[type='radio'] { accent-color: var(--laava-primary); } .lv-main .quantity:has(input[type='hidden']) { display: none; } .lv-quantity-label { flex-basis: 100%; font-size: 14px; font-weight: 600; color: #000; margin-bottom: -4px; } form.cart .single_variation_wrap .woocommerce-variation-add-to-cart, form.cart:not(.variations_form) { gap: 8px; } .single_add_to_cart_button { min-height: var(--laava-button-h, 49px); height: auto; font-size: var(--laava-button-font-size, 14px); font-weight: 600; } .lv-button-price { white-space: nowrap; margin-left: 8px; } .lv-single-wish { display: inline-flex; flex: none; } .lv-main .lv-single-wish .wcboost-wishlist-button { width: var(--laava-button-h, 49px); height: var(--laava-button-h, 49px); min-height: 0; padding: 0; border: 1px solid var(--laava-border); background: #fff; color: #000; border-radius: var(--laava-radius-btn); gap: 0; font-size: 0; } .lv-main .lv-single-wish .wcboost-wishlist-button:hover, .lv-main .lv-card__wish .wcboost-wishlist-button:hover { background: #000; color: #fff; } .lv-main .lv-single-wish .wcboost-wishlist-button::after, .lv-main .lv-card__wish .wcboost-wishlist-button::after { background-image: linear-gradient( 90deg, transparent, rgba(0, 0, 0, 0.18), transparent ); } .lv-main .lv-card__wish .wcboost-wishlist-button { min-height: 0; padding: 0; border: 0; gap: 0; overflow: hidden; } .wcboost-wishlist-button__icon .laava-svg-icon { display: flex; align-items: center; justify-content: center; line-height: 1; } .wcboost-wishlist-button.added { color: var(--laava-primary); } .summary .price { font-size: var(--laava-price-size, 28px); color: #000; } .summary .product_title { font-weight: 400; } .lv-summary-badges { display: flex; gap: 8px; margin: 8px 0 14px; } .lv-summary-badges .lv-badge { font-size: 12px; border: 1px solid currentColor; border-radius: 0; background: none; color: var(--laava-badge-new); padding: 8px 14px; } .lv-product-extra { margin-top: 30px; } .lv-product-extra-widget { margin-bottom: 16px; } .lv-woo { max-width: var(--laava-container, 1440px); padding-inline: var(--laava-gutter-desktop, 50px); } .lv-main ul.products:not(.swiper-wrapper) { grid-template-columns: repeat( var(--laava-catalog-columns, 4), minmax(0, 1fr) ); } .lv-main .lv-wishlist-grid { gap: 30px; list-style: none; border: 0; margin: 20px 0 40px; padding: 0; } .lv-wishlist-grid li.product { width: auto !important; min-width: 0; float: none !important; } .lv-wishlist-media { position: relative; } .lv-wishlist-media .product-remove { position: absolute; right: 10px; top: 10px; z-index: 3; } .lv-wishlist-remove { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #000; text-decoration: none; transition: 0.2s; } .lv-wishlist-remove:hover { background: #000; color: #fff; } .lv-wishlist-remove svg { width: 18px; height: 18px; } .lv-wishlist-soldout { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: #ffffff55; pointer-events: none; font-size: 13px; color: #000; } .lv-wishlist-grid .woocommerce-loop-product__title { margin-top: 12px; font-size: 16px; line-height: 1.4; } .lv-wishlist-grid .woocommerce-loop-product__title a { text-decoration: none; } .lv-wishlist-rating { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 12px; color: #888; } .lv-wishlist-grid .price { font-weight: 400; margin-bottom: 5px; } .lv-wishlist-grid .product-stock-status, .lv-wishlist-grid .product-date { font-size: 14px; margin: 3px 0; } .lv-wishlist-grid .in-stock { color: #4bae4f; } .lv-wishlist-grid .product-add-to-cart { margin-top: 12px; } .lv-wishlist-grid .product-add-to-cart .button { background: #fff !important; color: #000 !important; border-color: #000 !important; font-size: 12px; padding: 10px 14px; } .lv-wishlist-empty { text-align: center; max-width: 550px; margin: 50px auto 20px; } .lv-wishlist-empty > span { font-size: 56px; color: #ccc; } .lv-wishlist-empty h3 { font-size: 28px; margin: 15px 0; } .wcboost-wishlist .return-to-shop { text-align: center; margin: 25px 0 60px; } .wcboost-wishlist-footer { margin-top: 40px; } .wcboost-wishlist-footer .wishlist-share__title { font-size: 24px; } .wcboost-wishlist-footer .wcboost-wishlist-share-link { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; padding: 8px 14px; border: 1px solid var(--laava-border); border-radius: 0; text-decoration: none; font-size: 13px; } /* Classic WC pages also serve the Elementor cart/checkout widgets. */ .woocommerce-cart .lv-main, .woocommerce-checkout .lv-main { padding-bottom: 48px; } .woocommerce-cart .lv-entry__title, .woocommerce-checkout .lv-entry__title { text-align: center; margin: 32px 0; font-size: 36px; } .lv-main .woocommerce-cart-form { float: left; width: 64%; margin: 0 0 30px; } .lv-main .cart-collaterals { float: right; width: 31%; } .lv-main .cart-collaterals .cart_totals { float: none; width: 100%; background: #f7f7f7; padding: 24px; border: 1px solid var(--laava-border); border-radius: 0; } .lv-main .woocommerce::after { content: ''; display: table; clear: both; } .lv-main table.shop_table { width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; border-radius: 0; font-size: 14px; } .lv-main table.shop_table th { font-weight: 600; text-align: left; padding: 16px 12px; border-bottom: 1px solid var(--laava-border); } .lv-main table.shop_table td { padding: 20px 12px; border-top: 0; border-bottom: 1px solid var(--laava-border); vertical-align: middle; } .lv-main table.shop_table .product-thumbnail { width: 100px; } .lv-main table.shop_table .product-thumbnail img { width: 80px; height: 100px; object-fit: cover; border-radius: 0; } .lv-main table.shop_table .product-name a { text-decoration: none; font-size: 16px; font-weight: 500; color: #000; } .lv-main table.shop_table .product-remove { width: 28px; padding-inline: 0; } .lv-main table.shop_table a.remove { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 22px; text-decoration: none; color: #777 !important; background: none; border-radius: 50%; } .lv-main table.shop_table .actions { padding: 24px 0; } .lv-main .coupon { display: flex; gap: 8px; align-items: center; float: left; } .lv-main .coupon .input-text { width: 180px !important; min-height: 49px; } .lv-main button[name='update_cart'] { float: right; } .lv-main .cart_totals h2 { font-size: 22px; margin-bottom: 16px; } .lv-main .cart_totals .order-total { font-size: 19px; } .lv-main .cart_totals .wc-proceed-to-checkout { padding: 20px 0 0; } .lv-main .wc-proceed-to-checkout .checkout-button { width: 100%; margin: 0; } .lv-main .woocommerce .cross-sells { clear: both; width: 100%; float: none; padding-top: 36px; } .lv-main .woocommerce-cart-form .notes { margin: 24px 0; } .lv-main .woocommerce form .form-row { padding: 0; margin: 0 0 18px; } .lv-main .woocommerce form .form-row label { display: block; font-size: 14px; line-height: 1.5; margin-bottom: 8px; font-weight: 500; } .lv-main .woocommerce form .form-row input.input-text, .lv-main .woocommerce form .form-row textarea, .lv-main .woocommerce form .form-row select { width: 100%; min-height: 49px; } .lv-main .woocommerce form .form-row-first, .lv-main .woocommerce form .form-row-last { width: 48%; } .lv-main .woocommerce form .form-row-first { float: left; } .lv-main .woocommerce form .form-row-last { float: right; } .lv-main .woocommerce form .form-row-wide { clear: both; } .lv-main #order_review { background: #f7f7f7; padding: 24px; border: 1px solid var(--laava-border); border-radius: 0; } .lv-main #payment.woocommerce-checkout-payment { background: none; border-radius: 0; } .lv-main #payment ul.payment_methods { padding: 16px 0; border-bottom: 1px solid var(--laava-border); } .lv-main #payment div.payment_box { background: #fff; border-radius: 0; margin-block: 12px; } .lv-main #payment .place-order { padding: 20px 0 0; } .lv-main #place_order { width: 100%; margin-top: 16px; } .lv-main #payment ul.payment_methods li input { width: auto; } .lv-main #payment ul.payment_methods li label { display: inline; font-weight: 500; } .lv-main #payment .woocommerce-terms-and-conditions-wrapper label { display: inline; font-size: 13px; } .lv-main .select2-container .select2-selection--single { height: 49px; border-color: var(--laava-border); border-radius: var(--laava-radius-field); } .lv-main .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 47px; padding-inline: 16px; } .lv-main .select2-container--default .select2-selection--single .select2-selection__arrow { height: 47px; } /* Accessible, keyboard-operable catalogue filter drawer. */ .lv-toolbar .woocommerce-result-count { display: none; } .lv-filter-toggle { display: inline-flex; align-items: center; gap: 10px; background: none; color: #000; border: 0; padding: 8px 0; font: 600 14px var(--laava-font-body); cursor: pointer; } .lv-toolbar .woocommerce-ordering { margin-left: auto; } .lv-filter-panel { position: fixed; inset: 0 auto 0 0; max-width: min(90vw, 400px); width: 400px; max-height: 100dvh; height: 100dvh; margin: 0; padding: 0; border: 0; background: #fff; color: var(--laava-text); box-shadow: 5px 0 30px #0002; overflow-y: auto; z-index: 1000; } /* scrim: motion.css (egységes) */ .lv-filter-head { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 24px 28px; background: #fff; border-bottom: 1px solid var(--laava-border); z-index: 2; } .lv-filter-head h2 { font-size: 24px; margin: 0; } .lv-filter-head button { border: 0; background: none; font-size: 28px; cursor: pointer; } .lv-filter-form { padding: 28px; display: flex; flex-direction: column; gap: 14px; } .lv-filter-form > label { font-weight: 600; margin-top: 10px; color: #000; } .lv-filter-form input, .lv-filter-form select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--laava-border); border-radius: 0; background: #fff; font: inherit; } .lv-filter-form fieldset { border: 0; padding: 0; margin: 20px 0; } .lv-filter-form legend { font-weight: 600; margin-bottom: 16px; } .lv-price-ranges { display: grid; gap: 8px; } .lv-price-range { background: none; border: 0; padding: 5px 0; text-align: left; font: inherit; cursor: pointer; } .lv-price-range:hover { text-decoration: underline; } .lv-price-inputs { display: flex; gap: 10px; align-items: end; margin-top: 20px; } .lv-price-inputs label { font-size: 12px; flex: 1; min-width: 0; } .lv-price-inputs input { margin-top: 8px; } .lv-filter-actions { display: grid; gap: 20px; text-align: center; } .lv-filter-actions .button { min-height: 49px; border: 0; border-radius: 0; background: #000; color: #fff; font: 600 14px var(--laava-font-body); cursor: pointer; } @media (max-width: 1023px) { .lv-woo { padding-inline: 20px; } } @media (max-width: 767px) { .lv-main ul.products:not(.swiper-wrapper) { grid-template-columns: repeat( var(--laava-catalog-columns-mobile, 2), minmax(0, 1fr) ); } .lv-main .lv-wishlist-grid { gap: 24px 15px; } .lv-main .woocommerce-cart-form, .lv-main .cart-collaterals { float: none; width: 100%; } .lv-main table.shop_table td { padding: 15px 8px; } .lv-main .woocommerce-cart-form table.shop_table tr { background: none; } .lv-main .woocommerce-cart-form table.shop_table .product-thumbnail { display: block !important; width: auto; float: left; } .lv-main .woocommerce-cart-form table.shop_table .product-thumbnail::before { display: none; } .lv-main .woocommerce-cart-form table.shop_table .product-thumbnail img { width: 70px; height: 90px; } .lv-main .woocommerce-cart-form table.shop_table .product-name { clear: none; } .lv-main .coupon { float: none; flex-wrap: wrap; margin-bottom: 15px; } .lv-main .coupon .input-text { flex: 1; } .lv-main button[name='update_cart'] { float: none; width: 100%; } .lv-recent-products > h2 { font-size: 26px; } .single_add_to_cart_button { min-width: 120px; padding-inline: 10px; } .lv-button-price { margin-left: 5px; } .lv-main .wcboost-wishlist-footer { overflow-wrap: anywhere; } } @media (prefers-reduced-motion: reduce) { .lv-main *::after, .lv-action-flash, .lv-wish-pop .wcboost-wishlist-button__icon { animation: none !important; } } @media (min-width: 1024px) { .lv-header__row { max-width: none; padding-inline: 50px; } .lv-navbar .nav-menu > li > a { font-size: var(--laava-menu-size, 17px); font-weight: 400; } } .lv-minicart-quantity { display: flex; align-items: center; gap: 12px; margin: 12px 0 0 76px; } .lv-minicart-item-price { font-size: 14px; } .lv-minicart .woocommerce-mini-cart__buttons { padding-top: 20px; } .lv-main .summary .price ins, .lv-main .price ins { color: var(--laava-sale, #a14f4a); } /* A protected gift keeps the same table columns as a normal cart line. */ .lv-main table.shop_table .laava-protected-gift td.product-remove { display: table-cell !important; visibility: hidden; } @media (max-width: 767px) { .lv-main table.shop_table .laava-protected-gift td.product-remove { display: none !important; } } @media (max-width: 480px) { .lv-main form.cart .single_add_to_cart_button { height: var(--laava-button-h, 49px); min-height: var(--laava-button-h, 49px); padding-inline: 6px; gap: 3px; font-size: 12px; } .lv-main form.cart .lv-button-price { margin-left: 0; } } .lv-main .lv-summary-badges .lv-badge { color: #3e9769; } /* Woo's payment stylesheet otherwise lets the shine pseudo-element overflow. */ .lv-main .button, .lv-main #place_order { position: relative; overflow: hidden; } .lv-minicart.is-loading .lv-minicart__body { pointer-events: none; } /* Product cards retain the original outlined purchase buttons. */ .lv-main li.product > .button:not(.wcboost-wishlist-button):not(.remove) { min-height: 42px; padding: 10px 16px; background: #fff; color: #000; border-color: #000; font-size: 12px; font-weight: 500; } .lv-main li.product > .button:not(.wcboost-wishlist-button):not(.remove):hover { background: #000; color: #fff; } /* laava-design */ /* Új LAAVA design – alap komponensek (B-023). Forrás: Claude Design vászon (Gombok, Kosár). Szabályok: 8 px lekerekítés, nincs árnyék, nincs lebegő elem, chip-szöveg 12-14 px, tabular-nums az áraknál. A kampányszín (--laava-campaign) a .lv-tag jelvényen, a kampánysávon, az elsődleges (lila) gombon és a fókusz-gyűrűn (B-093). */ /* ==== Gombok (B-093) – a vászon „Gombok” boardja; leírás: docs/buttons-spec.md, tokenek: tokens.css --lv-btn-*. Egy rendszer, két osztálynév: a .lv-btn (B-023) és a .lv-hbtn (főoldali vászon-port) ugyanaz – új kódban .lv-btn. Változatok: --cta (56 px, oldalanként egy), --primary (lila), --dark, --outline, --light, --ghost (sötét háttéren), --sm (36/40 px), --icon (44 px négyzet), --round (44 px kör ikon-gomb), .lv-chip (szűrő/címke). Állapotok: hover (változatonként), :focus-visible lila gyűrű, :disabled/[aria-disabled] .45, töltés: .loading / [aria-busy=true] → motion.css jelző. Az átmenet a motion.css-ben (--dur-s / --ease). */ :is(.lv-btn,.lv-hbtn){display:inline-flex;align-items:center;justify-content:center;gap:var(--lv-btn-gap,8px);min-height:var(--lv-btn-h,44px);padding:0 var(--lv-btn-px,22px);box-sizing:border-box;border:1px solid transparent;border-radius:var(--lv-btn-radius,8px);font:var(--lv-btn-fw,500) var(--lv-btn-fs,15px)/var(--lv-btn-lh,1.2) var(--lv-btn-font,inherit);letter-spacing:0;text-transform:none;text-align:center;text-decoration:none;cursor:pointer} :is(.lv-btn,.lv-hbtn):hover{opacity:1;text-decoration:none} :is(.lv-btn,.lv-hbtn,.lv-chip):focus-visible{outline:var(--lv-btn-focus-w,2px) solid var(--lv-btn-focus,#7801f2);outline-offset:var(--lv-btn-focus-offset,2px)} :is(.lv-btn,.lv-hbtn):is(:disabled,[aria-disabled="true"],.is-disabled){opacity:var(--lv-btn-disabled-opacity,.45);cursor:not-allowed} :is(.lv-btn--dark,.lv-hbtn--dark,.lv-btn--cta,.lv-hbtn--cta){background:var(--lv-btn-dark-bg,#24211F);color:var(--lv-btn-dark-fg,#fff)} :is(.lv-btn--dark,.lv-hbtn--dark,.lv-btn--cta,.lv-hbtn--cta):where(:not(:disabled,[aria-disabled="true"])):hover{background:var(--lv-btn-dark-hover,#000);color:var(--lv-btn-dark-fg,#fff)} :is(.lv-btn--cta,.lv-hbtn--cta){min-height:var(--lv-btn-h-cta,56px);padding:0 var(--lv-btn-px-cta,32px);font-size:var(--lv-btn-fs-cta,16px);font-weight:var(--lv-btn-fw-cta,600)} :is(.lv-btn--primary,.lv-hbtn--primary){background:var(--lv-btn-primary-bg,#7801f2);color:var(--lv-btn-primary-fg,#fff)} :is(.lv-btn--primary,.lv-hbtn--primary):where(:not(:disabled,[aria-disabled="true"])):hover{filter:var(--lv-btn-primary-hover,brightness(.9));color:var(--lv-btn-primary-fg,#fff)} :is(.lv-btn--outline,.lv-hbtn--outline){background:transparent;color:var(--lv-btn-outline-fg,#24211F);border-color:var(--lv-btn-outline-bd,#24211F)} :is(.lv-btn--outline,.lv-hbtn--outline):where(:not(:disabled,[aria-disabled="true"])):hover{background:var(--lv-btn-dark-bg,#24211F);border-color:var(--lv-btn-dark-bg,#24211F);color:var(--lv-btn-dark-fg,#fff)} :is(.lv-btn--light,.lv-hbtn--light){background:var(--lv-btn-light-bg,#fff);color:var(--lv-btn-light-fg,#24211F)} :is(.lv-btn--light,.lv-hbtn--light):where(:not(:disabled,[aria-disabled="true"])):hover{background:var(--lv-btn-dark-bg,#24211F);color:var(--lv-btn-dark-fg,#fff)} :is(.lv-btn--ghost,.lv-hbtn--ghost){background:transparent;color:inherit;border-color:currentColor} :is(.lv-btn--ghost,.lv-hbtn--ghost):where(:not(:disabled,[aria-disabled="true"])):hover{background:var(--lv-btn-ghost-hover,rgba(255,255,255,.14))} :is(.lv-btn--sm,.lv-hbtn--sm){min-height:var(--lv-btn-h-sm,36px);padding:0 var(--lv-btn-px-sm,14px);font-size:var(--lv-btn-fs-sm,13.5px)} :is(.lv-btn--icon,.lv-hbtn--icon){padding:0;min-width:var(--lv-btn-icon,44px)} .lv-btn--round{width:var(--lv-btn-icon,44px);height:var(--lv-btn-icon,44px);min-height:0;padding:0;border-radius:50%;background:#fff;border-color:var(--lv-btn-icon-bd,#E6D9CC);color:var(--laava-graphite,#24211F)} .lv-chip{display:inline-flex;align-items:center;min-height:var(--lv-btn-h-chip,38px);padding:0 var(--lv-btn-px-chip,16px);box-sizing:border-box;border:1px solid var(--lv-btn-chip-bd,#E6D9CC);border-radius:var(--lv-btn-radius,8px);background:#fff;color:var(--laava-graphite);font:var(--lv-btn-fw-chip,400) var(--lv-btn-fs-chip,14px)/1.2 var(--lv-btn-font,inherit);text-decoration:none;cursor:pointer} .lv-chip:hover{background:var(--lv-btn-chip-hover-bg,#F8F2EB);border-color:var(--lv-btn-chip-hover-bd,#D8C4B2);color:var(--laava-graphite)} .lv-chip.is-on,.lv-chip[aria-pressed="true"]{background:var(--lv-btn-chip-on,#5C3D2E);border-color:var(--lv-btn-chip-on,#5C3D2E);color:#fff;font-weight:500} .lv-chip.is-on:hover,.lv-chip[aria-pressed="true"]:hover{background:var(--lv-btn-chip-on-hover,#8A6552);border-color:var(--lv-btn-chip-on-hover,#8A6552)} .lv-chip--soft{background:var(--lv-btn-chip-soft,#F3EEE8);border-color:transparent} .lv-chip--soft:hover{background:var(--lv-btn-chip-soft-hover,#EADFD3);border-color:transparent} /* Jelvények: .lv-tag a kampányjelvény (lila), a többi állapotjelzés. */ .lv-tag,.lv-tag--ok,.lv-tag--warn{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--laava-radius-btn);font:500 12px/1.2 var(--laava-font-body)} .lv-tag{background:var(--laava-campaign);color:#fff} .lv-tag--ok{background:var(--laava-green-soft-bg);color:var(--laava-green)} .lv-tag--warn{background:var(--laava-red-soft-bg);color:var(--laava-red-soft-fg)} /* Ajándék + ingyenes szállítás közös sáv (a kosár és a minikosár használja, B-025). A %-ot a markup adja: --lv-bar-gift, --lv-bar-fill. */ .lv-bar{background:var(--laava-beige);border-radius:var(--laava-radius-btn);padding:12px 14px 14px;font-size:14px} .lv-bar__track{position:relative;margin:14px 7px 34px;height:6px;background:var(--laava-line);border-radius:var(--laava-radius-btn)} .lv-bar__fill{height:6px;width:var(--lv-bar-fill,0%);max-width:100%;background:var(--laava-mocha);border-radius:var(--laava-radius-btn)} .lv-bar__dot{position:absolute;top:-4px;width:14px;height:14px;margin-left:-7px;box-sizing:border-box;border:2px solid var(--laava-mocha);border-radius:50%;background:#fff} .lv-bar__dot.is-reached{background:var(--laava-mocha)} .lv-bar__label{position:absolute;top:14px;display:flex;flex-direction:column;line-height:1.3;font-size:12px;color:var(--laava-text-2);font-variant-numeric:tabular-nums} /* Árak és darabszámok: egyenlő számjegyszélesség, hogy a végösszeg ne ugráljon. */ .price,.amount,.woocommerce-Price-amount,.lv-price,.quantity .qty{font-variant-numeric:tabular-nums} /* Kiemelt jelvény: a Customizer narancsa (#FF7316) fehér szöveggel 2,8:1, AA alatt; a design mokkáját használja (B-035 axe). */ body .lv-badge.lv-badge--featured{background:var(--laava-mocha);color:#fff!important} /* Hosszú morzsamenü mobilon ne nyújtsa túl az oldalt (termékoldal, 375 px: +20 px). */ .woocommerce-breadcrumb,.woocommerce-breadcrumb a{white-space:normal;overflow-wrap:anywhere;max-width:100%} /* A vásznon nincs emoji: a Promo pénztári ajándék-ikonja (🎁) az új designnál rejtve (comparison-summary 6.). */ .lv-hdr-laava .laava-promo-checkout__icon{display:none} /* laava-header-laava */ /* Új LAAVA fejléc, asztali nézet (B-024). Értékek a Claude Design vászon Header artboardjáról. Alapelv: nincs árnyék, nincs lebegő elem; a rétegeket 1 px-es keret választja el. Mobilon a régi sor marad. */ .lv-hdr2{display:none} /* A beágyazott kereső közös a két nézetben (asztalon a logó mellett, mobilon a logó-sor alatt). */ .lv-hdr2__search{display:flex;align-items:center;gap:12px;width:100%;max-width:640px;height:48px;box-sizing:border-box;padding:0 6px 0 18px;border:1px solid var(--laava-line);border-radius:0;background:#fff;transition:border-color 200ms ease-out} .lv-hdr2__search:hover{border-color:var(--laava-addon-border-hover)} .lv-hdr2__search:focus-within{border-color:var(--laava-mocha)} .lv-hdr2__sicon{flex:none;display:flex} .lv-hdr2__field{position:relative;flex:1;min-width:0;height:100%;display:flex;align-items:center} .lv-hdr2__in{width:100%;height:100%;border:0;border-radius:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--laava-graphite);padding:0} .lv-hdr2 .lv-hdr2__field input.lv-hdr2__in,.lv-hdr2m .lv-hdr2__field input.lv-hdr2__in{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;height:100%} .lv-hdr2__in::-webkit-search-cancel-button{display:none} .lv-hdr2__ph{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;font-size:15px;line-height:22px;white-space:nowrap;pointer-events:none;color:var(--laava-gray)} /* Csak üres mezőnél látszik, és csak ekkor forog (9 s, három szó, 4 px elmozdulás). */ .lv-hdr2__in:not(:placeholder-shown)~.lv-hdr2__ph{display:none} .lv-hdr2__words{position:relative;display:inline-block;width:140px;height:22px} .lv-hdr2__words i{position:absolute;left:0;top:0;font-style:normal;opacity:0;animation:lv-hdr2-ph 9s infinite} .lv-hdr2__words i:nth-child(2){animation-delay:3s} .lv-hdr2__words i:nth-child(3){animation-delay:6s} @keyframes lv-hdr2-ph{0%{opacity:0;transform:translateY(4px)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-4px)}} .lv-hdr2__go{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 18px;border:0;border-radius:0;background:var(--laava-btn-bg);color:var(--laava-btn-fg);font:500 14px/1 var(--laava-font-body);cursor:pointer} .lv-hdr2__go:hover{background:var(--laava-btn-hover)} /* B-099 (audit D-6/D-5): a vászon `hsx` törlés-gombja – 32 px kör, 14 px ×, 0,55 → 1 átlátszóság; csak beírt szövegnél (`has-q`, header-laava.js). A mezőbeli kereső-ikon 18 px (Ikonok board). */ .lv-hdr2__x{display:none;flex:none;align-items:center;justify-content:center;width:32px;height:32px;margin:0 -4px 0 0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--laava-graphite);cursor:pointer;opacity:.55;transition:opacity 150ms ease-out} .lv-hdr2__x:hover,.lv-hdr2__x:focus-visible{opacity:1} .lv-hdr2__search.has-q .lv-hdr2__x{display:flex} .lv-hdr2__sicon svg{width:18px;height:18px} .lv-hdr2m{display:none} @media (max-width:1023px){ .lv-hdr-laava .lv-hdr2m{display:block;padding:0 16px 12px;background:#fff} .lv-hdr-laava .lv-hdr2m .lv-hdr2__search{max-width:none;height:48px;padding:0 5px 0 16px} .lv-hdr-laava .lv-header.is-stuck .lv-hdr2m{padding-bottom:8px} .lv-hdr-laava .lv-header.is-stuck .lv-hdr2m .lv-hdr2__search{height:42px} /* Az inline kereső váltja a régi sor kereső-ikonját (a dialógus a mobil alsó sávból továbbra is elérhető). */ .lv-hdr-laava .lv-header__tools .lv-tool.lv-tool--search{display:none!important} } @media (min-width:1024px){ .lv-hdr-laava .lv-header>:not(.lv-hdr2){display:none} .lv-hdr-laava .lv-header{background:#fff;color:var(--laava-graphite);border-bottom:1px solid #EFE6DB} .lv-hdr-laava .lv-hdr2{display:block} .lv-hdr2__row{max-width:1280px;margin:0 auto;padding:16px 40px;box-sizing:border-box;display:flex;align-items:center} .lv-hdr2__logo{flex:none;margin-right:40px} .lv-hdr2__logo img{display:block;height:44px;width:auto} /* B-116: beépített SVG logó (a képlogóval azonos méret; a szín a Core „Logó színe”) */ .lv-hdr2__logo .lv-configured-logo svg.lv-logo-svg{height:44px} .lv-hdr2__mid{flex:1;min-width:0;display:flex;justify-content:center} .lv-hdr2__tools{flex:none;margin-left:40px;display:flex;gap:4px} .lv-hdr2__tool{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;min-height:44px;padding:0 6px;color:var(--laava-graphite);text-decoration:none} .lv-hdr2__tool:hover{color:var(--laava-mocha)} .lv-hdr2__tl{font-size:12px;line-height:1.2} .lv-hdr2__tool .lv-count{position:absolute;top:-2px;right:6px} .lv-hdr2__nav{padding:0 0 22px} .lv-hdr2__box{position:relative;width:min(1200px,calc(100% - 80px));margin:0 auto} .lv-hdr2 .nav-menu{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none;font-size:15px;font-weight:500} .lv-hdr2 .nav-menu>li>a{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:0;color:var(--laava-graphite);text-decoration:none;white-space:nowrap} /* Hover és nyitott állapot: nincs háttér, egy 1,5 px-es grafit aláhúzás nő ki balról jobbra. */ .lv-hdr2 .nav-menu>li>a::before{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:1.5px;background:var(--laava-graphite);transform:scaleX(0);transform-origin:left;transition:transform 260ms cubic-bezier(.2,.7,.2,1)} .lv-hdr2 .nav-menu>li:hover>a::before,.lv-hdr2 .nav-menu>li:focus-within>a::before,.lv-hdr2 .nav-menu>li.current-menu-item>a::before{transform:scaleX(1)} /* A menüpont a "lv-menu-sale" CSS-osztályt kapja a menüszerkesztőben (Akció). */ .lv-hdr2 .nav-menu>li.lv-menu-sale>a{background:var(--laava-red-soft-bg);color:var(--laava-red-soft-fg);margin-left:8px;height:30px;padding:0 11px;font-size:14px;border-radius:0} .lv-hdr2 .nav-menu>li.lv-menu-sale>a::before{display:none} /* Lenyíló nyíl: 180°-ot fordul nyitáskor. */ .lv-hdr2 .nav-menu>li.menu-item-has-children>a::after{content:"";position:static;top:auto;left:auto;display:block;flex:none;width:10px;height:10px;margin-left:2px;background:currentColor;opacity:.6;-webkit-mask: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.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;mask: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.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;transform:none;transition:transform 220ms cubic-bezier(.2,.7,.2,1)} .lv-hdr2 .nav-menu>li.menu-item-has-children:hover>a::after,.lv-hdr2 .nav-menu>li.menu-item-has-children:focus-within>a::after{transform:rotate(180deg)} /* Lenyíló panel a design szerint: lapos (1 px-es keret, nincs árnyék), 20 px-es nagy konténer, fade + 8 px csúszás. */ .lv-hdr2 .menu-item-mega>.mega-menu{width:100%;margin-top:30px;padding:0;background:#fff;border:1px solid var(--laava-line);border-radius:var(--laava-radius-lg);box-shadow:none;overflow:hidden;transform:translateY(-8px);transition:opacity 240ms cubic-bezier(.2,.7,.2,1),transform 240ms cubic-bezier(.2,.7,.2,1),visibility 0s linear 240ms} /* Hoverre a core CSS nyit, fókuszra (billentyűzet) NEM: ezért a láthatóság itt is kell, különben Tab-bal nem érhető el a panel. */ .lv-hdr2 .menu-item-mega:hover>.mega-menu,.lv-hdr2 .menu-item-mega:focus-within>.mega-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s} /* 44 px-es láthatatlan híd a menüpont és a panel között, hogy az egér ne veszítse el a hovert. */ .lv-hdr2 .menu-item-mega>.mega-menu::before{content:"";position:absolute;left:0;right:0;top:-44px;height:44px} .lv-hdr2 .mega-menu .mega-menu-container{padding:28px 26px} .lv-hdr2 .mega-menu__column{padding-top:0} .lv-hdr2 .menu-item--widget-heading>span{display:inline-flex;padding-bottom:10px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--laava-gray)} .lv-hdr2 .mega-menu__column li:not([class*="menu-item--widget-"])>a,.lv-hdr2 .menu-item--widget-custom-link>a{display:block;padding:7px 0;font-size:16px;font-weight:400;color:var(--laava-graphite);text-decoration:none} .lv-hdr2 .mega-menu__column li:not([class*="menu-item--widget-"])>a:hover,.lv-hdr2 .menu-item--widget-custom-link>a:hover{color:var(--laava-mocha)} /* A panel gombjai chipként jelennek meg (38 px, bézs, 8 px). */ .lv-hdr2 .nav-menu .mega-menu .menu-item--widget-button a.lv-button{display:inline-flex;align-items:center;height:38px;padding:0 16px;border:0;border-radius:var(--laava-radius-btn);background:var(--laava-beige-2);color:var(--laava-graphite);font-size:14px;font-weight:400;box-shadow:none;text-decoration:none} .lv-hdr2 .nav-menu .mega-menu .menu-item--widget-button a.lv-button:hover{background:var(--laava-addon-bg-selected);color:var(--laava-graphite)} .lv-hdr2 .nav-menu .mega-menu .menu-item--widget-button .mega-menu__button-text{color:inherit} .lv-hdr2 .menu-item--widget-button .mega-menu__button-icon{display:none} .lv-hdr2 .menu-item--widget-badge{display:flex;align-items:center;gap:8px} .lv-hdr2 .mega-menu__badge-wrapper{position:static;inset:auto;display:inline-flex} .lv-hdr2 .mega-menu__badge{padding:1px 6px;border-radius:var(--laava-radius-btn);background:var(--laava-mocha);color:#fff;font-size:10px;font-weight:500;letter-spacing:.04em} .lv-hdr2 .menu-widget-banner{border-radius:var(--laava-radius-img);overflow:hidden} .lv-hdr2 .menu-widget-banner__title.lv-button{border-radius:var(--laava-radius-btn);background:#fff;color:var(--laava-graphite);box-shadow:none} /* Ásványok A-Z panel (B-024c): ugyanaz a lapos, 20 px-es panel, mint a többi lenyíló. */ /* A core a nem-mega menüpontokat relative-ra teszi; a panelnek a menü dobozához (.lv-hdr2__box) kell igazodnia, mint a mega paneleknek. */ .lv-hdr2 .nav-menu>li.menu-item-az{position:static} .lv-hdr2 .menu-item-az>.lv-az{position:absolute;left:0;top:40px;width:100%;margin-top:30px;z-index:9;background:#fff;border:1px solid var(--laava-line);border-radius:var(--laava-radius-lg);overflow:hidden;box-shadow:0 8px 24px rgba(36,33,31,.16);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 240ms cubic-bezier(.2,.7,.2,1),transform 240ms cubic-bezier(.2,.7,.2,1),visibility 0s linear 240ms} .lv-hdr2 .menu-item-az:hover>.lv-az,.lv-hdr2 .menu-item-az:focus-within>.lv-az{opacity:1;visibility:visible;transform:none;transition-delay:0s} .lv-hdr2 .menu-item-az>.lv-az::before{content:"";position:absolute;left:0;right:0;top:-44px;height:44px} /* Az A–Z panel belső elemei: lásd a fájl végén (.lv-az__*, a Header board szerint). */ /* Sticky és kompakt állapot: a header.js az `is-stuck` osztályt adja a .lv-header-re (Testreszabás: sticky fejléc). Két sor marad, de kisebb: ~144 px -> ~100 px. Csak a méretek változnak, 260 ms. */ .lv-hdr2__row{transition:padding 260ms cubic-bezier(.2,.7,.2,1)} .lv-hdr2__logo img{transition:height 260ms cubic-bezier(.2,.7,.2,1)} .lv-hdr2__logo .lv-configured-logo svg.lv-logo-svg{transition:height 260ms cubic-bezier(.2,.7,.2,1)} .lv-hdr2__search{transition:height 260ms cubic-bezier(.2,.7,.2,1),border-color 200ms ease-out} .lv-hdr2__go{transition:height 260ms cubic-bezier(.2,.7,.2,1)} .lv-hdr2__tl{display:block;max-height:20px;overflow:hidden;transition:max-height 240ms cubic-bezier(.2,.7,.2,1),opacity 180ms ease-out} .lv-hdr2__nav{transition:padding 260ms cubic-bezier(.2,.7,.2,1)} .lv-hdr2 .nav-menu>li>a{transition:height 260ms cubic-bezier(.2,.7,.2,1)} .lv-header.is-stuck .lv-hdr2__row{padding-top:8px;padding-bottom:8px} .lv-header.is-stuck .lv-hdr2__logo img{height:38px} .lv-header.is-stuck .lv-hdr2__logo .lv-configured-logo svg.lv-logo-svg{height:38px} .lv-header.is-stuck .lv-hdr2__search{height:40px} .lv-header.is-stuck .lv-hdr2__go{height:30px} .lv-header.is-stuck .lv-hdr2__tl{max-height:0;opacity:0} .lv-header.is-stuck .lv-hdr2__nav{padding-bottom:10px} .lv-header.is-stuck .lv-hdr2 .nav-menu>li>a{height:34px} .lv-header.is-stuck .lv-hdr2 .nav-menu>li.lv-menu-sale>a{height:28px} .lv-header.is-stuck .lv-hdr2 .menu-item-mega>.mega-menu,.lv-header.is-stuck .lv-hdr2 .menu-item-az>.lv-az{margin-top:18px} } /* Mobil fejléc és fiókos menü a design szerint (B-024e): 56 px-es sor (hamburger balra, logó középen, keresés/fiók/kosár jobbra), balról csúszó panel (max. 350 px / 88%), 60 px-es menüsorok, Akció pill. A fiók JS-e (header.js) változatlan: scroll lock, almenü-nyitás koppintásra. Eltérés a designtól: az almenü nem animál magasságot (display váltás). */ @media (max-width:1023px){ .lv-hdr-laava .lv-header{background:#fff;color:var(--laava-graphite);border-bottom:1px solid #EFE6DB} .lv-hdr-laava .lv-header__row{display:flex;align-items:center;min-height:56px;padding:0 8px 0 4px;gap:0} .lv-hdr-laava .lv-header__brand{order:2;flex:1;min-width:0;display:flex;justify-content:center;justify-self:auto} .lv-hdr-laava .lv-header__brand img,.lv-hdr-laava .lv-header__brand .custom-logo,.lv-hdr-laava .lv-header__brand .lv-configured-logo svg.lv-logo-svg{height:30px;width:auto} .lv-hdr-laava .lv-header__tools{display:contents} .lv-hdr-laava .lv-header__tools .lv-tool{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--laava-graphite);position:relative} .lv-hdr-laava .lv-tool--menu{order:1} .lv-hdr-laava .lv-tool--search{order:3} .lv-hdr-laava .lv-tool--account{order:4;display:inline-flex} .lv-hdr-laava .lv-tool--cart{order:5} .lv-hdr-laava .lv-header__tools .lv-tool--wishlist{display:none} /* A felirat a képernyőolvasónak marad (display:none elvenné a gomb nevét). */ .lv-hdr-laava .lv-header__tools .lv-tool span:not(.lv-count){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .lv-hdr-laava .lv-tool .lv-count{position:absolute;top:2px;right:0} .lv-hdr-laava .lv-drawer{width:min(350px,88vw);border-radius:0;border-right:1px solid #EFE6DB;transition:transform 360ms cubic-bezier(.2,.7,.2,1)} /* scrim: motion.css (egységes) */ .lv-hdr-laava .lv-drawer__head{border-bottom:1px solid #EFE6DB} .lv-hdr-laava .lv-menu--drawer>li>a{display:flex;align-items:center;min-height:60px;padding:0 20px;font-size:17px;font-weight:500;color:var(--laava-graphite);border-bottom:1px solid #EFE6DB} .lv-hdr-laava .lv-menu--drawer>li.menu-item-has-children>a::after{content:"";margin-left:auto;width:14px;height:14px;background:currentColor;opacity:.6;-webkit-mask: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.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask: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.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform 300ms cubic-bezier(.2,.7,.2,1)} .lv-hdr-laava .lv-menu--drawer>li.is-open>a::after{transform:rotate(90deg)} .lv-hdr-laava .lv-menu--drawer .sub-menu{background:#fff} .lv-hdr-laava .lv-menu--drawer .sub-menu a{display:flex;align-items:center;min-height:46px;padding:0 20px 0 36px;font-size:15px;font-weight:400;color:var(--laava-graphite);border-bottom:0} .lv-hdr-laava .lv-menu--drawer>li.lv-menu-sale>a{width:fit-content;min-height:38px;margin:10px 16px;padding:0 14px;border:0;border-radius:var(--laava-radius-btn);background:var(--laava-red-soft-bg);color:var(--laava-red-soft-fg);font-size:15px} } @media (prefers-reduced-motion:reduce){ .lv-hdr-laava .lv-drawer,.lv-hdr-laava .lv-menu--drawer>li>a::after{transition:none} } /* 1024-1279 px: a 8 menüpont nem fér el egy sorban (a 1100 px-es mérésnél 1253 px a 1020 px-es dobozban), ezért tördelődhet, és a kitöltés kisebb. A lenyíló panelek a menü dobozához igazodnak, ezt nem érinti. */ @media (min-width:1024px) and (max-width:1279px){ .lv-hdr2 .nav-menu{flex-wrap:wrap;gap:0} .lv-hdr2 .nav-menu>li>a{padding:0 8px;font-size:14px} .lv-hdr2 .nav-menu>li>a::before{left:8px;right:8px} .lv-hdr2__box{width:calc(100% - 32px)} } /* Esc után zárva marad, amíg az egér el nem hagyja a menüt (header-laava.js). */ @media (min-width:1024px){ .lv-hdr2.is-esc .menu-item-mega>.mega-menu,.lv-hdr2.is-esc .menu-item-mega:hover>.mega-menu,.lv-hdr2.is-esc .menu-item-mega:focus-within>.mega-menu,.lv-hdr2.is-esc .menu-item-az>.lv-az,.lv-hdr2.is-esc .menu-item-az:hover>.lv-az,.lv-hdr2.is-esc .menu-item-az:focus-within>.lv-az{opacity:0;visibility:hidden} } @media (prefers-reduced-motion:reduce){ .lv-hdr2 *,.lv-hdr2m *{transition:none!important;animation:none!important} .lv-hdr2__words i:first-child{opacity:1} .lv-hdr2 .menu-item-mega>.mega-menu,.lv-hdr2 .menu-item-az>.lv-az{transform:none} } /* Az utolsó menüpont (Felfedezés) legördülője középre igazított volt, 1100 px-en 18 px-szel túlnyúlt a lapon (rejtve is vízszintes görgetést okozott). Jobbra igazítjuk a menüponthoz; a 5 px-es becsúszó animáció itt elmarad. */ .lv-hdr-laava .lv-hdr2 .nav-menu>li:last-child>ul.sub-menu{left:auto;right:0;transform:none} /* ====================================================================================================================== Új menü a vászon szerint, 1:1 (B-024; Header.dc.html, MobilHeader.dc.html). Hatókör: body.lv-hm (inc/header-menu.php). A desktop (>= 1024 px) és a mobil/tablet (< 1024 px) szabályok külön média-blokkban, külön osztályokkal (lv-mn / lv-mh / lv-dr), hogy a mobil fejléc stílusa ne szivároghasson a desktopra (a vásznon ez okozta a 430 px-be szorult sticky menüt). ====================================================================================================================== */ /* Felső sötét USP-sáv: desktopon 40 px és 3 elem, tableten/mobilon 36 px és csak az első. */ /* B-063: a színek a Core „Kampánysáv” beállításából is jöhetnek (inline --lv-usp-*); nélkülük a vászon alapértékei. */ .lv-uspbar{background:var(--lv-usp-bg,#24211F);color:var(--lv-usp-fg,#fff)} .lv-uspbar__in{max-width:1280px;margin:0 auto;height:40px;display:flex;align-items:center;justify-content:center;gap:40px;font:400 13px/1.3 var(--laava-font-body)} .lv-uspbar__i{display:flex;align-items:center;gap:8px;white-space:nowrap} .lv-uspbar__i[hidden]{display:none} a.lv-uspbar__i{color:inherit;text-decoration:none} a.lv-uspbar__i:hover span{text-decoration:underline;text-underline-offset:3px} .lv-uspbar__i svg{flex:none;stroke:var(--lv-usp-accent,#C9A58F)} .lv-uspbar b{font-weight:500;color:var(--lv-usp-accent,#C9A58F)} /* A szezonális mondat (Core Szezonális sáv) elöl áll; asztalon ilyenkor az utolsó USP kimarad, hogy a sor ne törjön. */ .lv-uspbar__in:has(.lv-uspbar__i--season:not([hidden]))>.lv-uspbar__i:last-child:not(.lv-uspbar__i--season){display:none} @media (max-width:1023px){ .lv-uspbar__in{height:36px;gap:8px} /* Csak az első LÁTHATÓ elem (a rejtett szezonális mondat nem foglalja el a helyet). */ .lv-uspbar__i:not([hidden])~.lv-uspbar__i{display:none} /* Hosszabb (pl. szezonális) mondat ne lógjon ki: egy sor, három ponttal. A rövid alapszövegre nincs hatása. */ .lv-uspbar__in{padding:0 16px} .lv-uspbar__i{min-width:0;max-width:100%} .lv-uspbar__i>span{overflow:hidden;text-overflow:ellipsis} } /* A régi sor, a régi mobil kereső-sor és a régi alsó mobil sáv az új menünél nem látszik (a vásznon nincs alsó sáv). */ .lv-hm .lv-header>:not(.lv-hdr2):not(.lv-mh){display:none!important} .lv-hm .lv-bottombar{display:none!important} .lv-hm .lv-header{background:#fff;color:var(--laava-graphite);border-bottom:1px solid #EFE6DB} .lv-mh{display:none} @media (min-width:1024px){ .lv-hm .lv-mh{display:none} /* Eszközök (Fiók, Kedvencek, Kosár): 56 px széles, ikon 28 px közvetlenül a felirat felett (B-089 3. kör, Gábor 2026-11-08; korábban 25 px + 3 px rés – a +3 px ikon a rés helyére kerül, így az eszköz magassága és a jelvény helye nem változik), felirat 12 px #5A534D, jelvény 18 px a jobb felső sarokban. */ /* A vászon content-box méretezése: min. 56 px tartalom + 2×6 px kitöltés = 68 px (a téma border-box-ot használ). */ .lv-hm .lv-hdr2__tool{min-width:68px;min-height:0;padding:4px 6px;gap:0} .lv-hm .lv-hdr2__tool svg{width:28px;height:28px} .lv-hm .lv-hdr2__tl{color:var(--laava-text-2);line-height:1.6} .lv-hm .lv-hdr2__tool .lv-count{position:absolute;top:0;right:8px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--laava-graphite);color:#fff;font:500 11px/18px var(--laava-font-body);text-align:center} .lv-hm .lv-hdr2__tool .lv-count[data-count="0"],.lv-hm .lv-hdr2__tool .lv-wishlist-count:empty{display:none} .lv-hm .lv-hdr2__ph>span:first-child{font-weight:500;color:var(--laava-graphite)} .lv-hm .lv-hdr2__words{color:var(--laava-gray)} /* A vászon content-box méretezésű (a horgonyok 1 px-es átlátszó keretével): a menüpont 40 + 2 = 42 px, az Akció 30 + 2 px. A téma border-box-ot használ, ezért a külső méreteket írjuk ki. */ /* Menüsor (.hpill): középre igazítva a 1200 px-es dobozban, 15 px / 500, 2 px köz. */ .lv-mn{display:flex;align-items:center;justify-content:center;gap:2px;font:500 15px/1.6 var(--laava-font-body)} .lv-mn__v{display:flex} .lv-mn__n{position:relative;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:0;border:1px solid transparent;color:var(--laava-graphite);text-decoration:none;white-space:nowrap;transition:background-color 180ms ease-out,height 260ms cubic-bezier(.2,.7,.2,1)} .lv-mn__n:hover{color:var(--laava-graphite)} .lv-mn__n::before{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:1.5px;background:var(--laava-graphite);transform:scaleX(0);transform-origin:left;transition:transform 260ms cubic-bezier(.2,.7,.2,1)} .lv-mn__n:hover::before,.lv-mn__v:hover>.lv-mn__n::before,.lv-mn__v:focus-within>.lv-mn__n::before{transform:scaleX(1)} .lv-mn__chv{opacity:.6;transition:transform 220ms cubic-bezier(.2,.7,.2,1)} .lv-mn__v:hover .lv-mn__chv,.lv-mn__v:focus-within .lv-mn__chv{transform:rotate(180deg)} /* 44 px-es láthatatlan híd a menüpont és a panel között (a panel 30 px-re van a menüsor alatt). */ .lv-mn__n--p::after{content:"";position:absolute;left:-6px;right:-6px;top:100%;height:44px} .lv-mn__n--sale{margin-left:8px;height:32px;padding:0 11px;border-radius:0;background:var(--laava-red-soft-bg);color:var(--laava-red-soft-fg);font-size:14px;align-self:center} .lv-mn__n--sale:hover{background:#F7DCDA;color:var(--laava-red-soft-fg)} .lv-mn__n--sale::before{display:none} /* Panel (.hmw + .hpanel2): a menü dobozához (.lv-hdr2__box) igazodik, teljes szélesség (1200 px), 30 px-re a menüsor alatt. */ .lv-mn__w{position:absolute;left:0;top:100%;width:100%;margin-top:30px;z-index:30;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity 240ms cubic-bezier(.2,.7,.2,1),transform 240ms cubic-bezier(.2,.7,.2,1),visibility 0s linear 240ms} .lv-mn__v:hover>.lv-mn__w,.lv-mn__v:focus-within>.lv-mn__w{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s;z-index:32} .lv-mn:hover .lv-mn__v:focus-within:not(:hover)>.lv-mn__w{opacity:0;visibility:hidden} .lv-hdr2.is-esc .lv-mn__w{opacity:0!important;visibility:hidden!important} .lv-header.is-stuck .lv-mn__n{height:36px} .lv-header.is-stuck .lv-mn__n--sale{height:30px} .lv-header.is-stuck .lv-mn__w{margin-top:18px} .lv-mn__p{display:flex;flex-direction:column;gap:26px;padding:28px 36px;background:#fff;border:1px solid var(--laava-line);border-radius:0;overflow:hidden;color:var(--laava-graphite);font-size:16px;line-height:1.6;text-align:left} .lv-mn__p a{text-decoration:none} .lv-mn__chips{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .lv-mn__kiemelt{display:flex;align-items:center;gap:10px;padding-right:6px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--laava-mocha)} .lv-mn__kiemelt i{display:block;width:16px;height:2px;background:var(--laava-mocha)} .lv-mn__chip{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:0;background:var(--laava-beige-2);font-size:14px;font-weight:400;color:var(--laava-graphite)} .lv-mn__chip:hover{background:var(--laava-addon-bg-selected);color:var(--laava-graphite)} /* Linkoszlopok + 1,6fr termékoszlop: Ásványok/Karkötők 4, Tudástár 3, Ékszerek 2 linkoszlop (ott a két kártya ~230 px). */ .lv-mn__grid{display:grid;grid-template-columns:repeat(var(--lv-mn-cols,4),minmax(0,1fr)) 1.6fr;gap:32px} .lv-mn__col{display:flex;flex-direction:column;gap:2px} .lv-mn__hh{display:inline-flex;align-self:flex-start;align-items:center;white-space:nowrap;padding-bottom:10px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--laava-gray)} a.lv-mn__hh:hover{color:var(--laava-graphite)} .lv-mn__arr{margin-left:6px;flex:none} .lv-mn__hh--dark{color:var(--laava-graphite)} .lv-mn__l{padding:7px 0;font-size:16px;font-weight:400;line-height:1.6;color:var(--laava-graphite)} .lv-mn__l:hover{color:var(--laava-mocha)} .lv-mn__feat{display:flex;flex-direction:column;gap:14px;min-width:0} .lv-mn__feat .lv-mn__hh{padding-bottom:10px} .lv-mn__cards{display:grid;grid-template-columns:1fr 1fr;gap:16px} .lv-mn__card{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--laava-graphite)} .lv-mn__card:hover .lv-mn__cname{color:var(--laava-mocha)} .lv-mn__img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:0;background:var(--laava-beige)} .lv-mn__img--ph{display:block} .lv-mn__ccap{margin-top:4px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--laava-gray);line-height:1.6} .lv-mn__cname{font-size:15px;font-weight:500;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .lv-mn__cprice{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;font-variant-numeric:tabular-nums} .lv-mn__pnow{font-weight:500;color:var(--laava-graphite);white-space:nowrap} .lv-mn__pold{font-size:12px;color:var(--laava-gray);white-space:nowrap} .lv-mn__blog{display:flex;flex-direction:column;gap:10px;min-width:0;color:var(--laava-graphite)} .lv-mn__blog .lv-mn__hh{padding-bottom:0} .lv-mn__bimg{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:0;background:var(--laava-beige)} .lv-mn__btitle{font:500 26px/1.15 var(--laava-font-display);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .lv-mn__bmore{font-size:14px;font-weight:500;color:var(--laava-mocha)} .lv-mn__foot{display:flex;margin:0 -36px -28px;padding:18px 36px;border-top:1px solid #EFE6DB} .lv-mn__all{display:inline-flex;align-items:center;font-size:15px;font-weight:500;color:var(--laava-mocha)} .lv-mn__all:hover{color:var(--laava-graphite)} /* Ásványok A–Z panel: a keret a többi panelével azonos, belül 14/40/6 px kitöltés, 10 px köz (Header board). Árnyék: Gábor döntése (design-decisions 13, B-061) az AsvanyAZ board szerint – a HeaderSpec „nincs árnyék” szabálya erre az egy panelre nem vonatkozik. Az AsvanyAZ board nincs a repó vászon-forrásában, ezért az érték a vászon egyetlen lebegő-elem árnyéka (AsvanyV2 tapadó kártya); a többi fejléc-panel lapos marad (tests/header-laava.cjs). */ .lv-mn__w>.lv-az{background:#fff;border:1px solid var(--laava-line);border-radius:0;overflow:hidden;box-shadow:0 8px 24px rgba(36,33,31,.16)} .lv-mn__w>.lv-az>.lv-az__inner{padding:14px 40px 6px} .lv-mn__w .lv-az__loading{margin:0;padding:24px 0;font-size:14px;color:var(--laava-text-2)} /* B-099 (audit D-3): az első hover és a REST-válasz között a panel a végleges magasságú vázat mutatja (nem 92 px-es üres doboz, majd ugrás); a lista a menüsorra lépéskor már elindul (header-laava.js). Panel-sarok: 8 px (döntés 36, HeaderSpec). */ .lv-mn__w>.lv-az[aria-busy="true"]{min-height:420px} .lv-mn__w>.lv-az[aria-busy="true"]>.lv-az__inner{height:100%;min-height:420px;box-sizing:border-box;background:linear-gradient(var(--laava-beige-2),var(--laava-beige-2)) 40px 64px/calc(100% - 80px) 40px no-repeat,linear-gradient(var(--laava-beige),var(--laava-beige)) 40px 128px/calc(100% - 80px) 260px no-repeat} /* B-099 (audit D-7): a fejléc-eszközök (Fiók, Kedvencek, Kosár) grafit ikonnal a vászon szerint; a Core régi „Fejléc szövegszín” Testreszabó-szabálya (`.lv-header .lv-tool{color:…}`, a stagingen #050505) az új fejlécre nem hat. */ .lv-hm .lv-header .lv-hdr2 .lv-hdr2__tool{color:var(--laava-graphite)} .lv-hm .lv-header .lv-hdr2 .lv-hdr2__tool:hover{color:var(--laava-mocha)} /* B-099 (audit D-8): mentett kedvencnél (a WCBoost-fragmens kitölti a számlálót) a szív teli – a meglévő körvonal kitöltése, így az ikon mérete/rajza (inc/icons.php, B-089) nem változik. */ .lv-hm .lv-hdr2__tool.lv-tool--wishlist:has(.lv-wishlist-count:not(:empty)) svg path{fill:currentColor} /* 1024-1279 px: a 8 menüpont csak kisebb kitöltéssel fér el egy sorban. */ @media (max-width:1279px){ .lv-mn{gap:0} .lv-mn__n{padding:0 9px;font-size:14px} .lv-mn__n::before{left:9px;right:9px} .lv-mn__n--sale{margin-left:4px} .lv-mn__p{padding:24px 28px} .lv-mn__foot{margin:0 -28px -24px;padding:16px 28px} .lv-mn__grid{gap:24px} } } /* Ásványok A–Z belső elemei (asztali panel; a régi WP-menüs tartalék is ezt a markupot kapja). */ .lv-az__inner{display:flex;flex-direction:column;gap:10px;color:var(--laava-graphite);font-size:16px;line-height:1.6} .lv-az__pop{display:flex;flex-direction:column;gap:6px} .lv-az__top{display:flex;justify-content:space-between;align-items:baseline;gap:16px} .lv-az__cap{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--laava-mocha)} .lv-az__lex{padding:6px 0;font-size:14px;font-weight:500;color:var(--laava-mocha);text-decoration:none} .lv-az__lex:hover{color:var(--laava-graphite)} .lv-az__chips{display:flex;flex-wrap:wrap;gap:8px} .lv-az__chip{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--laava-line);border-radius:0;background:#fff;font-size:14px;line-height:1.25;color:var(--laava-graphite);text-decoration:none} .lv-az__chip:hover{border-color:var(--laava-mocha);color:var(--laava-graphite)} .lv-az__sw{display:block;flex:none;width:28px;height:28px;border-radius:0;object-fit:cover} .lv-az__rule{border-top:1px solid #E5DDD2} .lv-az__bar{display:flex;align-items:center;flex-wrap:wrap;gap:16px} .lv-az__search{display:flex;align-items:center;gap:10px;flex:none;width:334px;max-width:100%;min-height:42px;box-sizing:border-box;padding:0 16px;border:1px solid var(--laava-line);border-radius:0;background:#fff} .lv-az__search:focus-within{border-color:var(--laava-mocha)} .lv-az__search svg{flex:none;stroke-width:1.55} .lv-az__search input.lv-az__q{flex:1;min-width:0;height:38px;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;font:400 15px/1 var(--laava-font-body);color:var(--laava-graphite)} .lv-az__q::-webkit-search-cancel-button{display:none} .lv-az__count{font-size:14px;color:var(--laava-text-2);white-space:nowrap;font-variant-numeric:tabular-nums} .lv-az__nav{display:flex;justify-content:space-between;align-items:center;gap:24px} .lv-az__letters{display:flex;flex-wrap:wrap;gap:2px} .lv-az__l{min-width:30px;min-height:32px;padding:0 6px;border:0;border-bottom:1.5px solid transparent;border-radius:0;background:transparent;font:400 15px/1 var(--laava-font-body);color:var(--laava-text-2);cursor:pointer} .lv-az__l:hover{color:var(--laava-graphite)} .lv-az__l.is-on{color:var(--laava-graphite);font-weight:500;border-bottom-color:var(--laava-mocha)} .lv-az__l.is-empty{opacity:.35;cursor:default} .lv-az__pager{display:flex;align-items:center;gap:10px;flex:none} .lv-az__pager span{font-size:13px;color:var(--laava-gray)} .lv-az__arr{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--laava-line);border-radius:50%;background:#fff;color:var(--laava-graphite);font:400 18px/1 var(--laava-font-body);cursor:pointer;transition:background-color 150ms ease-out,color 150ms ease-out} .lv-az__arr:hover{background:var(--laava-mocha);border-color:var(--laava-mocha);color:#fff} .lv-az.is-single .lv-az__pager,.lv-az.is-single .lv-az__fade{display:none} .lv-az__box{position:relative} .lv-az__scroll{overflow-x:scroll;padding:0 0 8px} .lv-az__scroll::-webkit-scrollbar{height:10px;-webkit-appearance:none} .lv-az__scroll::-webkit-scrollbar-track{background:var(--laava-beige-2);border-radius:0} .lv-az__scroll::-webkit-scrollbar-thumb{background:#B8A593;border-radius:0;border:2px solid var(--laava-beige-2)} .lv-az__scroll::-webkit-scrollbar-thumb:hover{background:var(--laava-mocha)} @supports (-moz-appearance:none){.lv-az__scroll{scrollbar-width:thin;scrollbar-color:#B8A593 var(--laava-beige-2)}} .lv-az__grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(8,auto);grid-auto-columns:188px;width:max-content;padding-right:96px} .lv-az__gh{display:flex;align-items:center;gap:8px;height:26px;box-sizing:border-box;border-bottom:1px solid var(--laava-line)} .lv-az__gl{font:500 18px/1 var(--laava-font-display);color:var(--laava-graphite)} .lv-az__gc{font-size:12px;color:var(--laava-gray)} .lv-az__s{display:flex;align-items:center;gap:8px;height:26px;min-height:26px;box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.3;color:var(--laava-graphite);text-decoration:none;white-space:nowrap} .lv-az__s:hover{color:var(--laava-mocha)} .lv-az__gh.is-edge,.lv-az__s.is-edge,.lv-az__sp.is-edge{border-left:1px solid var(--laava-line);padding-left:18px} .lv-az__dot{flex:none;width:12px;height:12px;border-radius:50%;outline:1px solid rgba(36,33,31,.14);outline-offset:-1px} .lv-az__uv{padding:1px 6px;border-radius:0;background:var(--laava-mocha);color:#fff;font-size:10px;font-weight:500;letter-spacing:.04em} .lv-az__fade{position:absolute;right:0;top:0;bottom:16px;width:96px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 85%);pointer-events:none} .lv-az__empty{margin:0;font-size:15px;color:var(--laava-text-2)} /* ---------------------------------------------------------------- mobil / tablet fejléc (< 1024 px) */ @media (max-width:1023px){ .lv-hm .lv-hdr2{display:none} .lv-hm .lv-mh{display:block} .lv-mh__top{display:flex;align-items:center;height:56px;padding:0 8px 0 4px;box-sizing:border-box;transition:height 260ms cubic-bezier(.2,.7,.2,1)} .lv-header.is-stuck .lv-mh__top{height:48px} .lv-mh__logo{flex:1;min-width:0;display:flex;justify-content:center} .lv-mh__logo img,.lv-mh__logo .custom-logo,.lv-mh__logo .lv-configured-logo svg.lv-logo-svg{display:block;height:30px;width:auto;transition:height 260ms cubic-bezier(.2,.7,.2,1)} .lv-header.is-stuck .lv-mh__logo img,.lv-header.is-stuck .lv-mh__logo .lv-configured-logo svg.lv-logo-svg{height:26px} .lv-mh__tools{display:flex;flex:none} .lv-mh__ic{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--laava-graphite);cursor:pointer} /* B-146: a darabszám a kosár-ikon jobb felső sarkán KÍVÜL, fehér gyűrűvel – nem takarja a kosár fülét. */ .lv-mh__cart .lv-count{position:absolute;top:0;right:-5px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--laava-graphite);color:#fff;font:500 10px/17px var(--laava-font-body);text-align:center;outline:2px solid #fff} .lv-mh__cart .lv-count[data-count="0"]{display:none} /* A kereső-ikon csak bezárt kereső-sornál jelenik meg (szélesség 0 -> 44 px). */ .lv-mh__sw{display:flex;width:0;opacity:0;overflow:hidden;visibility:hidden;transition:width 280ms cubic-bezier(.2,.7,.2,1),opacity 220ms ease-out,visibility 0s linear 280ms} .lv-mh.is-sclosed .lv-mh__sw{width:44px;opacity:1;visibility:visible;transition-delay:0s} .lv-mh__srow{display:flex;align-items:center;max-height:80px;padding:0 16px 12px;overflow:hidden;transition:max-height 250ms cubic-bezier(.4,0,.6,1),opacity 200ms ease-out,padding 260ms cubic-bezier(.2,.7,.2,1)} .lv-header.is-stuck .lv-mh__srow{padding-bottom:8px} .lv-mh.is-sclosed .lv-mh__srow{max-height:0;padding-bottom:0;opacity:0;visibility:hidden} .lv-mh .lv-hdr2__search{flex:1;min-width:0;max-width:none;height:48px;gap:10px;padding:0 5px 0 16px} .lv-header.is-stuck .lv-mh .lv-hdr2__search{height:42px} .lv-mh .lv-hdr2__go{padding:0 16px} .lv-mh .lv-hdr2__words{width:120px} .lv-mh .lv-hdr2__ph>span:first-child{font-weight:500;color:var(--laava-graphite)} .lv-mh .lv-hdr2__field input.lv-hdr2__in{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;height:100%} .lv-mh__xw{flex:none;width:44px;margin-left:10px;overflow:hidden;transition:width 260ms cubic-bezier(.2,.7,.2,1),margin 260ms cubic-bezier(.2,.7,.2,1),opacity 160ms ease-out} .lv-mh__srow:focus-within .lv-mh__xw{width:0;margin-left:0;opacity:0} .lv-mh__x{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--laava-line);border-radius:50%;background:#fff;color:var(--laava-graphite);cursor:pointer} .lv-mh__x:hover{background:var(--laava-beige-2)} } /* B-113 (MobilHeader: `sClosed` alapértéke innerWidth < 600): 600 px alatt a kereső-sor alapból zárt, és ez már az első festéskor CSS-ből jön (nincs elrendezés-villanás, nem vár a JS-re); a fejléc kereső-ikonja nyitja (`is-sopen`), a × zárja. Tableten (600–1023 px) marad a nyitott alap és a görgetéskori zárás/visszanyílás (B-099). A sorrend számít: az `.lv-header.is-stuck .lv-mh__srow` padding-szabályt ez írja felül azonos specificitással. */ @media (max-width:599px){ .lv-mh:not(.is-sopen) .lv-mh__sw{width:44px;opacity:1;visibility:visible;transition-delay:0s} .lv-mh:not(.is-sopen) .lv-mh__srow{max-height:0;padding-bottom:0;opacity:0;visibility:hidden} } /* ---------------------------------------------------------------- fiók (MobilHeader board: .mdr / .mpanel) */ html.lv-dr-lock{overflow:hidden} .lv-dr{position:fixed;inset:0;z-index:200;visibility:hidden;pointer-events:none;transition:visibility 0s linear 360ms} .lv-dr[hidden]{display:none} .lv-dr.is-open{visibility:visible;pointer-events:auto;transition-delay:0s} .lv-dr__bd{position:absolute;inset:0;width:100%;padding:0;border:0;opacity:0;cursor:pointer;transition:opacity 320ms ease-out} .lv-dr.is-open .lv-dr__bd{opacity:1} .lv-dr__panel{position:absolute;left:0;top:0;bottom:0;width:min(350px,88%);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-right:1px solid #EFE6DB;border-radius:0;color:var(--laava-graphite);font:400 16px/1.6 var(--laava-font-body);transform:translateX(-102%);transition:transform 360ms cubic-bezier(.2,.7,.2,1)} .lv-dr.is-open .lv-dr__panel{transform:none} @media (min-width:600px){.lv-dr__panel{width:380px}} .lv-dr a{text-decoration:none;color:inherit} .lv-dr__head{position:relative;flex:none;display:flex;align-items:center;justify-content:center;height:72px} .lv-dr__head img,.lv-dr__head .custom-logo,.lv-dr__head .lv-configured-logo svg.lv-logo-svg{display:block;height:34px;width:auto} /* B-099 (audit M-1): a fiók a fejlécen (.lv-header) kívül van, ezért a header-features.css `.lv-header .lv-logo-light{display:none}` szabálya nem hat rá – a rejtett világos logó helyet foglalt, a sötét logó jobbra csúszott, a × gombra. */ .lv-dr__head .lv-logo-light{display:none} .lv-dr__x{position:absolute;right:12px;top:14px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--laava-line);border-radius:50%;background:#fff;color:var(--laava-graphite);cursor:pointer} .lv-dr__search{flex:none;display:flex;align-items:center;gap:10px;height:48px;margin:0 16px 14px;box-sizing:border-box;padding:0 16px;border:1px solid #EFE6DB;border-radius:0;background:var(--laava-beige-2);color:var(--laava-graphite)} .lv-dr__search:focus-within{border-color:var(--laava-mocha)} .lv-dr__search input[type=search]{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;font:400 15px/1 var(--laava-font-body);color:var(--laava-graphite)} .lv-dr__search input::placeholder{color:var(--laava-gray);opacity:1} .lv-dr__list{flex:1;overflow:auto;overscroll-behavior:contain} .lv-dr__row{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;box-sizing:border-box;padding:0 20px;border:0;border-bottom:1px solid #EFE6DB;border-radius:0;background:transparent;font:500 17px/1.3 var(--laava-font-body);color:var(--laava-graphite);text-align:left;cursor:pointer} .lv-dr__row:focus-visible{outline:2px solid var(--laava-campaign);outline-offset:-2px} .lv-dr__ic{display:flex;flex:none;width:24px;height:24px;color:var(--laava-text-2)} .lv-dr__t{flex:1} .lv-dr__chv{flex:none;color:#8F857D;transition:transform 300ms cubic-bezier(.2,.7,.2,1)} .lv-dr__acc.is-open>.lv-dr__row .lv-dr__chv{transform:rotate(90deg)} .lv-dr__row--sale{width:fit-content;min-height:38px;margin:10px 16px;padding:0 14px;gap:8px;border:0;border-radius:0;background:var(--laava-red-soft-bg);color:var(--laava-red-soft-fg);font-size:15px} .lv-dr__row--sale:hover{background:#F7DCDA} .lv-dr__row--sale .lv-dr__ic{color:var(--laava-red-soft-fg)} .lv-dr__row--sale .lv-dr__t{flex:none} .lv-dr__row--sale .lv-dr__chv{display:none} .lv-dr__grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows 320ms cubic-bezier(.2,.7,.2,1)} .lv-dr__acc.is-open>.lv-dr__grid{grid-template-rows:1fr} .lv-dr__inner{min-height:0;overflow:hidden;background:var(--laava-beige)} .lv-dr__acc:not(.is-open) .lv-dr__inner{visibility:hidden;transition:visibility 0s linear 320ms} .lv-dr__sub{display:flex;align-items:center;min-height:46px;padding:0 20px 0 58px;font-size:15px;font-weight:400;color:var(--laava-graphite)} .lv-dr__az{padding:4px 16px 12px} .lv-dr__azs{display:flex;align-items:center;gap:10px;height:44px;margin:6px 0 8px;box-sizing:border-box;padding:0 12px;border:1px solid var(--laava-line);border-radius:0;background:#fff} .lv-dr__azs:focus-within{border-color:var(--laava-mocha)} .lv-dr__azs input[type=search]{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;font:400 16px/1 var(--laava-font-body);color:var(--laava-graphite)} .lv-dr__azl{display:flex;gap:2px;margin:0 -16px;padding:0 16px 6px;overflow-x:auto;scrollbar-width:none} .lv-dr__azl::-webkit-scrollbar{display:none} .lv-dr__azb{flex:none;min-width:34px;height:40px;padding:0 6px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;font:500 15px/1 var(--laava-font-body);color:var(--laava-text-2);cursor:pointer} .lv-dr__azb.is-on{color:var(--laava-graphite);font-weight:600;border-bottom-color:var(--laava-mocha)} .lv-dr__azb:disabled{opacity:.35;cursor:default} .lv-dr__aze{display:flex;flex-direction:column;gap:6px;margin:0;padding:16px 0} .lv-dr__aze span{font-weight:500} .lv-dr__aze a{font-size:14px;color:var(--laava-mocha);text-decoration:underline} .lv-dr__azlist{max-height:46vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none} .lv-dr__azlist::-webkit-scrollbar{display:none} .lv-dr__azload{margin:0;padding:12px 0;font-size:14px;color:var(--laava-text-2)} .lv-dr__azh{display:block;padding:12px 0 2px;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--laava-mocha)} .lv-dr__azi{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px;color:var(--laava-graphite)} .lv-dr__azi i{flex:none;display:inline-block;width:12px;height:12px;border-radius:50%;outline:1px solid rgba(36,33,31,.14);outline-offset:-1px} .lv-dr__foot{flex:none;display:grid;grid-template-columns:repeat(4,1fr);padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #EFE6DB} .lv-dr__fi{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--laava-graphite)} .lv-dr__fb{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:0;background:var(--laava-beige-2)} .lv-dr__fb .lv-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--laava-graphite);color:#fff;font:500 11px/18px var(--laava-font-body);text-align:center} .lv-dr__fb .lv-count[data-count="0"]{display:none} @media (min-width:1024px){.lv-dr{display:none}} @media (prefers-reduced-motion:reduce){ .lv-dr,.lv-dr__panel,.lv-dr__bd,.lv-dr__grid,.lv-dr__chv,.lv-mh *,.lv-mn *,.lv-mn__w{transition:none!important;animation:none!important} .lv-mn__w{transform:none} } /* Hamburger alatt „MENÜ” felirat (MobilHeader, 2026-11-07). */ .lv-mh__ic--menu{flex-direction:column;gap:2px;border-radius:0} .lv-mh__lbl{font-size:10px;font-weight:600;letter-spacing:.12em;line-height:1;color:var(--laava-graphite)} /* B-135 (Gábor): mobilon nincs Fiók ikon a fejlécben – a menü-fiókban (Fiók link) elérhető. */ @media (max-width:1023px){.lv-mh__ic--acc,.lv-hdr-laava .lv-tool--account{display:none!important}} /* B-136 (Gábor): mobilon a logó pontosan középen – három oszlopos rács (menü | logó | eszközök), a két szélső oszlop azonos szélességű. */ @media (max-width:1023px){ .lv-hm .lv-mh__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center} .lv-hm .lv-mh__top>.lv-mh__ic--menu{justify-self:start} .lv-hm .lv-mh__logo{flex:none;justify-self:center} .lv-hm .lv-mh__tools{justify-self:end;display:flex;align-items:center} } /* B-152 (Gábor): mobilon a logó görgetéskor NEM megy össze, és kicsit nagyobb (30 → 34 px). */ @media (max-width:1023px){ .lv-mh__logo img,.lv-mh__logo .custom-logo,.lv-mh__logo .lv-configured-logo svg.lv-logo-svg, .lv-header.is-stuck .lv-mh__logo img,.lv-header.is-stuck .lv-mh__logo .custom-logo,.lv-header.is-stuck .lv-mh__logo .lv-configured-logo svg.lv-logo-svg{height:34px;transition:none} } /* B-157 (Gábor): mobilon a fejléc és a ragadós fejléc egyforma magas (56 px, nincs összemenés); a kereső- és a kosár-ikon nagyobb (25 → 29 px) a 44 px-es érintési dobozon belül, így a fejléc magassága nem változik; a kosár darabszáma pár pixellel közelebb. */ @media (max-width:1023px){ .lv-mh__top,.lv-header.is-stuck .lv-mh__top{height:56px;transition:none} .lv-mh__sw .lv-mh__ic svg,.lv-mh__cart svg{width:29px;height:29px} .lv-mh__cart .lv-count{top:2px;right:-1px} } /* B-158 (Gábor): a hamburger-ikon is nagyobb (25 → 29 px, mint a kereső és a kosár); a „MENÜ” felirat és a fejléc magassága marad. */ @media (max-width:1023px){.lv-mh__ic--menu svg{width:29px;height:29px}} /* laava-cart-laava */ /* Új LAAVA design: minikosár és kosár (B-025). Forrás: Claude Design vászon (Minikosar, Kosar artboard). Alapelv: nincs árnyék, vékony 1 px-es keret, 8 px-es sugár; a sűrűség a tételek számától függ. A szállítási sáv és az ajándékkártya külön pluginek (free-shipping-bar, laava-promo-gift) kimenete: ezek közös sávba vonása a B-025 következő lépése. */ .lv-minicart{border-left:1px solid var(--laava-line);box-shadow:none} .lv-minicart__head{min-height:52px;padding:0 16px;border-bottom:1px solid #EFE6DB;font:500 17px/1.2 var(--laava-font-body)} .lv-minicart__head button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-8px;border-radius:50%} .lv-minicart__body{padding:12px 16px 16px} /* Tételek: 1-2 sor nagy (88 px kép), 3-4 közepes (64), 5+ kompakt (48), hogy 6-7 termék görgetés nélkül látszik. */ .lv-minicart .woocommerce-mini-cart-item{border-bottom:1px solid #EFE6DB} .lv-minicart .woocommerce-mini-cart-item img{width:88px;height:88px;border-radius:var(--laava-radius-img)} .lv-minicart .woocommerce-mini-cart:has(.woocommerce-mini-cart-item:nth-child(3)) .woocommerce-mini-cart-item img{width:64px;height:64px} .lv-minicart .woocommerce-mini-cart:has(.woocommerce-mini-cart-item:nth-child(5)) .woocommerce-mini-cart-item img{width:48px;height:48px} .lv-minicart .woocommerce-mini-cart:has(.woocommerce-mini-cart-item:nth-child(5)) .woocommerce-mini-cart-item{padding-top:8px;padding-bottom:8px} .lv-minicart .lv-minicart-item-price,.lv-minicart .woocommerce-mini-cart__total{font-variant-numeric:tabular-nums} /* Az ajándéksor (Promo Gift): 0 Ft-os, "Ajándék" jelvénnyel. */ .lv-minicart .laava-gift-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--laava-radius-btn);background:var(--laava-beige-2);color:var(--laava-mocha);font:500 12px/1.2 var(--laava-font-body)} /* Részösszeg és gombok: Kosár (másodlagos, bal) + Pénztár (fő, jobb, nagyobb) egy sorban. */ .lv-minicart .woocommerce-mini-cart__total{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0;font-weight:500} .lv-minicart .woocommerce-mini-cart__buttons{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin:0} .lv-minicart .woocommerce-mini-cart__buttons .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:0 16px;border:1px solid var(--laava-graphite);border-radius:var(--laava-radius-btn);box-shadow:none;font:500 15px/1.2 var(--laava-font-body);text-align:center;text-decoration:none;transition:background-color 150ms ease-out,color 150ms ease-out} .lv-minicart .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout){background:transparent;color:var(--laava-graphite)} .lv-minicart .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover{background:var(--laava-graphite);color:#fff} .lv-minicart .woocommerce-mini-cart__buttons .button.checkout{background:var(--laava-btn-bg);border-color:var(--laava-btn-bg);color:var(--laava-btn-fg);font-weight:600} .lv-minicart .woocommerce-mini-cart__buttons .button.checkout:hover{background:var(--laava-btn-hover);border-color:var(--laava-btn-hover)} @media (prefers-reduced-motion:reduce){.lv-minicart .woocommerce-mini-cart__buttons .button{transition:none}} /* Közös "ajándék + ingyenes szállítás" sáv (B-025b). A markup a core free-shipping-bar sablonja (kosár, minikosár); a design szerint: bézs doboz, 6 px-es sín, mokka kitöltés, az ajándék pontja a küszöbnél, feliratok a sín alatt. */ .laava-free-shipping-bar{display:block;margin:0 0 16px;padding:12px 14px 14px;border-radius:var(--laava-radius-btn);background:linear-gradient(135deg,var(--laava-beige),#D2EDDA);box-shadow:none} .laava-free-shipping-bar .laava-free-shipping-bar__message{width:100%;margin:0;order:0;text-align:left;font-size:14px;line-height:1.4;color:var(--laava-graphite)} .laava-free-shipping-bar.lv-is-success .laava-free-shipping-bar__message{color:var(--laava-green)} .laava-free-shipping-bar .laava-free-shipping-bar__percent-value,.laava-free-shipping-bar .laava-free-shipping-bar__icon{display:none} .laava-free-shipping-bar .laava-free-shipping-bar__progress{position:relative;height:6px;margin:14px 7px 34px;overflow:visible;border-radius:var(--laava-radius-btn);background:var(--laava-line)} .laava-free-shipping-bar .laava-free-shipping-bar__progress-bar{position:static;width:var(--laava-progress,0%);max-width:100%;height:6px;border-radius:var(--laava-radius-btn);background:var(--laava-mocha);animation:none;transition:width 300ms cubic-bezier(.2,.7,.2,1)} .laava-free-shipping-bar .laava-free-shipping-bar__dot{position:absolute;top:-4px;width:14px;height:14px;margin-left:-7px;box-sizing:border-box;border:2px solid var(--laava-mocha);border-radius:50%;background:#fff} .laava-free-shipping-bar .laava-free-shipping-bar__dot--ship{left:100%;margin-left:-7px} .laava-free-shipping-bar.lv-gift-reached .laava-free-shipping-bar__dot--gift,.laava-free-shipping-bar.lv-is-success .laava-free-shipping-bar__dot--ship{background:var(--laava-mocha)} .laava-free-shipping-bar .laava-free-shipping-bar__mark{position:absolute;top:14px;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);font-size:12px;line-height:1.3;color:var(--laava-text-2);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap} .laava-free-shipping-bar .laava-free-shipping-bar__mark b{font-weight:500} .laava-free-shipping-bar .laava-free-shipping-bar__mark i{font-style:normal} .laava-free-shipping-bar .laava-free-shipping-bar__mark--ship{left:100%;align-items:flex-end;transform:translateX(calc(-100% + 7px));text-align:right} /* A minikosárban az ajándékkártya saját folyamatjelzője felesleges: a közös sáv mutatja az ajándék küszöbét. */ .lv-minicart .laava-promo-progress{display:none} @media (prefers-reduced-motion:reduce){.laava-free-shipping-bar .laava-free-shipping-bar__progress-bar{transition:none}} /* A minikosár alján a régi, osztály nélküli "Rendelj ... felett ingyenes" szöveg (kódrészlet/plugin, nincs a repóban) ismétli a közös sávot, ezért ott rejtjük. */ .lv-minicart:has(.laava-free-shipping-bar) .widget_shopping_cart_content>p:not([class]){display:none} .lv-minicart .laava-gift-line img{margin-right:12px} /* Popup a pénztár előtt (B-031, alapból kikapcsolt funkció): lapos, 20 px-es, nincs árnyék. */ .lv-popup{width:min(440px,calc(100vw - 32px));padding:0;border:1px solid var(--laava-line);border-radius:var(--laava-radius-lg);background:#fff;color:var(--laava-graphite);box-shadow:none} /* scrim: motion.css (egységes) */ .lv-popup__box{display:flex;flex-direction:column;gap:16px;padding:24px} .lv-popup h2{margin:0;font:500 26px/1.15 var(--laava-font-display)} .lv-popup__offer{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--laava-line);border-radius:var(--laava-radius-btn)} .lv-popup__offer img{flex:none;width:64px;height:64px;border-radius:var(--laava-radius-img);object-fit:cover} .lv-popup__offer>div{display:flex;flex-direction:column;gap:2px;font-size:14px} .lv-popup__offer span{font-variant-numeric:tabular-nums;color:var(--laava-text-2)} .lv-popup__actions{display:flex;flex-direction:column;gap:8px} /* A core ingyenes-szállítás sáv a kiemelt összeget NAGYBETŰSSÉ tette ("20 510 FT"); a vászon szerint "Ft". */ .laava-free-shipping-bar .laava-free-shipping-bar__message strong{text-transform:none} /* Pénztár előtti ajánlat a PopupAjanlat board szerint (B-031): 720 px, 20 px, 28 px, 22 px köz; cím Cormorant 30 + alcím; 3 oszlopos ajánlat-rács (1:1 kép 8 px, név 15/500, leírás 13 px, ár 14 px, akciónál áthúzott + piros); "Hozzáadom" outline, kijelölve grafit "Hozzáadva ✓"; "Tovább a pénztárhoz" 56 px grafit; mobilon alsó lap. */ .lv-popup{width:min(720px,calc(100vw - 48px));border-radius:0} .lv-popup__box{gap:22px;padding:28px} .lv-popup__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} .lv-popup__head>div{display:flex;flex-direction:column;gap:6px} .lv-popup h2{font-size:30px} .lv-popup__head p{margin:0;font-size:14px;color:var(--laava-text-2)} .lv-popup__x{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--laava-graphite);cursor:pointer} .lv-popup__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .lv-popup__item{display:flex;flex-direction:column;gap:10px;min-width:0} .lv-popup__img{aspect-ratio:1;border-radius:0;overflow:hidden;background:var(--laava-beige-2)} .lv-popup__img img{display:block;width:100%;height:100%;object-fit:cover} .lv-popup__txt{display:flex;flex-direction:column;gap:4px;line-height:1.35;min-width:0} .lv-popup__txt strong{font-size:15px;font-weight:500} .lv-popup__desc{font-size:13px;color:var(--laava-text-2)} .lv-popup__price{font-size:14px} .lv-popup__price del{color:var(--laava-text-2)} .lv-popup__price ins{color:var(--laava-red-soft-fg);font-weight:600;text-decoration:none} .lv-popup__add{margin-top:6px;min-height:44px} .lv-popup__add.is-added{background:var(--laava-graphite);color:#fff;border-color:var(--laava-graphite)} .lv-popup__go{min-height:56px;font-size:16px;font-weight:600} @media (max-width:599px){ .lv-popup{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:0} .lv-popup__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory} .lv-popup__item{scroll-snap-align:start} .lv-popup h2{font-size:26px} } /* B-050: a tétel beállításai (méret, fém nélkül, csomagolás) bézs címkék a név alatt; a címke neve csak felolvasóknak. */ :is(.lv-cart2 tr.cart_item,.lv-cards2 .lv-minicart .woocommerce-mini-cart-item) dl.variation{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;border:0;font-size:13px;color:#3F3A36} :is(.lv-cart2 tr.cart_item,.lv-cards2 .lv-minicart .woocommerce-mini-cart-item) dl.variation dt{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} :is(.lv-cart2 tr.cart_item,.lv-cards2 .lv-minicart .woocommerce-mini-cart-item) dl.variation dd{display:inline-flex;align-items:center;min-height:24px;margin:0;padding:2px 8px;border-radius:0;background:var(--laava-beige);font-size:13px;font-weight:400;line-height:1.4;color:#3F3A36} :is(.lv-cart2 tr.cart_item,.lv-cards2 .lv-minicart .woocommerce-mini-cart-item) dl.variation dd p{margin:0} /* ==== B-083 · Kosár-fiók a vászon KosarFiok2 / TabletKosarFiok2 / MobilKosarFiok2 szerint (.lv-cards2 = új design) ==== Egy helyen a fiók teljes megjelenése (a korábbi B-025/B-053 rétegek helyett). Vászon-mértékek: fiók 440 px (mobilon teljes képernyő), fejléc 60 px (Cormorant 26 „Kosarad (N)” + 44×44 bezáró keret nélkül, bal 20 px), ajánlat-sor 44 px (cím + 6 px haladásjelző két ponttal + nyíl), lenyitva: haladásjelző + egy mondat + kompakt sorok (48–56 px), lista padding 0 20 (csak ez görget), tételsor 64 px kép | név, változat, mennyiség (40 px), Eltávolítás | ár; lábléc: Részösszeg és Szállítás 16/500, gombok 48 px 1fr/1fr (Kosár körvonalas, Pénztár grafit). Tinta nincs (Gábor, 2026-11-06): fehér fejléc, grafit haladásjelző. A Promo kártyáinak háttere a Promo saját színe (LAAVA Promo › Színek), itt csak a méret/elrendezés. Markup: woocommerce/cart/mini-cart.php (tételsor), inc/woocommerce/minicart-offers.php (ajánlat-sor, Szállítás sor). */ .lv-cards2 #lv-minicart{width:440px;max-width:100vw;border-left:0;font-size:16px;line-height:1.6;color:var(--laava-graphite)} @media (max-width:599px){.lv-cards2 #lv-minicart{width:100vw}} .lv-cards2 #lv-minicart a:hover{opacity:.8} .lv-cards2 #lv-minicart .lv-minicart__head{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:8px 8px 8px 20px;box-sizing:border-box;flex:none;border-bottom:1px solid #EFE6DB;background:#FFFFFF} .lv-cards2 #lv-minicart .lv-minicart__title{font:500 26px/1.2 var(--laava-font-display);color:var(--laava-graphite)} .lv-cards2 #lv-minicart .lv-minicart__title .lv-count{position:static;display:inline;min-width:0;height:auto;padding:0;border-radius:0;background:none;color:inherit;font:inherit} .lv-cards2 #lv-minicart .lv-minicart__title .lv-count::before{content:"("} .lv-cards2 #lv-minicart .lv-minicart__title .lv-count::after{content:")"} .lv-cards2 #lv-minicart .lv-minicart__head button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--laava-graphite)} .lv-cards2 #lv-minicart .lv-minicart__head button svg{width:20px;height:20px;stroke-width:1.55} .lv-cards2 #lv-minicart .lv-minicart__head button:focus-visible{outline:2px solid var(--laava-campaign);outline-offset:-2px} .lv-cards2 #lv-minicart .lv-minicart__body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0} .lv-cards2 .lv-minicart__body>*{order:2;flex:none} .lv-cards2 .lv-minicart__body>ul.woocommerce-mini-cart{order:1;flex:1 1 auto;min-height:96px;overflow:auto;overscroll-behavior:contain} .lv-cards2 #lv-minicart .lv-minicart__body>ul.woocommerce-mini-cart{margin:0;padding:0 20px;list-style:none} .lv-cards2 #lv-minicart .lv-minicart__body>:is(.lv-minicart-tools,.lv-minicart-recommendations){padding:0 20px} .lv-cards2 #lv-minicart .lv-minicart__body>.lv-minicart-tools:empty{display:none} /* Ajánlat-sor */ .lv-cards2 #lv-minicart .lv-minicart__body>.lv-mc-offers{order:0;margin:0;border-bottom:1px solid #EFE6DB;background:#FFFFFF} .lv-cards2 #lv-minicart .lv-mc-offers__btn{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin:0;padding:0 16px 0 20px;box-sizing:border-box;border:0;border-radius:0;background:transparent;color:var(--laava-graphite);font:500 14px/1.3 var(--laava-font-body);text-align:left;cursor:pointer} .lv-cards2 #lv-minicart .lv-mc-offers__btn:hover{background:transparent;color:var(--laava-graphite)} .lv-cards2 #lv-minicart .lv-mc-offers__btn:focus-visible{outline:2px solid var(--laava-campaign);outline-offset:-2px} .lv-cards2 #lv-minicart .lv-mc-offers__t{flex:none;white-space:nowrap} .lv-cards2 #lv-minicart .lv-mc-offers__pg{flex:1;min-width:60px} .lv-cards2 #lv-minicart .lv-mc-offers__chv{flex:none;margin-left:auto;color:var(--laava-graphite);transition:transform 200ms ease-out} .lv-cards2 #lv-minicart.is-offers .lv-mc-offers__chv{transform:rotate(180deg)} .lv-cards2 #lv-minicart.is-offers .lv-mc-offers__pg{display:none} .lv-cards2 #lv-minicart.is-offers .lv-mc-offers__chv{margin-left:0} .lv-cards2 #lv-minicart .lv-mc-prog{position:relative;display:block;height:6px;margin:0 6px;border-radius:0;background:var(--laava-line)} .lv-cards2 #lv-minicart .lv-mc-prog>i{position:absolute;left:0;top:0;bottom:0;display:block;max-width:100%;border-radius:0;background:var(--laava-graphite);transition:width 300ms cubic-bezier(.2,.7,.2,1)} .lv-cards2 #lv-minicart .lv-mc-prog>b{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;box-sizing:border-box;border:2px solid #8F857D;border-radius:50%;background:#FFFFFF} .lv-cards2 #lv-minicart .lv-mc-prog>b.on{border-color:var(--laava-graphite);background:var(--laava-graphite)} .lv-cards2 #lv-minicart .lv-mc-offers__panel{display:none;padding:4px 20px 14px;box-sizing:border-box} /* 2026-11-07: nem görgethető (a tétellista görget) */ .lv-cards2 #lv-minicart.is-offers .lv-mc-offers__panel{display:flex;flex-direction:column;gap:10px} .lv-cards2 #lv-minicart .lv-mc-offers__panel>*{margin:0!important} .lv-cards2 #lv-minicart .lv-mc-offers__panel>.lv-mc-prog{margin:6px 6px 0!important} .lv-cards2 #lv-minicart .lv-mc-offers__msg{font-size:13px;line-height:1.5;color:#3F3A36} .lv-cards2 #lv-minicart .lv-mc-offers__msg.is-ok{color:var(--laava-green);font-weight:500} /* A Core sáv (szöveg, feliratok) a lenyitott panelben a fenti haladásjelző és mondat helyett nem látszik; a markup marad (a Core és más bővítmények rá épülhetnek). Core nélkül (nincs .lv-mc-offers__msg) a sáv látható marad. */ .lv-cards2 #lv-minicart .lv-mc-offers__msg~.laava-free-shipping-bar{display:none!important} /* Kompakt sor (vászon .zprow): 48–56 px, 8/12 px belső, 8 px sarok, 32 px fehér ikondoboz, 14/1.35 szöveg. */ .lv-cards2 #lv-minicart .lv-mc-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;box-sizing:border-box;border-radius:0;font-size:14px;line-height:1.35;color:var(--laava-graphite)} .lv-cards2 #lv-minicart .lv-mc-row--ship{background:linear-gradient(135deg,var(--laava-beige) 0%,#D2EDDA 100%)} .lv-cards2 #lv-minicart .lv-mc-row__im{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:0;background:#FFFFFF;color:var(--laava-green)} .lv-cards2 #lv-minicart .lv-mc-row__tx{flex:1;min-width:0} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important;min-height:48px;max-height:none;margin:0!important;padding:8px 12px!important;box-sizing:border-box;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible;font-size:14px;line-height:1.35} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini::before{content:"";flex:none;width:32px;height:32px;border-radius:0;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2324211F' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='9' width='18' height='11' rx='1'/%3E%3Cpath d='M12 9v11M3 13h18M12 9c-3 0-4-4-1.5-4S12 9 12 9zm0 0c3 0 4-4 1.5-4S12 9 12 9z'/%3E%3C/svg%3E") center/18px no-repeat} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini .laava-promo-card__visual{display:none!important} /* A cím és az állapot folyó szövegként tördelődik (vászon mobil: „Választható ajándék · még / [X] Ft”), a gomb jobbra, függőlegesen középen. */ html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini .laava-promo-card__content{position:relative;flex:1;min-width:0;display:block!important;padding-right:var(--lv-pc-btn,0px);text-align:left!important} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="below"]{--lv-pc-btn:88px} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="reached"]{--lv-pc-btn:112px} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="declined"]{--lv-pc-btn:136px} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="in-cart"]{--lv-pc-btn:56px} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini .laava-promo-card__content>strong{display:inline;overflow:visible;white-space:normal;text-overflow:clip;font-size:14px;font-weight:500;line-height:1.35;color:inherit} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini [data-laava-gift-text]{display:inline;font-size:14px!important;font-weight:400;line-height:1.35;white-space:normal;color:inherit} /* Küszöb alatt csak az összeg látszik („· még X Ft”), elérve / kivéve a cím elég (a mondatot a Promo JS is frissíti). */ html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="below"] [data-laava-gift-text]{font-size:0!important} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="below"] [data-laava-gift-text] .laava-promo-amount{font-size:14px;font-weight:400;color:inherit} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="below"] [data-laava-gift-text] .laava-promo-amount::before{content:" · még "} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini:is([data-state="reached"],[data-state="declined"]) [data-laava-gift-text]{display:none!important} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="in-cart"] .laava-promo-card__content>strong{display:none} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini .laava-promo-progress{display:none!important} html body.lv-cards2 #lv-minicart .lv-mc-offers .lv-mc-more,html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="in-cart"] .laava-gift-btn:not([hidden]){position:absolute;right:0;top:50%;transform:translateY(-50%);flex:none;margin:0;min-height:32px;padding:0;border:0;border-radius:0;background:none;color:inherit;font:500 14px/1.2 var(--laava-font-body);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini:not([data-state="below"]) .lv-mc-more{display:none} /* Gomb (vászon: „Választok” grafit, „Visszateszem” körvonalas; elérve 40 px). A felirat a Promo JS-éé (állapotváltáskor átírja), ezért a vászon rövid felirata CSS-ből jön; a teljes Promo-felirat a felolvasónak megmarad (aria-label nincs felülírva). */ html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini .laava-gift-btn:not([hidden]){position:absolute!important;right:0;top:50%;transform:translateY(-50%);display:inline-flex!important;align-items:center;flex:none;margin:0!important;min-height:40px;padding:0 16px!important;border:1px solid var(--laava-graphite)!important;border-radius:0!important;background:var(--laava-graphite)!important;color:#FFFFFF!important;font-size:0!important;line-height:1;text-decoration:none!important;white-space:nowrap;cursor:pointer} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini .laava-gift-btn::after{font:600 14px/1 var(--laava-font-body)} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="reached"] .laava-gift-btn::after{content:"Választok"} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="declined"] .laava-gift-btn:not([hidden]){background:#FFFFFF!important;color:var(--laava-graphite)!important} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="declined"] .laava-gift-btn::after{content:"Visszateszem"} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="in-cart"] .laava-gift-btn:not([hidden]){min-height:32px;padding:0!important;border:0!important;background:none!important;color:inherit!important} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-card--mini[data-state="in-cart"] .laava-gift-btn::after{content:"Csere";font-weight:500;text-decoration:underline;text-underline-offset:3px} /* Bakancslista sor (Promo egysoros üzenete): a teljes mondat látszik, csonkolás nélkül; kosárban ✓. */ html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-mini-line{display:flex!important;align-items:center!important;gap:12px!important;min-height:48px;margin:0!important;padding:8px 12px!important;box-sizing:border-box;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:14px!important;line-height:1.35!important} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-mini-line__icon{flex:0 0 32px!important;width:32px!important;height:32px!important;margin:0!important;border-radius:0!important;object-fit:cover} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-mini-line__text{flex:1;min-width:0;overflow:visible!important;white-space:normal!important;text-overflow:clip!important} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-mini-line[data-state="in-cart"]::after{content:"✓";flex:none;color:#A8D5B2;font-weight:500} html body.lv-cards2 #lv-minicart .lv-mc-offers .laava-promo-mini-line button{flex:none;min-height:40px;margin:0 0 0 auto;padding:0 16px;border:1px solid #FFFFFF;border-radius:0;background:#FFFFFF;color:var(--laava-graphite);font:600 14px/1 var(--laava-font-body)} /* Tételsor (vászon .zline) */ .lv-cards2 #lv-minicart .lv-mci{position:static;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px 14px;align-items:start;margin:0;padding:14px 0;border:0;border-top:1px solid #EFE6DB;background:transparent;font-size:16px} .lv-cards2 #lv-minicart .lv-mci:first-child{border-top-color:transparent} .lv-cards2 #lv-minicart .lv-mci__th{display:block;width:64px;height:64px;padding:0;opacity:1} .lv-cards2 #lv-minicart .lv-mci__th img{display:block;width:64px;height:64px;margin:0;border-radius:0;object-fit:cover} .lv-cards2 #lv-minicart .lv-mci__b{min-width:0;display:block} .lv-cards2 #lv-minicart .lv-mci__nm{display:inline;font-weight:500;line-height:1.35;color:var(--laava-graphite);text-decoration:none} .lv-cards2 #lv-minicart .lv-mci__nm:visited{color:var(--laava-graphite)} .lv-cards2 #lv-minicart .lv-mci .laava-gift-badge{display:inline-flex;align-items:center;margin-left:6px;padding:3px 8px;border-radius:0;background:var(--laava-campaign);color:#FFFFFF;font:500 12px/1.4 var(--laava-font-body);vertical-align:2px;white-space:nowrap} .lv-cards2 #lv-minicart .lv-mci__sub{display:block;font-size:14px;line-height:1.5;color:var(--laava-text-2)} .lv-cards2 #lv-minicart .lv-mci dl.variation{display:flex;flex-wrap:wrap;gap:0 4px;margin:2px 0 0;font-size:13px;line-height:1.45;color:var(--laava-text-2)} .lv-cards2 #lv-minicart .lv-mci dl.variation dd{min-height:0;padding:0;background:none;font-size:13px;line-height:1.45;color:var(--laava-text-2)} .lv-cards2 #lv-minicart .lv-mci dl.variation dd+dt+dd::before{content:"· "} .lv-cards2 #lv-minicart .lv-mci__pp{grid-column:3;grid-row:1;font-weight:500;font-size:16px;line-height:1.35;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--laava-graphite)} .lv-cards2 #lv-minicart .lv-mci .lv-minicart-quantity{display:block;margin:8px 0 0} .lv-cards2 #lv-minicart .lv-mci a.remove{position:static;display:block;width:auto;height:auto;min-height:0;margin:0;padding:10px 0;border:0;border-radius:0;background:none;font-size:13px;line-height:1.2;color:var(--laava-text-2);text-align:left;text-decoration:underline} .lv-cards2 #lv-minicart .lv-mci a.remove:hover{background:none;color:var(--laava-red-soft-fg)} /* Elfogyott tétel: 60 % átlátszóság + piros üzenet, nincs mennyiségváltó (az Eltávolítás teljes erővel kattintható marad). */ .lv-cards2 #lv-minicart .lv-mci--out>:is(.lv-mci__th,.lv-mci__pp),.lv-cards2 #lv-minicart .lv-mci--out .lv-mci__nm{opacity:.6} .lv-cards2 #lv-minicart .lv-mci__err{display:block;margin-top:4px;font-size:13px;font-weight:500;line-height:1.4;color:var(--laava-red-soft-fg)} /* Lábléc (vászon .zdf): rögzített, felső vonal, 14/20/16 px belső, 10 px köz. */ .lv-cards2 #lv-minicart .lv-minicart__body>.woocommerce-mini-cart__total{order:8;display:flex;justify-content:space-between;align-items:baseline;margin:0;padding:14px 20px 0;border-top:1px solid #EFE6DB;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums} .lv-cards2 #lv-minicart .woocommerce-mini-cart__total strong,.lv-cards2 #lv-minicart .woocommerce-mini-cart__total .amount{font-size:16px;font-weight:500} .lv-cards2 #lv-minicart .lv-minicart__body>.lv-mc-ship{order:9;display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 20px 0;font-size:16px;font-weight:500;line-height:1.6;font-variant-numeric:tabular-nums} .lv-cards2 #lv-minicart .lv-mc-ship .is-ok{color:var(--laava-green)} .lv-cards2 #lv-minicart .lv-minicart__body>.woocommerce-mini-cart__buttons{order:10;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:10px 20px 16px} .lv-cards2 #lv-minicart .woocommerce-mini-cart__buttons .button{min-height:48px;margin:0;padding:0 24px;border:1px solid var(--laava-graphite);border-radius:0;font:600 15px/1.2 var(--laava-font-body);white-space:nowrap} .lv-cards2 #lv-minicart .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout){background:#FFFFFF;color:var(--laava-graphite)} .lv-cards2 #lv-minicart .woocommerce-mini-cart__buttons .button.checkout{border-color:var(--laava-graphite);background:var(--laava-graphite);color:#FFFFFF} .lv-cards2 #lv-minicart .woocommerce-mini-cart__buttons .button:hover{opacity:.8} .lv-cards2 #lv-minicart .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover{background:#FFFFFF;color:var(--laava-graphite)} /* Üres kosár (vászon): középen Cormorant 28, egy mondat, grafit gomb; nincs ajánlat-sor és lábléc. */ .lv-cards2 #lv-minicart .lv-minicart__body>.lv-mc-empty{order:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:0;padding:24px;text-align:center} .lv-cards2 #lv-minicart .lv-mc-empty p{margin:0;font-size:14px;line-height:1.5;color:var(--laava-text-2)} .lv-cards2 #lv-minicart .lv-mc-empty .lv-mc-empty__t{font:500 28px/1.2 var(--laava-font-display);color:var(--laava-graphite)} .lv-cards2 #lv-minicart .lv-mc-empty__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:0;background:var(--laava-graphite);color:#FFFFFF;font:600 15px/1.2 var(--laava-font-body)} /* Betöltés (vászon „Betöltés (váz)”): az első betöltésig üres fiókban három tételsor-váz (#F0EAE2, 8 px sarok). */ .lv-cards2 #lv-minicart.is-loading .lv-minicart__body:empty{opacity:1} .lv-cards2 #lv-minicart.is-loading .lv-minicart__body:empty::before{content:"";display:block;height:279px;margin:0 20px;background: linear-gradient(#F0EAE2,#F0EAE2) 0 15px/64px 64px no-repeat,linear-gradient(#F0EAE2,#F0EAE2) 78px 15px/224px 14px no-repeat,linear-gradient(#F0EAE2,#F0EAE2) 78px 37px/128px 14px no-repeat, linear-gradient(#F0EAE2,#F0EAE2) 0 108px/64px 64px no-repeat,linear-gradient(#F0EAE2,#F0EAE2) 78px 108px/224px 14px no-repeat,linear-gradient(#F0EAE2,#F0EAE2) 78px 130px/128px 14px no-repeat, linear-gradient(#F0EAE2,#F0EAE2) 0 201px/64px 64px no-repeat,linear-gradient(#F0EAE2,#F0EAE2) 78px 201px/224px 14px no-repeat,linear-gradient(#F0EAE2,#F0EAE2) 78px 223px/128px 14px no-repeat} @media (prefers-reduced-motion:reduce){.lv-cards2 #lv-minicart .lv-mc-offers__chv,.lv-cards2 #lv-minicart .lv-mc-prog>i{transition:none}} /* A Promo az ajándéksornak bézs hátteret ad (`html body .laava-gift-line{…!important}`); a vásznon az ajándék ugyanolyan sor, mint a többi. */ html body.lv-cards2 #lv-minicart .lv-mci.laava-gift-line{padding:14px 0!important;border-radius:0!important;background:transparent!important} /* B-083 2. kör (Gábor): 3+ tételnél kompaktabb lista – a 64 px-es fotó és a 40 px-es mennyiségváltó marad, csak a térközök szűkülnek (sor 14 → 8 px, rés 12/14 → 4/12 px, mennyiség felett 8 → 4 px, Eltávolítás 10 → 4 px). */ .lv-cards2 #lv-minicart .woocommerce-mini-cart:has(>.lv-mci:nth-child(3)) .lv-mci{gap:4px 12px;padding:8px 0} html body.lv-cards2 #lv-minicart .woocommerce-mini-cart:has(>.lv-mci:nth-child(3)) .lv-mci.laava-gift-line{padding:8px 0!important} .lv-cards2 #lv-minicart .woocommerce-mini-cart:has(>.lv-mci:nth-child(3)) .lv-mci__nm{line-height:1.3} .lv-cards2 #lv-minicart .woocommerce-mini-cart:has(>.lv-mci:nth-child(3)) .lv-minicart-quantity{margin-top:4px} .lv-cards2 #lv-minicart .woocommerce-mini-cart:has(>.lv-mci:nth-child(3)) .lv-mci a.remove{padding:4px 0} /* KO-15: üres kosár a fiók üres állapotával (cím 28 px, egy mondat, grafit gomb); a Woo „Vásárlás folytatása” gombja rejtve. */ .lv-cart2 .lv-cart-empty .lv-mc-empty{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0 0 48px;padding:32px;border-radius:0;background:var(--laava-beige)} .lv-cart2 .lv-cart-empty .lv-mc-empty p{margin:0;font-size:15px;color:var(--laava-text-2)} .lv-cart2 .lv-cart-empty .lv-mc-empty__t{font:500 28px/1.2 var(--laava-font-display)!important;color:var(--laava-graphite)!important} .lv-cart2 .lv-cart-empty .lv-mc-empty__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:0;background:var(--laava-graphite);color:#FFFFFF;font:600 15px/1.2 var(--laava-font-body);text-decoration:none} /* B-111 (UX-brief): a frissen hozzáadott tétel legfelül, „Hozzáadva” jelzéssel (mini-cart.php, 2 percig). Zöld, nem lila: állapot, nem kampány. */ .lv-cards2 #lv-minicart .lv-mci__new{display:flex;align-items:center;gap:6px;width:max-content;margin:0 0 4px;padding:2px 8px;border-radius:0;background:#EAF3EC;color:#1E4D2B;font-size:12px;font-weight:500;line-height:1.5} .lv-cards2 #lv-minicart .lv-mci__new::before{content:"\2713";font-size:11px} /* 2026-11-07 (Gábor): kisebb mennyiségválasztó a fiókban (34 px magas, 3 × 34 px). */ /* Visszavonás a tétel helyén (cart.js): halvány kép, szöveg, „Visszavonom”, alul 8 s-os fogyó csík. */ .lv-cards2 #lv-minicart .lv-mci--ghost{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:12px;margin:0 0 12px;border:1px dashed #D9CFC2;border-radius:0;background:var(--laava-beige);overflow:hidden} .lv-cards2 #lv-minicart .lv-mci--ghost .lv-mci__th{width:48px;height:48px;justify-self:center;border-radius:0;overflow:hidden;opacity:.45;filter:grayscale(1)} .lv-cards2 #lv-minicart .lv-mci--ghost .lv-mci__th img{width:100%;height:100%;object-fit:cover} .lv-mci__ghost{font-size:14px;line-height:1.4;color:var(--laava-text-2)} .lv-mci__undo{min-height:44px;padding:0 4px;border:0;background:none;font:600 14px/1 var(--laava-font-body);color:var(--laava-graphite);text-decoration:underline;text-underline-offset:3px;cursor:pointer} .lv-mci__undo:focus-visible{outline:2px solid var(--laava-campaign);outline-offset:2px;border-radius:0} .lv-mci__timer{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#A98468;transform-origin:left;animation:lvUndoTimer linear forwards} @keyframes lvUndoTimer{from{transform:scaleX(1)}to{transform:scaleX(0)}} @media (prefers-reduced-motion:reduce){.lv-mci__timer{animation:none;opacity:.5}} .lv-cards2 #lv-minicart .lv-mc-offers{flex:none} /* B-126: akciós tétel – eredeti ár áthúzva a tényleges előtt; „Megtakarítás” sor (kosár-fiók, kosár oldal). */ :is(#lv-minicart,.lv-cart2,.woocommerce-cart-form) del.lv-was{display:block;font-size:.85em;font-weight:400;color:#8A817A;text-decoration:line-through} :is(#lv-minicart,.lv-cart2,.woocommerce-cart-form) ins.lv-now{text-decoration:none;color:#8E1B2B} .lv-cards2 #lv-minicart .lv-mci__pp{text-align:right} .lv-cards2 #lv-minicart .lv-minicart__body>.lv-mc-save{order:9;display:flex;justify-content:space-between;gap:12px;margin:0;padding:6px 20px 0;font-size:15px;font-weight:500;line-height:1.6;color:#8E1B2B;font-variant-numeric:tabular-nums} /* B-126: a „Hozzáadva” jelzés néhány másodperc után eltűnik (a kosár-fiók gyorsítótárazott HTML-je később is ezt adná). */ .lv-cards2 #lv-minicart .lv-mci__new{animation:lvNewOut 4.5s ease forwards} @keyframes lvNewOut{0%,75%{opacity:1;max-height:30px}100%{opacity:0;max-height:0;margin:0;padding-top:0;padding-bottom:0}} @media (prefers-reduced-motion:reduce){.lv-cards2 #lv-minicart .lv-mci__new{animation-duration:6s}} /* B-128: páros karkötő feliratai (Core Kiegészítő opciók, rendelés-kulcs „Férfi karkötő szövege” / „Női karkötő szövege”, a régi PEWC-címkék) a kompakt meta-sorban NEM olvadhatnak a változat-értékek közé: mindkettő saját sorba, látható címkével. A Woo a dt/dd osztályát a címkéből képzi ékezetek nélkül (`variation-Frfikarktszvege`), ezért a „szvege” részre szűrünk. Sortörés: a dl két üres pszeudo-eleme (100 % széles flex-elem) az `order` szerint a két felirat elé kerül. */ :is(.lv-cart2,.lv-cards2 .lv-minicart,.lv-cards2 #lv-minicart) dl.variation:has(dt[class*="szvege"])::after{content:"";flex-basis:100%;height:0;order:1} :is(.lv-cart2,.lv-cards2 .lv-minicart,.lv-cards2 #lv-minicart) dl.variation:has(dd[class*="szvege"] ~ dt[class*="szvege"])::before{content:"";flex-basis:100%;height:0;order:3} :is(.lv-cart2,.lv-cards2 .lv-minicart,.lv-cards2 #lv-minicart) dl.variation :is(dt,dd)[class*="szvege"]{order:2} :is(.lv-cart2,.lv-cards2 .lv-minicart,.lv-cards2 #lv-minicart) dl.variation :is(dd[class*="szvege"] ~ dt[class*="szvege"],dd[class*="szvege"] ~ dt[class*="szvege"] + dd){order:4} :is(.lv-cart2,.lv-cards2 .lv-minicart,.lv-cards2 #lv-minicart) dl.variation dt[class*="szvege"]{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:0;font-size:13px;line-height:1.45;color:var(--laava-text-2);font-weight:400} :is(.lv-cart2,.lv-cards2 .lv-minicart,.lv-cards2 #lv-minicart) dl.variation dd[class*="szvege"]{color:var(--laava-graphite);font-weight:500} :is(.lv-cart2,.lv-cards2 .lv-minicart,.lv-cards2 #lv-minicart) dl.variation dd[class*="szvege"]::before{content:none} tr.lv-cart-ghost .lv-mci__timer{bottom:8px} /* B-151 (Gábor): a „Hozzáadva” jelzés eltűnésekor (max-height → 0) a kosár tartalma pixelekkel elmozdult. Most a jelzés a tétel bélyegképének aljára kerül rá (abszolút, nem foglal helyet), és csak elhalványul – a lista nem mozdul. */ .lv-cards2 #lv-minicart .lv-mci--new{position:relative} .lv-cards2 #lv-minicart .lv-mci--new .lv-mci__new{position:absolute;left:0;top:58px;z-index:1;justify-content:center;width:64px;margin:0;padding:1px 0;font-size:11px;line-height:1.6;animation:lvNewFade 4.5s ease forwards} .lv-cards2 #lv-minicart .lv-mci--new .lv-mci__new::before{font-size:10px} @keyframes lvNewFade{0%,75%{opacity:1}100%{opacity:0;visibility:hidden}} /* B-156 (Gábor): kosár-ikon a „Kosarad” előtt; a legutóbbi kosárváltozás (ásvány/ékszer bekerül, kiürül) 350 ms késleltetéssel, a nyitott fiókban játszódik le (cart.js mcPlay → #lv-minicart.lv-mc-anim). */ .lv-cards2 #lv-minicart .lv-minicart__title{display:inline-flex;align-items:center;gap:10px} .lv-minicart__ic{display:inline-flex;flex:none} .lv-minicart__ic svg{width:28px;height:28px} #lv-minicart.lv-mc-anim .lv-ci--in{animation:lvCiIn 620ms cubic-bezier(.2,.7,.2,1) 350ms both} #lv-minicart.lv-mc-anim .lv-ci--out{display:inline;animation:lvCiOut 240ms ease-out 350ms both} #lv-minicart.lv-mc-anim .lv-ci--settle{animation:lvCiSettle 320ms ease-out 350ms} @media (prefers-reduced-motion:reduce){#lv-minicart.lv-mc-anim .lv-ci{animation:none}#lv-minicart.lv-mc-anim .lv-ci--out{display:none}} /* B-158 (Gábor): a fiók-ikon jóval nagyobb (28 → 44 px), az animáció is jobban látszik (400 ms késleltetés, 800 ms beesés). */ .lv-cards2 #lv-minicart .lv-minicart__title{gap:12px} .lv-minicart__ic svg{width:44px;height:44px} #lv-minicart.lv-mc-anim .lv-ci--in{animation:lvCiIn 800ms cubic-bezier(.2,.7,.2,1) 400ms both} #lv-minicart.lv-mc-anim .lv-ci--out{animation:lvCiOut 320ms ease-out 400ms both} #lv-minicart.lv-mc-anim .lv-ci--settle{animation:lvCiSettle 420ms ease-out 400ms} /* B-158 (Gábor): a fiók-ikon kicsit kisebb (44 → 38 px); a beeső ásvány/ékszer a betett ásvány színével (--lv-ci-tint, cart.js a laava_minicart válaszból) érkezik, majd átmenettel feketévé (grafit) vált. */ #lv-minicart{--lv-ci-tint:var(--laava-graphite)} .lv-minicart__ic svg{width:38px;height:38px} #lv-minicart.lv-mc-anim .lv-ci--in{animation:lvCiIn 800ms cubic-bezier(.2,.7,.2,1) 400ms both,lvCiTint 1700ms ease-in-out 400ms both} #lv-minicart.lv-mc-anim .lv-ci--settle{animation:lvCiSettle 420ms ease-out 400ms,lvCiTint 1700ms ease-in-out 400ms both} @keyframes lvCiTint{0%,50%{color:var(--lv-ci-tint)}100%{color:var(--laava-graphite)}} /* B-218 (Gábor): a Core kiegészítő-tétele (ajándékcsomagolás) a szülő alatt, behúzva, kisebb sorral, ↳ jellel. */ .lv-cards2 #lv-minicart .lv-mci.laava-addon-child{position:relative;grid-template-columns:40px minmax(0,1fr) auto;gap:2px 10px;padding:4px 0 10px 30px;border-top:0;margin-top:-6px;font-size:14px} .lv-cards2 #lv-minicart .lv-mci.laava-addon-child::before{content:"↳";position:absolute;left:8px;top:6px;font-size:16px;line-height:1;color:#A39A8E} .lv-cards2 #lv-minicart .lv-mci.laava-addon-child .lv-mci__th,.lv-cards2 #lv-minicart .lv-mci.laava-addon-child .lv-mci__th img{width:40px;height:40px} .lv-cards2 #lv-minicart .lv-mci.laava-addon-child .lv-mci__nm,.lv-cards2 #lv-minicart .lv-mci.laava-addon-child .lv-mci__pp{font-size:14px} .lv-cards2 #lv-minicart .lv-mci.laava-addon-child .laava-addon-qty{font-size:13px}