/* Lazdynų baseinas – naujas dizainas pagal activevilnius.lt („Švarus modernus“). Ta pati sistema kaip Fabijoniškių / Žirmūnų baseinų (assets/av.css): Fira Sans, kortelės, mygtukai, tamsi poraštė. Spalvos – senos svetainės gama (vartotojo sprendimas 2026-10-13): logotipo tamsiai pilka #3E464C, oranžinis akcentas #F77D48, kreminis fonas #FCFAF5 / #F2EEE2. Taikoma tik body.lbv. */ :root { --lb-brand: #b54d1c; /* senos svetainės oranžinė #F77D48, patamsinta nuorodoms ir mygtukams su baltu tekstu: ant baltos 5,3:1 */ --lb-brand-2: #943d14; /* užvedus */ --lb-brand-dark: #3e464c; /* logotipo spalva: antraštė paslinkus, poraštė */ --lb-brand-tint: #f2eee2; /* senos svetainės kreminė */ --lb-bg: #fcfaf5; /* senos svetainės fonas */ --lb-text: #2b3034; --lb-muted: #5f6366; --lb-line: #e8e2d4; --lb-accent: #f77d48; /* senos svetainės oranžinė – tik su tamsiu tekstu arba kaip linija */ --lb-radius: 16px; --lb-shadow: 0 4px 20px rgba(62, 70, 76, 0.07); --lb-shadow-hover: 0 14px 34px rgba(62, 70, 76, 0.14); --lb-width: 1360px; --lb-header-h: 84px; } /* lb.js visiems
nustato skaidrių aukštį – naujame dizaine jų nėra, bet jei atsirastų (turinyje) – neliesti. */ body.lbv section { height: auto !important; } /* --- Pagrindas ------------------------------------------------------------- */ body.lbv { margin: 0; background: var(--lb-bg); color: var(--lb-text); font: 400 16px/1.6 'Fira Sans', Arial, sans-serif; -webkit-font-smoothing: antialiased; } .lbv *, .lbv *::before, .lbv *::after { box-sizing: border-box; } .lbv img { max-width: 100%; height: auto; } .lbv a { color: var(--lb-brand); } .lbv a:hover { color: var(--lb-brand-2); } .lbv h1, .lbv h2, .lbv h3 { font-family: 'Fira Sans Extra Condensed', 'Fira Sans', sans-serif; letter-spacing: 0.2px; color: var(--lb-text); } .lbv ul.lbv-facts, .lbv ul.lbv-cards, .lbv ul.lbv-posters, .lbv .lbv-nav__list, .lbv .lbv-nav__list ul { margin: 0; padding: 0; list-style: none; } .lbv .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .lbv-icon { flex: none; } .lbv :is(a, button, input, [tabindex]):focus-visible { outline: 3px solid var(--lb-brand); outline-offset: 2px; } .lbv :is(.lbv-header, .lbv-hero, .lbv-band, .lbv-footer) :is(a, button):focus-visible { outline-color: #ffffff; } .lbv-main:focus { outline: none; } .lbv-skip { position: absolute; left: 16px; top: -60px; z-index: 100; padding: 10px 16px; border-radius: 10px; background: #ffffff; color: var(--lb-brand-dark); font-weight: 600; } .lbv-skip:focus { top: 12px; } .lbv-wrap { max-width: calc(var(--lb-width) + 48px); margin: 0 auto; padding: 0 24px; } /* --- Antraštė -------------------------------------------------------------- */ /* Viršuje – permatoma (gradientas), slenkant 0–250 px palaipsniui tamsėja ir visada matoma (2026-10-15, kaip Žirmūnuose). --lbv-hdr (0…1) nustato av.js; gradientas ir tamsus fonas – atskiri sluoksniai, keičiamas tik jų permatomumas. */ .lbv-header { --lbv-hdr: 0; --lbv-open: 0; --lbv-dark: max(var(--lbv-hdr), var(--lbv-open)); position: fixed; z-index: 20; top: 0; left: 0; right: 0; transform: translateY(var(--lbv-bar, 0px)); /* --lbv-bar – juoda juosta virš antraštės (av.js) */ height: var(--lb-header-h); box-shadow: 0 2px 16px rgba(0, 0, 0, calc(0.18 * var(--lbv-dark))); } .lbv-header::before, .lbv-header::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; } .lbv-header::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); opacity: calc(1 - var(--lbv-dark)); } .lbv-header::after { background: var(--lb-brand-dark); opacity: var(--lbv-dark); } .lbv-header:has(.lbv-nav.is-open) { --lbv-open: 1; } .lbv-header__inner { max-width: calc(var(--lb-width) + 48px); height: 100%; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 32px; } .lbv-header__logo { flex: none; display: flex; align-items: center; gap: 12px; text-decoration: none; } .lbv-header__logo img { display: block; width: auto; height: 38px; } .lbv a.lbv-header__logo, .lbv a.lbv-header__logo:hover { color: #ffffff; } .lbv-header__name { font: 600 13px/1.25 "Fira Sans", sans-serif; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; } .lbv-nav { margin-left: auto; } .lbv-nav__list { display: flex; align-items: center; gap: 0 26px; } .lbv-nav__list > li { position: relative; } .lbv-nav__list a { display: flex; align-items: center; height: 36px; font-size: 16px; font-weight: 500; white-space: nowrap; color: rgba(255, 255, 255, 0.92); text-decoration: none; border-bottom: 2px solid transparent; } .lbv-nav__list a:hover, .lbv-nav__list a:focus { color: #ffffff; } .lbv-nav__list .current-menu-item > a, .lbv-nav__list .current-menu-ancestor > a { color: #ffffff; border-bottom-color: var(--lb-accent); } .lbv-nav__list > .menu-item-has-children > a::after { content: ''; width: 7px; height: 7px; margin: -3px 0 0 8px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0.8; transition: transform 0.2s ease; } .lbv-nav__arrow { display: none; } /* tik telefone / planšetėje */ /* Po atidarytu mobiliuoju meniu – užtamsinta sritis; paspaudus meniu užsidaro (av.js, 2026-10-15). */ .lbv-nav-backdrop { position: fixed; inset: calc(var(--lb-header-h) + var(--lbv-bar, 0px)) 0 0 0; z-index: 19; background: rgba(20, 24, 28, 0.45); opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0s linear 0.25s; } .lbv-nav-backdrop.is-open { opacity: 1; visibility: visible; transition: opacity 0.25s ease, visibility 0s; } @media (min-width: 1400px) { .lbv-nav-backdrop { display: none; } } .lbv-nav__list .sub-menu { display: none; position: absolute; top: 100%; left: -16px; z-index: 30; min-width: 260px; padding: 8px 0; background: #ffffff; border-radius: 12px; box-shadow: var(--lb-shadow-hover); } .lbv-nav__list li:hover > .sub-menu, .lbv-nav__list li:focus-within > .sub-menu { display: block; } .lbv-nav__list li.lbv-esc > .sub-menu { display: none !important; } .lbv-nav__list .sub-menu a { height: auto; padding: 9px 18px; white-space: normal; color: var(--lb-text); border: 0; font-size: 15px; } .lbv-nav__list .sub-menu a:hover, .lbv-nav__list .sub-menu a:focus { color: var(--lb-brand); background: var(--lb-brand-tint); } .lbv-header__tools { display: flex; align-items: center; gap: 10px; flex: none; } .lbv-round { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4); color: #ffffff; transition: background-color 0.2s ease; } .lbv a.lbv-round, .lbv a.lbv-round:hover { color: #ffffff; } .lbv-round:hover { background: rgba(255, 255, 255, 0.16); } .lbv-round .lbv-icon { width: 22px; height: 22px; } .lbv-round i { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; border-radius: 9px; background: var(--lb-accent); color: var(--lb-brand-dark); font: 700 11px/18px 'Fira Sans', sans-serif; text-align: center; } .lbv-login { margin: 0; } .lbv-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.16); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #ffffff; font: 600 14px/1.4 'Fira Sans', sans-serif; text-decoration: none; white-space: nowrap; cursor: pointer; } .lbv a.lbv-pill, .lbv a.lbv-pill:hover { color: #ffffff; } .lbv-pill:hover { background: rgba(255, 255, 255, 0.28); } .lbv-pill .lbv-icon { width: 18px; height: 18px; } .lbv-header__toggle { display: none; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 10px; cursor: pointer; background: rgba(255, 255, 255, 0.14); position: relative; } .lbv-header__toggle::before, .lbv-header__toggle::after { content: ''; position: absolute; left: 10px; right: 10px; height: 2px; background: #ffffff; transition: transform 0.2s ease, box-shadow 0.2s ease; } .lbv-header__toggle::before { top: 13px; box-shadow: 0 6px 0 #ffffff; } .lbv-header__toggle::after { top: 25px; } .lbv-header__toggle[aria-expanded="true"]::before { top: 19px; box-shadow: none; transform: rotate(45deg); } .lbv-header__toggle[aria-expanded="true"]::after { top: 19px; transform: rotate(-45deg); } /* --- Pagrindinis vaizdas ----------------------------------------------------- */ /* Kaip activevilnius.lt: nuotrauka po 50 % įstaigos spalvos sluoksniu, kuriame „iškirptas“ logotipo ženklas (čia – Lazdynų baseino L), ir lėtas nuotraukos slinkimas. */ .lbv-hero { position: relative; overflow: hidden; height: 88vh; min-height: 600px; max-height: 920px; background: var(--lb-brand-dark); color: #ffffff; container-type: size; --lbv-mark-top: calc(var(--lb-header-h) + var(--lbv-bar-h, 0px) + 28px); --lbv-mark-bottom: 110px; } .lbv-hero::before { content: ''; position: absolute; top: 0; bottom: 0; left: -100px; right: 0; background: var(--lbv-hero-img) center / cover no-repeat; animation: lbv-pan 20s linear infinite; } @keyframes lbv-pan { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(100px); } } .lbv-hero::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: rgba(62, 70, 76, 0.72); /* logotipo pilka – tamsesnis sluoksnis, kad ženklas išsiskirtų */ -webkit-mask: url('img/lb-mark.svg') right max(6%, calc((100cqw - var(--lb-width)) / 2 + 24px)) top var(--lbv-mark-top) / auto min(calc(100cqh - var(--lbv-mark-top) - var(--lbv-mark-bottom)), 32cqw) no-repeat, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: url('img/lb-mark.svg') right max(6%, calc((100cqw - var(--lb-width)) / 2 + 24px)) top var(--lbv-mark-top) / auto min(calc(100cqh - var(--lbv-mark-top) - var(--lbv-mark-bottom)), 32cqw) no-repeat exclude, linear-gradient(#000 0 0); } .lbv-hero__inner { position: absolute; z-index: 2; left: 0; right: 0; bottom: 124px; max-width: calc(var(--lb-width) + 48px); margin: 0 auto; padding: 0 24px; } /* Tekstui įskaityti – tamsėjimas kairėje (ženklas dešinėje lieka ryškus). */ .lbv-hero__inner::before { content: ''; position: absolute; z-index: -1; left: -50vw; right: -50vw; top: -100vh; bottom: -124px; background: linear-gradient(90deg, rgba(62, 70, 76, 0.5) 0%, rgba(62, 70, 76, 0) 55%); pointer-events: none; } .lbv-hero__eyebrow { margin: 0; color: var(--lb-accent); font-size: 14px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .lbv h1.lbv-hero__title { max-width: 760px; margin: 10px 0 14px; color: #ffffff; font-size: clamp(42px, 6vw, 76px); line-height: 0.98; font-weight: 700; text-transform: uppercase; } .lbv-hero__text { max-width: 560px; margin: 0 0 28px; font-size: 19px; line-height: 1.55; opacity: 0.95; } .lbv-notice { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; margin: 0 0 22px; padding: 6px 6px 6px 16px; border-radius: 999px; background: rgba(255, 255, 255, 0.95); color: var(--lb-text); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); } .lbv-notice__dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--lb-accent); box-shadow: 0 0 0 4px rgba(247, 125, 72, 0.3); } .lbv-notice__text { font-size: 15px; font-weight: 600; line-height: 1.35; } .lbv-notice__text p { margin: 0; } .lbv-notice__text a { color: var(--lb-brand-dark); text-decoration: underline; text-underline-offset: 3px; } .lbv-notice__close { margin: 0; } .lbv-notice__close button { width: 32px; height: 32px; border: 0; border-radius: 50%; background: var(--lb-bg); color: var(--lb-text); font-size: 20px; line-height: 1; cursor: pointer; } .lbv-notice__close button:hover { background: var(--lb-line); } /* --- Mygtukai ---------------------------------------------------------------- */ .lbv-btns { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; } .lbv .lbv-btn { display: inline-block; padding: 14px 26px; border-radius: 999px; background: #ffffff; color: var(--lb-brand-dark); font-weight: 600; text-decoration: none; transition: transform 0.2s ease, background-color 0.2s ease; } .lbv .lbv-btn:hover { transform: translateY(-2px); color: var(--lb-brand-dark); } .lbv .lbv-btn--ghost { background: rgba(62, 70, 76, 0.35); color: #ffffff; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75); } .lbv .lbv-btn--ghost:hover { background: rgba(62, 70, 76, 0.55); color: #ffffff; } /* --- Informacijos kortelės ------------------------------------------------------ */ .lbv-facts { position: relative; z-index: 3; margin-top: -64px !important; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .lbv a.lbv-fact { display: flex; align-items: center; gap: 14px; height: 100%; padding: 20px; border-radius: var(--lb-radius); background: #ffffff; box-shadow: 0 10px 30px rgba(62, 70, 76, 0.09); color: var(--lb-text); text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; } .lbv a.lbv-fact:hover { transform: translateY(-3px); box-shadow: var(--lb-shadow-hover); color: var(--lb-text); } .lbv-fact__ic { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 12px; background: var(--lb-brand-tint); color: var(--lb-brand); } .lbv-fact small { display: block; color: var(--lb-muted); font-size: 13px; line-height: 1.3; } .lbv-fact strong { display: block; font-size: 15px; line-height: 1.4; font-weight: 600; } /* --- Sekcijos ---------------------------------------------------------------------- */ .lbv-section { padding-top: 72px; } .lbv-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 28px; } .lbv .lbv-section__head h2 { margin: 0; font-size: 36px; font-weight: 700; line-height: 1.1; } .lbv .lbv-section__head h2::after { content: ''; display: block; width: 48px; height: 4px; margin-top: 10px; border-radius: 2px; background: var(--lb-accent); } .lbv a.lbv-more { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; text-decoration: none; } .lbv-more .lbv-icon { width: 18px; height: 18px; transition: transform 0.2s ease; } .lbv-more:hover .lbv-icon { transform: translateX(3px); } /* --- „Aktualu“: plakatai savo proporcijomis (16:9), slenkami ------------------------- */ .lbv-carousel__nav { display: flex; gap: 8px; } .lbv-carousel__btn { position: relative; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #ffffff; box-shadow: var(--lb-shadow); cursor: pointer; transition: background-color 0.2s ease; } .lbv-carousel__btn:hover { background: var(--lb-brand-tint); } .lbv-carousel__btn:disabled { opacity: 0.4; cursor: default; } .lbv-carousel__btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border: solid var(--lb-brand-dark); border-width: 0 2px 2px 0; transform: translate(-30%, -50%) rotate(135deg); } .lbv-carousel__btn--next::before { transform: translate(-70%, -50%) rotate(-45deg); } .lbv-posters { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 24px) / 2); gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding-bottom: 4px; } .lbv-posters::-webkit-scrollbar { display: none; } .lbv-poster { scroll-snap-align: start; } .lbv-poster > a, .lbv-poster > img { display: block; overflow: hidden; border-radius: var(--lb-radius); box-shadow: var(--lb-shadow); background: var(--lb-brand-tint); } .lbv-poster img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform 0.5s ease; } .lbv-poster > a:hover img { transform: scale(1.03); } /* --- Kortelės ------------------------------------------------------------------------- */ .lbv-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .lbv-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lbv-card { min-width: 0; } .lbv .lbv-card a { display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: var(--lb-radius); background: #ffffff; box-shadow: var(--lb-shadow); color: var(--lb-text); text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; } .lbv .lbv-card a:hover { transform: translateY(-4px); box-shadow: var(--lb-shadow-hover); } .lbv-card__img { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--lb-brand-tint); } .lbv-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .lbv-card a:hover .lbv-card__img img { transform: scale(1.04); } /* Naujienų paveikslėliai – 2:1 (768×384), kad plakatų tekstas nebūtų nukerptas. */ .lbv-card__img--news { aspect-ratio: 2 / 1; } .lbv-card__body { display: block; padding: 18px 20px 22px; } .lbv-card__title { display: block; font: 700 21px/1.25 'Fira Sans Extra Condensed', 'Fira Sans', sans-serif; letter-spacing: 0.2px; } .lbv-card a:hover .lbv-card__title { color: var(--lb-brand); } .lbv-card__text { display: block; margin-top: 8px; color: var(--lb-muted); font-size: 14px; line-height: 1.55; } .lbv-chip { position: absolute; left: 14px; top: 14px; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.95); color: var(--lb-brand-dark); font-size: 12px; font-weight: 700; line-height: 1.4; } /* --- Mokymo plaukti juosta -------------------------------------------------------------- */ .lbv-band { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 72px; padding: 44px 48px; border-radius: 24px; background: var(--lb-brand); color: #ffffff; } .lbv-band::after { content: ''; position: absolute; right: -30px; bottom: -50px; width: 320px; height: 226px; background: rgba(255, 255, 255, 0.08); -webkit-mask: url('img/lb-mark.svg') center / contain no-repeat; mask: url('img/lb-mark.svg') center / contain no-repeat; pointer-events: none; } .lbv-band__text { position: relative; z-index: 1; max-width: 700px; } .lbv-band__eyebrow { margin: 0; color: var(--lb-accent); font-size: 14px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .lbv .lbv-band h2 { margin: 6px 0 10px; color: #ffffff; font-size: 34px; line-height: 1.1; } .lbv-band p { margin: 0; } .lbv-band .lbv-btns { position: relative; z-index: 1; flex: none; } /* --- Poraštė ------------------------------------------------------------------------------- */ .lbv-footer { margin-top: 88px; background: var(--lb-brand-dark); color: rgba(255, 255, 255, 0.82); font-size: 15px; } .lbv-footer__inner { max-width: calc(var(--lb-width) + 48px); margin: 0 auto; padding: 56px 24px 0; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 40px; } .lbv-footer__logo { display: block; width: auto; height: 64px; margin: 0 0 16px; } .lbv-footer__muted { margin: 0 0 10px; color: #d3ccba; font-size: 13px; } .lbv-footer__av img { display: block; width: auto; height: 46px; opacity: 0.9; } .lbv-footer__av:hover img { opacity: 1; } .lbv .lbv-footer__title { margin: 0 0 14px; color: #ffffff; font-size: 17px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; } .lbv-footer p { margin: 0 0 8px; } .lbv-footer em { font-style: normal; } .lbv .lbv-footer a { color: rgba(255, 255, 255, 0.9); text-decoration: none; } .lbv .lbv-footer a:hover { color: #ffffff; text-decoration: underline; } .lbv-footer__copy { max-width: calc(var(--lb-width) + 48px); margin: 40px auto 0; padding: 20px 24px 28px; border-top: 1px solid rgba(255, 255, 255, 0.12); color: #d3ccba; font-size: 13px; } .lbv .lbv-footer__copy a { color: #d3ccba; text-decoration: underline; } /* --- Neįgaliųjų funkcijos (senas #dis skydelis, valdo lb.js) --------------------------------- */ .lbv #dis { display: none; position: fixed; z-index: 40; top: calc(var(--lb-header-h) + var(--lbv-bar, 0px) + 8px); right: max(24px, calc((100% - var(--lb-width)) / 2)); width: min(380px, calc(100vw - 32px)); padding: 44px 20px 16px; border-radius: 16px; background: #ffffff; color: var(--lb-text); box-shadow: 0 18px 40px rgba(36, 41, 45, 0.28); } .lbv #dis .box { padding: 10px 0; border-top: 1px solid var(--lb-line); font-size: 13px; font-weight: 700; color: var(--lb-muted); text-transform: uppercase; letter-spacing: 0.04em; } .lbv #dis .box:first-of-type { border-top: 0; } .lbv #dis button { min-width: 44px; min-height: 40px; margin: 6px 4px 0 0; padding: 6px 14px; border: 2px solid var(--lb-line); border-radius: 10px; background: #ffffff; color: var(--lb-text); font: 600 15px 'Fira Sans', sans-serif; text-transform: none; letter-spacing: 0; cursor: pointer; } .lbv #dis button.active { border-color: var(--lb-brand); background: var(--lb-brand); color: #ffffff; } .lbv #dis button.fs2 { font-size: 19px; } .lbv #dis button.fs3 { font-size: 23px; } .lbv #dis .dis_close { position: absolute; top: 10px; right: 12px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--lb-bg); color: var(--lb-text); font-weight: 600; text-decoration: none; } /* Šrifto dydis – didinamas turinys (kaip activevilnius.lt), meniu juosta lieka tokia pat. */ html.dis_fs2 .lbv :is(.lbv-hero__inner, .lbv-main, .lbv-footer) { zoom: 1.15; } html.dis_fs3 .lbv :is(.lbv-hero__inner, .lbv-main, .lbv-footer) { zoom: 1.3; } /* Kontrastingos spalvos (Balta/juoda). */ html.dis_bgw .lbv { --lb-muted: #2b3034; --lb-line: #6a6660; --lb-brand-tint: #ffffff; } html.dis_bgw .lbv :is(.lbv-header, .lbv-hero, .lbv-main, .lbv-footer) { filter: grayscale(1) contrast(1.25); } html.dis_bgw .lbv .lbv-main a:not(.lbv-btn) { text-decoration: underline; } html.dis_bgw .lbv .lbv-header { background-color: var(--lb-brand-dark); border-bottom: 0; } /* Iliustracijų slėpimas: lb_dis.css slepia img ir fonus – hero lieka spalvotas. */ html.dis_imgh .lbv .lbv-hero::before { display: none; } html.dis_imgh .lbv .lbv-header__logo img, html.dis_imgh .lbv .lbv-footer img { display: block !important; } /* Senas krovimo indikatorius (lb.js, formos) – centre, kaip anksčiau */ .lbv #overs { position: fixed; z-index: 999; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; pointer-events: none; } .lbv #preloader { display: none; width: 40px; height: 40px; background: url("/img/preloader.gif") 0 0 no-repeat; } /* --- Slapukų juosta (cookieconsent) – kortelė kaip activevilnius.lt ---------------------------- */ .lbv .cc-window.cc-banner { left: 24px; right: auto; bottom: 24px; max-width: 420px; padding: 20px 22px; flex-direction: column; align-items: stretch; gap: 14px; border-radius: 16px; background: #ffffff !important; color: var(--lb-text) !important; box-shadow: 0 18px 40px rgba(36, 41, 45, 0.25); font: 400 14px/1.5 'Fira Sans', sans-serif; } .lbv .cc-window .cc-message { margin: 0; } .lbv .cc-window .cc-link { color: var(--lb-brand) !important; opacity: 1; padding: 0; } .lbv .cc-window .cc-compliance { display: flex; gap: 8px; } .lbv .cc-window .cc-btn { flex: 1; padding: 10px 14px; border: 2px solid var(--lb-brand) !important; border-radius: 999px; font: 600 14px/1.2 'Fira Sans', sans-serif; } .lbv .cc-window .cc-btn.cc-dismiss { background: #ffffff !important; color: var(--lb-brand) !important; } /* „Sutinku“ (paskutinis) – užpildytas, „Nesutinku“ – rėmelinis. */ .lbv .cc-window .cc-compliance .cc-btn:last-child { background: var(--lb-brand) !important; color: #ffffff !important; } .lbv .cc-revoke { font-family: 'Fira Sans', sans-serif; } /* --- Vidutiniai ekranai: meniu mygtukas iki 1399 px (8 meniu punktai ir 4 kalbos) -------------------- */ @media (max-width: 1399px) { .lbv-header__toggle { display: block; } .lbv-header__tools { margin-left: auto; } .lbv-nav { display: none; order: 5; position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100vh - var(--lb-header-h) - var(--lbv-bar, 0px)); overflow-y: auto; margin: 0; padding: 8px 24px 20px; background: var(--lb-brand-dark); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); } .lbv-nav.is-open { display: block; } .lbv-nav__list { flex-direction: column; align-items: stretch; } .lbv-nav__list a { height: auto; padding: 12px 0; white-space: normal; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .lbv-nav__list .current-menu-item > a, .lbv-nav__list .current-menu-ancestor > a { border-bottom-color: rgba(255, 255, 255, 0.1); font-weight: 700; } .lbv-nav__list > .menu-item-has-children > a { justify-content: space-between; } .lbv-nav__list .sub-menu, .lbv-nav__list li:hover > .sub-menu, .lbv-nav__list li:focus-within > .sub-menu { display: none; position: static; min-width: 0; padding: 0 0 0 16px; background: transparent; box-shadow: none; } .lbv-nav__list li.is-open > .sub-menu { display: block; } /* Rodyklė – atskiras mygtukas (av.js): atidaro / suskleidžia submeniu, pavadinimas lieka nuoroda. */ .lbv-nav__list .menu-item-has-children { display: grid; grid-template-columns: minmax(0, 1fr) auto; } .lbv-nav__list .menu-item-has-children > .sub-menu { grid-column: 1 / -1; } .lbv-nav__list > .menu-item-has-children > a::after { display: none; } .lbv-nav__arrow { display: flex; align-items: center; justify-content: center; width: 52px; margin-right: -12px; padding: 0; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background: transparent; color: #ffffff; cursor: pointer; } .lbv-nav__arrow::before { content: ''; width: 8px; height: 8px; margin-top: -4px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0.85; transition: transform 0.2s ease, margin 0.2s ease; } .lbv-nav__list li.is-open > .lbv-nav__arrow::before { margin-top: 4px; transform: rotate(-135deg); } .lbv-nav__arrow:focus-visible { outline: 2px solid #ffffff; outline-offset: -4px; border-radius: 8px; } .lbv-nav__list .sub-menu a { padding: 10px 0; color: rgba(255, 255, 255, 0.85); } .lbv-nav__list .sub-menu a:hover, .lbv-nav__list .sub-menu a:focus { color: #ffffff; background: transparent; } .lbv-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* --- Telefonas ---------------------------------------------------------------------------------- */ @media (max-width: 921px) { :root { --lb-header-h: 64px; } .lbv-header__inner { gap: 12px; padding: 0 16px; } .lbv-header__logo img { height: 32px; } .lbv-header__logo { gap: 10px; } .lbv-header__name { font-size: 11px; } .lbv-nav { padding: 8px 16px 20px; } .lbv-wrap { padding: 0 16px; } .lbv-hero { height: 82vh; min-height: 560px; --lbv-mark-bottom: 300px; } .lbv-hero::after { -webkit-mask-position: right 6% top var(--lbv-mark-top), 0 0; mask-position: right 6% top var(--lbv-mark-top), 0 0; } .lbv-hero__inner { bottom: 88px; padding: 0 16px; } .lbv-hero__text { font-size: 17px; margin-bottom: 22px; } .lbv-facts { margin-top: -48px !important; gap: 12px; } .lbv a.lbv-fact { padding: 16px; } .lbv-section { padding-top: 52px; } .lbv .lbv-section__head h2 { font-size: 30px; } .lbv-posters { grid-auto-columns: 86%; gap: 14px; } .lbv-cards--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lbv-band { flex-direction: column; align-items: flex-start; margin-top: 52px; padding: 32px 24px; } .lbv .lbv-band h2 { font-size: 28px; } .lbv-footer { margin-top: 64px; } .lbv-footer__inner { grid-template-columns: 1fr 1fr; gap: 28px; padding-top: 40px; } .lbv-pill span { display: none; } .lbv-pill { padding: 0; width: 40px; height: 40px; justify-content: center; } } @media (max-width: 600px) { .lbv-facts, .lbv-cards, .lbv-cards--3 { grid-template-columns: 1fr; } .lbv-btns .lbv-btn { flex: 1 1 auto; text-align: center; padding: 13px 18px; } .lbv-notice { border-radius: 16px; } .lbv-footer__inner { grid-template-columns: 1fr; } .lbv .cc-window.cc-banner { left: 12px; right: 12px; bottom: 12px; max-width: none; } } @media (prefers-reduced-motion: reduce) { .lbv-hero::before { animation: none; } .lbv-header, .lbv-btn, .lbv-fact, .lbv-card a, .lbv-card__img img, .lbv-poster img { transition: none !important; } .lbv-posters { scroll-behavior: auto; } } /* --- Kalbos jungiklis LT / EN (kaip activevilnius.lt `.bt-lang`) --------------------------------------------- */ @media (min-width: 1400px) { .lbv-nav { display: flex; align-items: center; gap: 26px; } } .lbv .lbv-lang { display: flex; gap: 4px; margin: 0; padding: 0; list-style: none; } .lbv .lbv-lang a { display: block; padding: 5px 10px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 999px; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: 0.04em; text-decoration: none; } .lbv .lbv-lang a:hover { background: rgba(255, 255, 255, 0.12); color: #ffffff; } .lbv .lbv-lang a.is-current { background: #ffffff; border-color: #ffffff; color: var(--lb-brand-dark); } @media (max-width: 1399px) { .lbv .lbv-lang { margin-top: 16px; } .lbv .lbv-lang a { padding: 8px 14px; } } /* Submeniu: užvesto punkto fonas – suapvalintas ir atitrauktas nuo kraštų (nebeuždengia kortelės kampų). */ @media (min-width: 1400px) { .lbv .lbv-nav__list .sub-menu { padding: 6px; } /* .lbv – nugali bendrą sąrašų padding: 0 */ .lbv-nav__list .sub-menu a { padding: 9px 12px; border-radius: 8px; } } /* Poraštė visada ekrano apačioje, kai turinio mažai: puslapis – stulpelis per visą aukštį,
užima likusią vietą. */ body.lbv { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; } body.lbv > main { flex: 1 0 auto; } body.lbv > .lbv-wrap { width: 100%; } /* margin: 0 auto stulpelyje kitaip suspaustų pločio */ body.lbv > .lbv-footer { flex: none; } /* ========================================================================================== Titulinio papildomos dalys ========================================================================================== */ /* Informacijos kortelė be nuorodos (užimtumas) ir užimtumo juostelė */ .lbv div.lbv-fact { display: flex; align-items: center; gap: 14px; height: 100%; padding: 20px; border-radius: var(--lb-radius); background: #ffffff; box-shadow: 0 10px 30px rgba(62, 70, 76, 0.09); } .lbv-fact__body { flex: 1; min-width: 0; } .lbv-meter { display: block; height: 6px; margin-top: 8px; border-radius: 3px; background: var(--lb-line); overflow: hidden; } .lbv-meter span { display: block; height: 100%; min-width: 4px; border-radius: 3px; background: var(--lb-accent); } /* Pranešimas (blokas „pranesimai“) – kortelė po informacijos kortelėmis */ .lbv .lbv-notice { display: flex; align-items: flex-start; gap: 16px; margin: 28px 0 0; padding: 20px 20px 20px 22px; border-radius: var(--lb-radius); background: #ffffff; border-left: 5px solid var(--lb-accent); box-shadow: var(--lb-shadow); color: var(--lb-text); } .lbv-notice__ic { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--lb-brand-tint); color: var(--lb-brand); } .lbv-notice__text { flex: 1; min-width: 0; padding-top: 2px; font-size: 16px; font-weight: 400; line-height: 1.5; } .lbv-notice__text p { margin: 0 0 4px; } .lbv-notice__text p:first-child { font-size: 18px; } .lbv-notice__text p:last-child { margin-bottom: 0; } .lbv-notice__text strong { font-weight: 600; } .lbv-notice__text a { color: var(--lb-brand); text-decoration: underline; text-underline-offset: 3px; } .lbv-notice__close { flex: none; margin: 0; } .lbv-notice__close button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--lb-bg); color: var(--lb-text); font-size: 22px; line-height: 1; cursor: pointer; } .lbv-notice__close button:hover { background: var(--lb-line); } /* Mygtukas – užpildytas pagrindine spalva (ant baltų kortelių) */ .lbv .lbv-btn--brand { background: var(--lb-brand); color: #ffffff; } .lbv .lbv-btn--brand:hover { background: var(--lb-brand-2); color: #ffffff; } /* Narystės (kolegos home-promos.php duomenys) */ .lbv ul.lbv-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; } .lbv-plan { position: relative; display: flex; flex-direction: column; padding: 28px 28px 30px; border-radius: var(--lb-radius); background: #ffffff; box-shadow: var(--lb-shadow); border-top: 5px solid var(--lb-brand); } .lbv-plan--first { border-top-color: var(--lb-accent); } .lbv h3.lbv-plan__title { margin: 0 0 16px; font-size: 22px; line-height: 1.2; font-weight: 700; } .lbv-plan__price { margin: 0; color: var(--lb-brand-dark); line-height: 1; } .lbv-plan__price strong { font: 700 48px/1 'Fira Sans Extra Condensed', 'Fira Sans', sans-serif; } .lbv-plan__price span { margin-left: 4px; font-size: 18px; font-weight: 600; color: var(--lb-muted); } .lbv-plan__price s { display: block; margin-bottom: 4px; color: var(--lb-muted); font-size: 16px; } .lbv-plan__type { margin: 8px 0 0; color: var(--lb-muted); font-size: 14px; } .lbv-plan__text { flex: 1; margin: 20px 0 24px; padding-top: 18px; border-top: 1px solid var(--lb-line); } .lbv-plan__text ul { margin: 0; padding: 0; list-style: none; } .lbv-plan__text li { position: relative; padding: 4px 0 4px 28px; font-size: 15px; line-height: 1.45; } .lbv-plan__text li::before { content: ''; position: absolute; left: 2px; top: 8px; width: 16px; height: 16px; border-radius: 50%; background: var(--lb-brand-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b54d1c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 10px no-repeat; } .lbv-plan__text p { margin: 0 0 8px; font-size: 15px; } .lbv-plan .lbv-btn { align-self: flex-start; } /* Tvarkaraščių kortelės – nuotrauka ir pavadinimas su rodykle */ .lbv-card--wide .lbv-card__img { aspect-ratio: 16 / 7; } .lbv-card--wide .lbv-card__body { display: flex; align-items: center; gap: 14px; } .lbv-card__ic { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 12px; background: var(--lb-brand-tint); color: var(--lb-brand); } .lbv-card--wide .lbv-card__title { flex: 1; } .lbv-card__go { flex: none; color: var(--lb-brand); transition: transform 0.2s ease; } .lbv-card a:hover .lbv-card__go { transform: translateX(3px); } /* Paslaugos – 4 kortelės */ .lbv-cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* Poraštė: ženklas ir pavadinimas */ .lbv a.lbv-footer__brand { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 16px; color: #ffffff; text-decoration: none; } .lbv-footer__brand img { display: block; width: auto; height: 42px; } .lbv-footer__brand span { font: 600 13px/1.3 'Fira Sans', sans-serif; letter-spacing: 0.08em; text-transform: uppercase; } .lbv .lbv-footer__social { display: flex; gap: 16px; margin-top: 14px; } .lbv .lbv-footer__social a { text-decoration: underline; } @media (max-width: 1399px) { .lbv ul.lbv-plans { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .lbv-plan { padding: 24px 20px 26px; } .lbv-cards--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 921px) { .lbv ul.lbv-plans { grid-template-columns: 1fr; } .lbv-plan__price strong { font-size: 42px; } .lbv .lbv-notice { padding: 16px; gap: 12px; } .lbv-notice__ic { display: none; } .lbv-notice__text p:first-child { font-size: 17px; } } @media (max-width: 600px) { .lbv-cards--4 { grid-template-columns: 1fr; } .lbv-card--wide .lbv-card__img { aspect-ratio: 16 / 9; } } @media (max-width: 380px) { .lbv-header__name { display: none; } } /* Plačiame ekrane, bet ne itin plačiame – logotipe tik ženklas, kad tilptų visas meniu ir kalbos. */ @media (min-width: 1400px) and (max-width: 1599px) { .lbv-header__name { display: none; } .lbv-header__inner { gap: 28px; } } /* ========================================================================================== Vidiniai puslapiai („Apie“ skiltis, naujienos) – kaip activevilnius.lt: juosta su ženklu, pavadinimas po ja, skilties navigacija, turinys baltoje kortelėje. ========================================================================================== */ .lbv-banner { position: relative; overflow: hidden; height: calc(360px + var(--lbv-bar-h, 0px)); /* + juoda juosta (dengia viršų) */ background: var(--lb-brand-dark); container-type: size; --lbv-mark-top: calc(var(--lb-header-h) + var(--lbv-bar-h, 0px) + 16px); --lbv-mark-bottom: 22px; } .lbv-banner::before { content: ''; position: absolute; top: 0; bottom: 0; left: -100px; right: 0; background: var(--lbv-hero-img) center / cover no-repeat; animation: lbv-pan 20s linear infinite; } .lbv-banner::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: rgba(62, 70, 76, 0.72); -webkit-mask: url('img/lb-mark.svg') right max(6%, calc((100cqw - var(--lb-width)) / 2 + 24px)) top var(--lbv-mark-top) / auto min(calc(100cqh - var(--lbv-mark-top) - var(--lbv-mark-bottom)), 32cqw) no-repeat, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: url('img/lb-mark.svg') right max(6%, calc((100cqw - var(--lb-width)) / 2 + 24px)) top var(--lbv-mark-top) / auto min(calc(100cqh - var(--lbv-mark-top) - var(--lbv-mark-bottom)), 32cqw) no-repeat exclude, linear-gradient(#000 0 0); } .lbv-banner__inner { position: absolute; z-index: 2; left: 0; right: 0; bottom: 28px; max-width: calc(var(--lb-width) + 48px); margin: 0 auto; padding: 0 24px; } /* Dabartinis skyrius – salotinis apvadas (kaip AV). */ .lbv .lbv-btn.lbv-btn--current { box-shadow: inset 0 0 0 3px var(--lb-accent); } html.dis_imgh .lbv .lbv-banner::before { display: none; } .lbv-head { padding-top: 44px; padding-bottom: 8px; } .lbv h1.lbv-head__title { margin: 0; font-size: clamp(32px, 4vw, 44px); font-weight: 700; line-height: 1.1; } .lbv-subnav { margin-top: 20px; } .lbv-subnav ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .lbv .lbv-subnav a { display: inline-block; padding: 8px 16px; border-radius: 999px; background: #ffffff; box-shadow: inset 0 0 0 1px var(--lb-line); color: var(--lb-text); font-size: 15px; font-weight: 500; text-decoration: none; transition: background-color 0.2s ease, box-shadow 0.2s ease; } .lbv .lbv-subnav a:hover { box-shadow: inset 0 0 0 1px var(--lb-brand); color: var(--lb-brand); } .lbv .lbv-subnav a[aria-current="page"] { background: var(--lb-brand); box-shadow: none; color: #ffffff; } .lbv-inner .lbv-main { padding-top: 28px; } /* --- Turinys (kolegos lb_render_page_body() HTML: .text, h2.toggle akordeonas) ----------------- */ .lbv-content { padding: 40px 48px 44px; border-radius: 20px; background: #ffffff; box-shadow: var(--lb-shadow); font-size: 17px; line-height: 1.7; } .lbv-content .text { overflow-wrap: anywhere; } .lbv-content .text > :first-child { margin-top: 0; } .lbv-content .text > :last-child { margin-bottom: 0; } .lbv-content p { margin: 0 0 14px; } .lbv-content :is(ul, ol) { margin: 0 0 16px; padding-left: 24px; } .lbv-content li { margin: 0 0 6px; } .lbv-content li::marker { color: var(--lb-brand); } .lbv-content a { text-decoration: underline; text-underline-offset: 3px; } .lbv-content strong { font-weight: 600; } .lbv-content img { border-radius: 12px; } /* Baseinų užimtumo tvarkaraštis (lb_av_schedule_images()): lentelė be paraščių per visą plotį; telefone – platesnė, slenkama į šoną (kitaip tekstas per smulkus); „Atidaryti visu dydžiu“ – naujame lange. */ .lbv-content .lbv-sched { display: block; overflow-x: auto; border-radius: 12px; border: 1px solid var(--lb-line); background: #ffffff; } .lbv-content .lbv-sched img { display: block; width: 100%; height: auto; border-radius: 0; } .lbv-content .lbv-sched__open { display: inline-block; margin: 10px 0 32px; font-weight: 600; } .lbv-content .lbv-sched { cursor: zoom-in; } .lbv-content .lbv-sched__open::before { content: '⤢ '; } @media (max-width: 921px) { .lbv-content .lbv-sched img { width: auto; min-width: 1000px; max-width: none; } } /* Lightbox (av.js): lentelė pilnu dydžiu (iki 1600 px), slenkama; tamsus fonas, ✕ viršuje dešinėje. */ html.lbv-lightbox-open { overflow: hidden; } .lbv-lightbox { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; } .lbv-lightbox::backdrop { background: rgba(20, 22, 26, 0.88); } .lbv-lightbox__body { box-sizing: border-box; width: 100%; height: 100%; overflow: auto; padding: 56px 16px 24px; overscroll-behavior: contain; } .lbv-lightbox__body img { display: block; width: 100%; max-width: 1600px; height: auto; margin: 0 auto; background: #ffffff; border-radius: 8px; } .lbv-lightbox__close { position: fixed; top: 10px; right: 14px; z-index: 1; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #ffffff; color: var(--lb-text); font-size: 20px; line-height: 44px; cursor: pointer; box-shadow: var(--lb-shadow-hover); } .lbv-lightbox__close:focus-visible { outline: 3px solid var(--lb-accent); outline-offset: 2px; } @media (max-width: 921px) { .lbv-lightbox__body { padding: 60px 8px 16px; } .lbv-lightbox__body img { width: auto; min-width: 1000px; max-width: none; } } .lbv-content hr { display: none; } /* Lentelės (pvz. slapukų) – linijos, plati lentelė slenkama. */ .lbv-content table { display: block; max-width: 100%; overflow-x: auto; margin: 8px 0 20px; border: 0; border-collapse: collapse; font-size: 15px; line-height: 1.5; } .lbv-content table td, .lbv-content table th { padding: 12px 14px; border: 1px solid var(--lb-line); vertical-align: top; width: auto !important; } .lbv-content table tr:first-child td { background: var(--lb-bg); } /* Paprasta sekcija (ne akordeonas) */ .lbv-content > h2 { margin: 32px 0 12px; font-size: 26px; font-weight: 700; line-height: 1.2; } /* Akordeonas: h2.toggle > a (jQuery slideToggle iš kolegos HTML) */ .lbv-content > h2.toggle { margin: 0; border-top: 1px solid var(--lb-line); } .lbv-content > .text.mt + h2.toggle { margin-top: 28px; } .lbv-content > h2.toggle:first-child { border-top: 0; } .lbv .lbv-content > h2.toggle a { position: relative; display: block; padding: 20px 56px 20px 0; color: var(--lb-text); font-size: 21px; font-weight: 600; line-height: 1.3; text-decoration: none; } .lbv .lbv-content > h2.toggle a:hover { color: var(--lb-brand); } .lbv-content > h2.toggle a i { position: absolute; right: 0; top: 50%; width: 36px; height: 36px; margin-top: -18px; border-radius: 50%; background: var(--lb-brand-tint); transition: background-color 0.2s ease; } .lbv-content > h2.toggle a i::before, .lbv-content > h2.toggle a i::after { content: ''; position: absolute; left: 11px; right: 11px; top: 17px; height: 2px; border-radius: 1px; background: var(--lb-brand); transition: transform 0.2s ease; } .lbv-content > h2.toggle a i::after { transform: rotate(90deg); } .lbv-content > h2.toggle a i.minus { background: var(--lb-brand); } .lbv-content > h2.toggle a i.minus::before { background: #ffffff; } .lbv-content > h2.toggle a i.minus::after { transform: rotate(0); background: #ffffff; } .lbv-content > h2.toggle + .text { padding: 0 0 24px; } /* --- Naujiena ------------------------------------------------------------------------------------ */ .lbv-post__date { display: inline-block; margin: 0 0 10px; padding: 4px 12px; border-radius: 999px; background: var(--lb-brand-tint); color: var(--lb-brand-dark); font-size: 13px; font-weight: 700; } .lbv .lbv-post__title { margin: 0 0 20px; font-size: clamp(28px, 3.2vw, 38px); font-weight: 700; line-height: 1.15; } .lbv .lbv-post__img { float: right; width: min(46%, 560px); margin: 4px 0 20px 32px; } .lbv-post__img img { display: block; width: 100%; border-radius: 14px; box-shadow: var(--lb-shadow); } .lbv-post__back { clear: both; margin: 28px 0 0; padding-top: 20px; border-top: 1px solid var(--lb-line); } .lbv a.lbv-more--back .lbv-icon { transform: rotate(180deg); } .lbv a.lbv-more--back:hover .lbv-icon { transform: rotate(180deg) translateX(3px); } .lbv .lbv-content a.lbv-more { text-decoration: none; } html.dis_fs2 .lbv :is(.lbv-head, .lbv-banner__inner) { zoom: 1.15; } html.dis_fs3 .lbv :is(.lbv-head, .lbv-banner__inner) { zoom: 1.3; } @media (max-width: 921px) { .lbv-banner { height: calc(240px + var(--lbv-bar-h, 0px)); } .lbv-banner::after { -webkit-mask-position: right 6% top var(--lbv-mark-top), 0 0; mask-position: right 6% top var(--lbv-mark-top), 0 0; } .lbv-banner__inner { bottom: 18px; padding: 0 16px; } .lbv-banner .lbv-btns { gap: 8px; } .lbv .lbv-banner .lbv-btn { padding: 10px 16px; font-size: 14px; } .lbv-head { padding-top: 32px; } .lbv-content { padding: 26px 20px 28px; border-radius: 16px; font-size: 16px; } .lbv .lbv-content > h2.toggle a { font-size: 18px; padding: 16px 48px 16px 0; } .lbv .lbv-post__img { float: none; display: block; width: 100%; margin: 0 0 20px; } } @media (max-width: 600px) { .lbv-banner { height: calc(280px + var(--lbv-bar-h, 0px)); } } @media (prefers-reduced-motion: reduce) { .lbv-banner::before { animation: none; } } /* Senas centruotas pabrauktas „poskyrio“ užrašas turinyje – kaip antraštė. */ .lbv-content p[style*="center"] span[style*="underline"], .lbv-content p[style*="center"] strong span[style*="underline"] { text-decoration: none !important; } .lbv-content p[style*="center"]:has(span[style*="underline"]) { margin: 28px 0 12px; text-align: left !important; font: 700 22px/1.25 'Fira Sans Extra Condensed', 'Fira Sans', sans-serif; letter-spacing: 0.2px; } .lbv-content p[style*="center"]:has(span[style*="underline"]) br { display: none; } /* Telefone skilties navigacija – viena slenkama eilutė (ne 4–5 eilutės mygtukų). */ @media (max-width: 921px) { .lbv-subnav ul { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 2px 16px 6px; } .lbv-subnav ul::-webkit-scrollbar { display: none; } .lbv-subnav li { flex: none; } } /* --- Turinio nuoroda-mygtukas (pastraipa tik su viena nuoroda, pvz. „REGISTRUOTIS ›“) – av.js ---------- */ .lbv .lbv-content a.lbv-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; padding: 14px 26px; border-radius: 999px; background: var(--lb-brand); color: #ffffff; font-weight: 600; text-decoration: none; transition: background-color 0.2s ease, transform 0.2s ease; } .lbv .lbv-content a.lbv-cta:hover { background: var(--lb-brand-2); color: #ffffff; transform: translateY(-2px); } .lbv-content a.lbv-cta .lbv-icon { width: 18px; height: 18px; } /* --- Naujienų sąrašas: „Rodyti daugiau“ (av.js) ------------------------------------------------- */ .lbv-js .lbv-card.is-later { display: none; } .lbv-loadmore { margin: 32px 0 0; text-align: center; } .lbv-loadmore[hidden] { display: none; } /* --- Treneriai (kolegos tpl_trainers.php: a[name] + h2.toggle akordeonas, nuotrauka turinyje plaukia dešinėje) --- */ .lbv-trainers > a[name] { display: block; } .lbv-trainers > a[name]:first-child + h2.toggle { border-top: 0; } .lbv-trainers .text img { max-width: min(400px, 45%); height: auto; margin: 4px 0 16px 24px !important; } @media (max-width: 600px) { .lbv-trainers .text img { float: none !important; display: block; max-width: 100%; margin: 0 0 16px !important; } } /* --- „Paslaugos“: tekstas + šoninė kortelė (kaip activevilnius.lt objektų puslapiai) ------------- */ .lbv-split { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 32px; align-items: start; } .lbv-aside { position: sticky; top: 24px; display: grid; gap: 16px; } .lbv-aside__img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 20px; box-shadow: var(--lb-shadow); } .lbv-aside__card { padding: 22px; border-radius: 20px; background: #ffffff; box-shadow: var(--lb-shadow); } .lbv-btns--stack { flex-direction: column; gap: 10px; } .lbv-btns--stack .lbv-btn { text-align: center; } .lbv .lbv-btn--brand, .lbv .lbv-btn--brand:hover { background: var(--lb-brand); color: #ffffff; } .lbv .lbv-btn--brand:hover { background: var(--lb-brand-2); } .lbv .lbv-btn--line, .lbv .lbv-btn--line:hover { background: #ffffff; color: var(--lb-brand); box-shadow: inset 0 0 0 2px var(--lb-brand); } .lbv .lbv-btn--line:hover { background: var(--lb-brand-tint); } .lbv-aside__list { margin: 18px 0 0; padding: 18px 0 0; border-top: 1px solid var(--lb-line); list-style: none; display: grid; gap: 14px; } .lbv-aside__list li { display: flex; align-items: center; gap: 14px; } .lbv-aside__list .lbv-fact__ic { width: 42px; height: 42px; border-radius: 10px; } .lbv-aside__list small { display: block; color: var(--lb-muted); font-size: 13px; line-height: 1.3; } .lbv-aside__list strong, .lbv .lbv-aside__list a { display: block; font-size: 15px; font-weight: 600; line-height: 1.4; } .lbv .lbv-aside__list a { color: var(--lb-text); text-decoration: none; } .lbv .lbv-aside__list a:hover { color: var(--lb-brand); text-decoration: underline; } @media (max-width: 1100px) { .lbv-split { grid-template-columns: 1fr; } .lbv-aside { position: static; grid-template-columns: 1fr 1fr; align-items: start; } } @media (max-width: 700px) { .lbv-aside { grid-template-columns: 1fr; } } /* Skilties puslapio tekstas („Paslaugos“) – virš kortelių; ilgi el. pašto adresai šoninėje kortelėje lūžta. */ .lbv-intro { margin-bottom: 32px; } .lbv .lbv-aside__list a { overflow-wrap: anywhere; } /* --- Kainos (kolegos tpl_prices.php HTML: .text > h2, .prices > table, paslėptos formos #f_priceslogin) ------------ */ /* Įvadas („lankytojų patogumai“) – kortelė; tik iš tuščių pastraipų – nerodomas. */ .lbv-prices > .text.mt { margin: 0 0 8px; padding: 26px 30px; border-radius: 18px; background: #ffffff; box-shadow: var(--lb-shadow); font-size: 16px; line-height: 1.75; } .lbv-prices > .text.mt:not(:has(p:not([hidden]))) { display: none; } .lbv-prices > .text.mt p { margin: 0; } .lbv .lbv-prices > .text > h2, .lbv .lbv-prices > h2 { margin: 40px 0 14px; font-size: 26px; font-weight: 700; line-height: 1.2; } .lbv-prices > .text h2::after, .lbv-prices > h2::after { content: ''; display: block; width: 40px; height: 4px; margin-top: 8px; border-radius: 2px; background: var(--lb-accent); } .lbv-prices hr { display: none; } .lbv-prices > h2[hidden] { display: none; } .lbv-prices > .text:not(.mt):not(:has(h2)) { margin: 0 0 14px; color: var(--lb-muted); font-size: 15px; line-height: 1.6; } .lbv-prices > .text font[color] { color: #b42318; } .lbv-prices .prices { overflow: hidden; border-radius: 18px; background: #ffffff; box-shadow: var(--lb-shadow); } .lbv-prices .prices + form + .text, .lbv-prices .prices + .text { margin-top: 12px; } .lbv-prices .prices table { width: 100%; border-collapse: collapse; } .lbv-prices .prices td { padding: 16px 20px; border-top: 1px solid var(--lb-line); vertical-align: middle; font-size: 16px; line-height: 1.5; } .lbv-prices .prices tr:first-child td { border-top: 0; } .lbv-prices .prices td:first-child { width: 120px; color: var(--lb-brand); font-weight: 700; } .lbv-prices .prices td:first-child.is-empty { width: 0; padding: 0; } .lbv-prices .prices td:last-child { width: 220px; text-align: right; white-space: nowrap; font: 700 22px/1.2 'Fira Sans Extra Condensed', 'Fira Sans', sans-serif; color: var(--lb-text); } .lbv-prices .prices td:last-child center { margin-top: 8px; } .lbv .lbv-prices .prices a.b_default { display: inline-block; padding: 8px 16px; border-radius: 999px; background: var(--lb-brand); color: #ffffff; font: 600 13px/1.2 'Fira Sans', sans-serif; text-decoration: none; } .lbv .lbv-prices .prices center + center a.b_default { background: #ffffff; color: var(--lb-brand); box-shadow: inset 0 0 0 2px var(--lb-brand); } .lbv .lbv-prices .prices a.b_default:hover { background: var(--lb-brand-2); color: #ffffff; } .lbv-prices .prices tr:hover td { background: #fdfbf6; } /* Paskutinis blokas (mokesčiai, nuolaidos) – kortelė */ .lbv-prices > h2[hidden] + .text { margin-top: 40px; padding: 26px 30px; border-radius: 18px; background: #ffffff; box-shadow: var(--lb-shadow); color: var(--lb-text); font-size: 16px; line-height: 1.7; } .lbv-prices > h2[hidden] + .text p { margin: 0 0 10px; } @media (max-width: 921px) { .lbv-prices > .text.mt, .lbv-prices > h2[hidden] + .text { padding: 20px; } .lbv-prices .prices td { padding: 14px 16px; font-size: 15px; } .lbv-prices .prices td:first-child { width: 84px; } .lbv-prices .prices td:last-child { width: auto; font-size: 19px; } } @media (max-width: 600px) { .lbv-prices .prices tr { display: grid; grid-template-columns: auto 1fr; } .lbv-prices .prices td { border-top: 0; } .lbv-prices .prices tr + tr { border-top: 1px solid var(--lb-line); } .lbv-prices .prices td:nth-child(2) { padding-left: 0; } .lbv-prices .prices td:first-child.is-empty { display: none; } .lbv-prices .prices td:first-child.is-empty + td { grid-column: 1 / -1; padding-left: 16px; } .lbv-prices .prices td:last-child { grid-column: 1 / -1; padding-top: 0; text-align: left; white-space: normal; } .lbv-prices .prices td:last-child center { display: inline-block; margin: 8px 6px 0 0; } } /* --- Baseino užimtumo tvarkaraštis (turinys: PDF nuoroda ir paveikslėliai) ------------------------------------- */ .lbv .lbv-content a[href$=".pdf"] { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 999px; background: var(--lb-brand); color: #ffffff; font-weight: 600; text-decoration: none; } .lbv .lbv-content a[href$=".pdf"]:hover { background: var(--lb-brand-2); color: #ffffff; } .lbv-content p[style*="center"] img { display: block; margin: 16px auto 0; border-radius: 12px; box-shadow: var(--lb-shadow); } /* --- Grupinių užsiėmimų salės tvarkaraštis (kolegos tpl_schedule.php: CodyHouse .cd-schedule, cd-main.js) ---------- Išdėstymą (įvykių aukštį ir vietą) skaičiuoja cd-main.js – keičiama tik išvaizda. Užsiėmimas su nuoroda () – į jį galima registruotis (atidaro langą su event.php), praėjęs () – blankesnis. Spalvos juostelė kairėje – kaip sename (data-event pagal kolegos duomenis). */ .lbv-schedule { padding-top: 28px; } .lbv-schedule ul { margin: 0; padding: 0; list-style: none; } .lbv-schedule li { margin: 0; } .lbv-schedule li::marker { content: none; } .lbv-schedule .cd-schedule, .lbv-schedule .cd-schedule :is(span, em, b, a, h3, i) { font-family: 'Fira Sans', sans-serif; } .lbv-schedule > p[style*="center"]:first-child { margin: 0 0 8px; } .lbv-schedule > p[style*="center"] span[style*="color"] { color: #b42318 !important; } /* Savaitės perjungimas ⇠ data ⇢ */ .lbv-schedule center .cf { display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 18px; } .lbv-schedule center .cf b { font-weight: 600; } .lbv .lbv-schedule a.arr { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--lb-brand-tint); color: var(--lb-brand); font-size: 22px; line-height: 1; text-decoration: none; } .lbv .lbv-schedule a.arr:hover { background: var(--lb-brand); color: #ffffff; } .lbv-schedule .cd-schedule { margin: 24px 0 0; } .lbv-schedule .cd-schedule .timeline li span { color: var(--lb-muted); font-size: 13px; font-weight: 500; } .lbv-schedule .cd-schedule .events .events-group { border-color: var(--lb-line); } .lbv-schedule .cd-schedule .events .top-info { border-color: var(--lb-line); background: var(--lb-bg); } .lbv-schedule .cd-schedule .events .top-info > span { font-size: 14px; font-weight: 600; color: var(--lb-brand-dark); } .lbv-schedule .cd-schedule .events .single-event { overflow: hidden; border-radius: 8px; border-left: 4px solid var(--lb-brand); background: var(--lb-brand-tint) !important; box-shadow: none; } .lbv-schedule .cd-schedule .events .single-event > i { display: block; height: 100%; padding: 5px 8px 8px; font-style: normal; } .lbv-schedule .cd-schedule .events .single-event > a { display: block; height: 100%; padding: 5px 8px 8px; text-decoration: none; } .lbv-schedule .cd-schedule .single-event em { font-style: normal; } .lbv-schedule .cd-schedule .single-event .event-name, .lbv-schedule .cd-schedule .single-event .event-date { color: var(--lb-text); } .lbv-schedule .cd-schedule .single-event .event-name { font-size: 14px; line-height: 1.25; font-weight: 600; } .lbv-schedule .cd-schedule .single-event .event-date { font-size: 12px; opacity: 1; color: var(--lb-muted); font-weight: 500; } .lbv-schedule .cd-schedule .single-event .event-intensity { margin-top: 2px; font-size: 11px; color: #e5484d; } .lbv-schedule .cd-schedule .half_l .event-name, .lbv-schedule .cd-schedule .half_r .event-name { font-size: 12px; line-height: 1.2; } /* Praėję – blankesni; į kuriuos galima registruotis – baltas fonas, šešėlis */ .lbv-schedule .cd-schedule .single-event:has(> i) { opacity: 0.6; } .lbv-schedule .cd-schedule .single-event:has(> a) { background: #ffffff !important; box-shadow: 0 6px 16px rgba(62, 70, 76, 0.12); } .lbv-schedule .cd-schedule .single-event:has(> a):hover { background: var(--lb-brand-tint) !important; } .lbv-schedule .cd-schedule .single-event[data-event="event-0"] { border-left-color: #a39d8f; } .lbv-schedule .cd-schedule .single-event[data-event="event-1"] { border-left-color: #f77d48; } .lbv-schedule .cd-schedule .single-event[data-event="event-2"] { border-left-color: #b54d1c; } .lbv-schedule .cd-schedule .single-event[data-event="event-3"] { border-left-color: #3e464c; } .lbv-schedule .cd-schedule .single-event[data-event="event-4"] { border-left-color: #6a6660; } .lbv-schedule .cd-schedule .single-event[data-event="event-5"] { border-left-color: #b54d1c; } .lbv-schedule .cd-schedule .single-event[data-event="event-6"] { border-left-color: #f9a37c; } .lbv-schedule .cd-schedule .single-event[data-event="event-7"] { border-left-color: #3e464c; } .lbv-schedule .cd-schedule .single-event[data-event="event-8"] { border-left-color: #f77d48; } /* Užsiėmimo langas */ .lbv-schedule .cd-schedule .event-modal { border-radius: 16px; overflow: hidden; } .lbv-schedule .cd-schedule .event-modal .header-bg { background: var(--lb-brand-dark) !important; } .lbv-schedule .cd-schedule .event-modal .event-name, .lbv-schedule .cd-schedule .event-modal .event-date { color: #ffffff; } .lbv-schedule .cd-schedule .event-modal .event-info { font-size: 15px; line-height: 1.6; color: var(--lb-text); } /* CodyHouse plaukiantys (float) elementai – kortelė juos apgaubia (sename dizaine tai darė fb.css). */ .lbv-schedule :is(.cd-schedule, .cd-schedule .events, .cd-schedule .events-group) { display: flow-root; } @media (max-width: 799px) { .lbv-schedule .cd-schedule .events .events-group { float: none; width: 100%; margin-bottom: 16px; } .lbv-schedule .cd-schedule .events .events-group > ul { float: none; display: grid; gap: 8px; padding: 10px 0 0; } .lbv-schedule .cd-schedule .events .single-event { float: none; width: auto; margin: 0; } .lbv-schedule .cd-schedule .events .top-info { padding: 10px 12px; border-radius: 10px; text-align: left; } } /* --- Galerija: albumų kortelės (kaip Žirmūnuose) – nuotrauka per visą kortelę, pavadinimas ant jos; pirmas – 2×2 ------- */ .lbv ul.lbv-albums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; } .lbv-album:first-child { grid-column: span 2; grid-row: span 2; } .lbv .lbv-album > a { display: block; height: 100%; color: #ffffff; text-decoration: none; border-radius: var(--lb-radius); } .lbv-album__link { position: relative; display: block; height: 100%; min-height: 260px; overflow: hidden; border-radius: var(--lb-radius); background: var(--lb-brand-dark); box-shadow: var(--lb-shadow); } .lbv-album__link img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform 0.6s ease; } .lbv-album__link::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(62, 70, 76, 0) 35%, rgba(62, 70, 76, 0.88) 100%); } .lbv-album > a:hover img { transform: scale(1.05); } .lbv-album__play { position: absolute; z-index: 1; top: 18px; right: 18px; width: 52px; height: 52px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); } .lbv-album__play::before { content: ''; position: absolute; top: 50%; left: 54%; transform: translate(-50%, -50%); border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent var(--lb-brand-dark); } .lbv-album__body { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; display: block; padding: 22px 24px; } .lbv-album__count { display: inline-block; margin-bottom: 8px; padding: 4px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.95); color: var(--lb-brand-dark); font-size: 12px; font-weight: 700; } .lbv-album__title { display: block; font: 700 24px/1.15 'Fira Sans Extra Condensed', 'Fira Sans', sans-serif; letter-spacing: 0.2px; } .lbv-album:first-child .lbv-album__title { font-size: 34px; } .lbv-album__text { display: block; margin-top: 6px; font-size: 14px; line-height: 1.5; opacity: 0.9; } html.dis_imgh .lbv .lbv-album__link { min-height: 140px; } @media (min-width: 922px) { /* Paskutinė eilutė be tuščių vietų (pirmas albumas užima 2×2). */ .lbv-album:nth-child(3n+2):last-child:not(:first-child) { grid-column: span 2; } .lbv-album:nth-child(3n+1):last-child:not(:first-child) { grid-column: 1 / -1; } } @media (min-width: 701px) and (max-width: 921px) { .lbv ul.lbv-albums { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lbv-album:first-child { grid-row: auto; } .lbv-album:first-child .lbv-album__link { min-height: 320px; } } @media (max-width: 700px) { .lbv ul.lbv-albums { grid-template-columns: 1fr; gap: 16px; } .lbv-album:first-child { grid-column: auto; grid-row: auto; } .lbv-album:first-child .lbv-album__title { font-size: 26px; } } /* --- Kontaktai (kolegos lb_render_page_body(): .map su žemėlapio paveikslėliu + pastraipos) – pastraipos kortelėmis -------- */ .lbv-content.lbv-contacts { padding: 0; background: transparent; box-shadow: none; } .lbv-contacts .text { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .lbv-contacts .text > p { margin: 0; padding: 26px 28px; border-radius: 20px; background: #ffffff; box-shadow: var(--lb-shadow); font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; } .lbv-contacts .text > p > strong:first-child, .lbv-contacts .text > p > span[style*="underline"]:first-child strong { display: inline-block; margin-bottom: 6px; color: var(--lb-brand); font: 700 15px/1.3 'Fira Sans', sans-serif; letter-spacing: 0.06em; text-transform: uppercase; } .lbv-contacts .text > p span[style*="underline"] { text-decoration: none !important; } .lbv-contacts .text > p > span[style*="underline"]:first-child strong br { display: none; } .lbv-contacts .text > p > span[style*="underline"]:first-child { display: block; } /* Žemėlapis – per visą eilutę po kortelėmis */ .lbv-contacts .text > .map { grid-column: 1 / -1; order: 10; } .lbv-contacts .text > .map a { position: relative; display: block; overflow: hidden; border-radius: 20px; box-shadow: var(--lb-shadow); } .lbv-contacts .text > .map img { display: block; width: 100%; height: 340px; object-fit: cover; border-radius: 0; transition: transform 0.5s ease; } .lbv-contacts .text > .map a:hover img { transform: scale(1.02); } .lbv-contacts .text > .map a::after { content: 'Atidaryti žemėlapyje'; position: absolute; left: 20px; bottom: 20px; padding: 12px 22px; border-radius: 999px; background: var(--lb-brand); color: #ffffff; font: 600 15px/1.2 'Fira Sans', sans-serif; } @media (max-width: 921px) { .lbv-contacts .text { grid-template-columns: 1fr; gap: 14px; } .lbv-contacts .text > p { padding: 20px; } .lbv-contacts .text > .map img { height: 240px; } } /* ========================================================================================== Prisijungimas / registracija (/paskyra/, neprisijungusiam) – kolegos fb-legacy HTML nekeistas, tik stiliai. Elgsena iš senojo fb.css: #d_login / #d_remember / #d_register rodomi tik su .show. ========================================================================================== */ .lbv main.acc { width: 100%; max-width: calc(var(--lb-width) + 48px); margin: 0 auto; padding: 28px 24px 0; } .lbv #acc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; } .lbv #acc > .msg { grid-column: 1 / -1; } .lbv #acc .accl, .lbv #acc .accr { padding: 32px 36px 36px; border-radius: 20px; background: #ffffff; box-shadow: var(--lb-shadow); font-size: 15px; line-height: 1.6; } .lbv #d_login, .lbv #d_remember, .lbv #d_change, .lbv #d_register { display: none; } .lbv #d_login.show, .lbv #d_remember.show, .lbv #d_change.show, .lbv #d_register.show, .lbv #company.show { display: block; } .lbv #acc h2 { margin: 0 0 22px; font-size: 28px; font-weight: 700; line-height: 1.15; } .lbv #acc h2::after { content: ''; display: block; width: 40px; height: 4px; margin-top: 10px; border-radius: 2px; background: var(--lb-accent); } .lbv #acc h2 hr { display: none; } .lbv #acc .cf { clear: both; } .lbv #acc .h10 { height: 10px; } .lbv #acc a:not(.b_default):not(.i) { color: var(--lb-brand); font-weight: 600; } /* Laukai */ .lbv #acc fieldset { margin: 0 0 16px; padding: 0; border: 0; min-width: 0; } .lbv #acc label.full { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 600; color: var(--lb-text); } .lbv #acc s, .lbv #acc .red { color: #c62828; text-decoration: none; font-weight: 700; } .lbv #acc input.full, .lbv #acc input[type="text"], .lbv #acc input[type="password"], .lbv #acc input[type="email"] { display: block; width: 100%; padding: 12px 14px; border: 1.5px solid var(--lb-line); border-radius: 10px; background: #ffffff; color: var(--lb-text); font: 400 16px/1.4 'Fira Sans', sans-serif; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .lbv #acc input.full:hover { border-color: #d8d1bf; } .lbv #acc input.full:focus { outline: none; border-color: var(--lb-brand); box-shadow: 0 0 0 3px rgba(181, 77, 28, 0.18); } .lbv #acc input.err, .lbv #acc input.error { border-color: #c62828; box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.12); } .lbv #acc form { color: var(--lb-muted); font-size: 13px; } .lbv #acc form fieldset { color: var(--lb-text); font-size: 15px; } /* Žymimieji langeliai: tikras langelis lieka pasiekiamas klaviatūra (nematomas virš .checkmark). */ .lbv #acc .ch_container { position: relative; display: block; margin: 4px 0 0; padding-left: 36px; font-weight: 400; line-height: 1.5; cursor: pointer; } .lbv #acc .ch_container .checkbox { display: block; position: absolute; left: 0; top: 0; width: 24px; height: 24px; margin: 0; opacity: 0; cursor: pointer; } .lbv #acc .checkmark { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 1.5px solid #d3ccba; border-radius: 6px; background: #ffffff; pointer-events: none; transition: background-color 0.15s ease, border-color 0.15s ease; } .lbv #acc .checkmark::after { content: ''; position: absolute; display: none; left: 7px; top: 3px; width: 6px; height: 12px; border: solid #ffffff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); } .lbv #acc .ch_container .checkbox:checked ~ .checkmark, .lbv #acc .ch_container .checked.checkmark { background: var(--lb-brand); border-color: var(--lb-brand); } .lbv #acc .ch_container .checkbox:checked ~ .checkmark::after, .lbv #acc .ch_container .checked.checkmark::after { display: block; } .lbv #acc .ch_container .checkbox:focus-visible ~ .checkmark { outline: 3px solid var(--lb-brand); outline-offset: 2px; } .lbv #acc .checkmark.err, .lbv #acc .checkmark.error { border-color: #c62828; } /* Mygtukai (nuorodos .b_default – jų onclick siunčia formas) */ .lbv #acc a.b_default, .lbv #acc a.b_default:visited { display: inline-flex; align-items: center; justify-content: center; min-width: 180px; margin-top: 6px; padding: 14px 28px; border-radius: 999px; background: var(--lb-brand); color: #ffffff; font: 600 15px/1.2 'Fira Sans', sans-serif; letter-spacing: 0.02em; text-decoration: none; transition: background-color 0.2s ease, transform 0.2s ease; } .lbv #acc a.b_default:hover { background: var(--lb-brand-2); color: #ffffff; transform: translateY(-2px); } /* Pranešimai (.msg) – informacija, klaidos, slaptažodžio sąlygos */ .lbv #acc .msg { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 16px 18px; border-radius: 14px; background: var(--lb-brand-tint); border: 1px solid #ead9c9; color: var(--lb-text); font-size: 15px; line-height: 1.55; } .lbv #acc .msg.bgred { background: #fff1f1; border-color: #f3b4b4; } .lbv #acc .msg.bggreen { background: #f2f9e3; border-color: #cfe39a; } .lbv #acc .msg.bgpink { display: block; margin-top: 10px; padding: 12px 14px; background: #fff7f2; border-color: #f6cdb4; font-size: 13px; color: var(--lb-muted); } .lbv #acc .msg.none { display: none; } .lbv #acc .msg .i_info { flex: none; display: block; width: 22px; height: 22px; margin-top: 1px; background: url('/img/i_info.svg') center / 22px 22px no-repeat; } .lbv #acc .msg span.t { flex: 1; } .lbv #acc .msg span.x { flex: none; } .lbv #acc .msg span.x a { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(255, 255, 255, 0.8) url('/img/i_x.svg') center / 14px 14px no-repeat; } .lbv #acc .msg span.x a:hover { background-color: #ffffff; } /* Klaidų pranešimas po AJAX (#err_login ir kt.) */ .lbv #acc [id^="err_"] { margin: 0 0 16px; } @media (max-width: 921px) { .lbv main.acc { padding: 20px 16px 0; } .lbv #acc { grid-template-columns: 1fr; gap: 16px; } .lbv #acc .accl, .lbv #acc .accr { padding: 24px 20px 26px; } .lbv #acc a.b_default { width: 100%; } } /* ========================================================================================== Prisijungusio paskyra (/paskyra/duomenys/, /paskyra/paslaugos/, /paskyra/naujos-paslaugos/) – kolegos fb-legacy HTML (tpl_acc.php: aside + article; inc_acc_*.php) nekeistas, tik stiliai. Formos ir „Pirkti“ – kaip anksčiau. ========================================================================================== */ .lbv #acc:has(> aside) { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; align-items: start; } .lbv #acc > aside { position: sticky; top: 24px; padding: 18px 20px; border-radius: 20px; background: #ffffff; box-shadow: var(--lb-shadow); } .lbv #acc > aside ul { margin: 0; padding: 0; list-style: none; } .lbv #acc > aside li { border-top: 1px solid var(--lb-line); } .lbv #acc > aside li:first-child { border-top: 0; } .lbv #acc > aside li.client { display: flex; align-items: center; gap: 10px; padding: 4px 0 14px; } .lbv #acc > aside li.client i { flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--lb-brand-tint) url("/img/i_user_b.svg") center / 18px 18px no-repeat; } .lbv #acc > aside li.client b { font: 700 18px/1.25 "Fira Sans Extra Condensed", "Fira Sans", sans-serif; color: var(--lb-text); } .lbv #acc > aside li a { display: block; margin: 4px -10px; padding: 10px 10px; border-radius: 10px; color: var(--lb-text) !important; font-size: 15px; font-weight: 600; line-height: 1.35; text-decoration: none; } .lbv #acc > aside li a:hover { background: var(--lb-bg); color: var(--lb-brand) !important; } .lbv #acc > aside li a.act { background: var(--lb-brand); color: #ffffff !important; } .lbv #acc > aside li:last-child a { color: var(--lb-muted) !important; font-weight: 500; } .lbv #acc > article { min-width: 0; padding: 32px 36px 36px; border-radius: 20px; background: #ffffff; box-shadow: var(--lb-shadow); font-size: 15px; line-height: 1.6; } .lbv #acc > article > :first-child, .lbv #acc > article #d_ud > :first-child { margin-top: 0; } .lbv #acc > article h2 { margin: 28px 0 18px; } .lbv #acc > article .msg { margin: 0 0 18px; } /* Duomenų forma: etiketė kairėje (