/* ============================================================ Spoločné štýly pre podstránky objektov (/slovensko/, /egypt/) Farebná téma sa prepína cez / "eg". ============================================================ */ :root{ --white:#fff; --text:#22201d; --text-muted:#6b6a66; --border:#e6e0d7; --radius:14px; --shadow-sm:0 2px 10px rgba(0,0,0,.06); --shadow-md:0 14px 40px rgba(0,0,0,.12); --ease:cubic-bezier(.22,.61,.36,1); --maxw:1180px; } /* Slovensko – drevo a les */ body[data-theme="sk"]{ --deep:#12211c; --primary:#2f5c3f; --accent:#5c8f4e; --soft:#f5f2ec; --on-accent:#fff; } /* Egypt – piesok a more */ body[data-theme="eg"]{ --deep:#0b2f3a; --primary:#12667a; --accent:#e0b062; --soft:#faf5ec; --on-accent:#1a1a1a; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:74px} body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:var(--text);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased; } img{max-width:100%;display:block} a{color:var(--primary)} .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* ── NAVIGÁCIA ── */ .nav{ position:fixed;top:0;left:0;right:0;z-index:50; background:rgba(255,255,255,0);backdrop-filter:blur(0); transition:background .35s var(--ease),box-shadow .35s var(--ease),backdrop-filter .35s var(--ease); } /* po odscrollovaní je lišta tmavá (farba objektu) – kontrast oproti svetlým sekciám */ .nav.is-stuck{background:var(--deep);backdrop-filter:none;box-shadow:0 6px 24px rgba(0,0,0,.18);border-radius:0 0 18px 18px} .nav__in{display:flex;align-items:center;gap:18px;height:66px} .nav__logo{font-weight:700;letter-spacing:-.01em;color:#fff;text-decoration:none;font-size:1.02rem;white-space:nowrap} .nav.is-stuck .nav__logo{color:#fff} .nav__links{display:flex;gap:22px;margin-left:auto;list-style:none} .nav__links a{color:rgba(255,255,255,.92);text-decoration:none;font-size:.88rem;font-weight:500;padding:6px 0;border-bottom:2px solid transparent} .nav.is-stuck .nav__links a{color:rgba(255,255,255,.88)} .nav.is-stuck .nav__links a:hover{color:#fff} .nav__links a:hover{border-color:var(--accent)} /* sekcia, na ktorej návštevník práve je */ .nav__links a.is-active{border-color:var(--accent);color:#fff} .nav.is-stuck .nav__links a.is-active{color:#fff;font-weight:600;border-color:var(--accent)} .nav__switch{ display:inline-flex;align-items:center;gap:8px;text-decoration:none; padding:8px 14px;border-radius:999px;font-size:.83rem;font-weight:600; border:1.5px solid rgba(255,255,255,.5);color:#fff;white-space:nowrap; } .nav.is-stuck .nav__switch{border-color:rgba(255,255,255,.45);color:#fff} .nav__switch:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)} .nav__switch svg{width:22px;height:15px;border-radius:2px;flex:none} .nav__burger{display:none;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto} .nav__burger span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:.3s} .nav.is-stuck .nav__burger span{background:#fff} /* ── HERO ── */ .hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;color:#fff;overflow:hidden} .hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--deep)} .hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center} .hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.3) 38%,rgba(0,0,0,.78) 100%),linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.12) 55%,rgba(0,0,0,0) 100%)} /* druhý prechod zľava – kvôli čitateľnosti textu na svetlých fotkách */ .hero__in{position:relative;z-index:2;padding:120px 0 90px;max-width:760px} .hero__eyebrow{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:16px} .hero h1{font-size:clamp(2.3rem,5.4vw,4.1rem);line-height:1.05;letter-spacing:-.025em;margin-bottom:18px;text-shadow:0 4px 30px rgba(0,0,0,.45)} .hero__sub{font-size:clamp(1.02rem,1.8vw,1.28rem);color:rgba(255,255,255,.92);margin-bottom:12px} .hero__detail{font-size:.94rem;color:rgba(255,255,255,.78);margin-bottom:34px} /* odznaky: hodnotenie hostí + najbližší voľný termín */ .hero__badges{display:flex;gap:10px;flex-wrap:wrap;margin:-4px 0 22px} .hero__badges:empty{display:none} .hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px; background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22); color:#fff;font-size:.86rem;text-decoration:none;line-height:1} .hero__badge strong{font-weight:700;font-size:1rem} .hero__badge-star{color:#f2c14e;font-size:1rem} .hero__badge-lbl{opacity:.9} .hero__badge-cnt{opacity:.7;font-size:.78rem} .hero__badge[hidden]{display:none} .hero__badge--free{background:rgba(92,143,78,.35);border-color:rgba(255,255,255,.28)} [data-theme="eg"] .hero__badge--free{background:rgba(224,176,98,.32)} .hero__badge-dot{width:8px;height:8px;border-radius:50%;background:#7ed37b;box-shadow:0 0 0 3px rgba(126,211,123,.3)} @media (max-width:760px){.hero__badges{justify-content:center;margin-bottom:26px}} .hero__cta{display:flex;gap:14px;flex-wrap:wrap} .hero__scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.8);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;text-align:center} .hero__scroll svg{display:block;margin:8px auto 0;animation:bob 2s infinite} @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}} /* ── TLAČIDLÁ ── */ .btn{ display:inline-flex;align-items:center;gap:9px;padding:14px 28px;border-radius:999px; font-size:.94rem;font-weight:600;text-decoration:none;border:1.5px solid transparent;cursor:pointer; transition:transform .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease); } .btn:hover{transform:translateY(-2px)} .btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 24px rgba(0,0,0,.18)} .btn--ghost{border-color:rgba(255,255,255,.6);color:#fff} .btn--ghost:hover{background:rgba(255,255,255,.14)} .btn--dark{background:var(--primary);color:#fff} /* obrysové tlačidlo pre svetlé sekcie – --ghost je určené na tmavé pozadie (biely text) */ .btn--outline{background:var(--white);border-color:var(--border);color:var(--deep)} .btn--outline:hover{border-color:var(--accent);background:var(--soft)} .btn--outline svg{color:var(--primary)} .btn[disabled]{opacity:.6;cursor:not-allowed;transform:none} /* ── SEKCIE ── */ .sec{padding:88px 0} .sec--soft{background:var(--soft)} .sec__head{max-width:720px;margin:0 auto 48px;text-align:center} .sec__eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:12px} .sec h2{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.15;letter-spacing:-.02em;color:var(--deep);margin-bottom:14px} .sec__lead{color:var(--text-muted);font-size:1.02rem} /* ── O OBJEKTE ── */ .about{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center} .about__text p+p{margin-top:16px} /* mobil: zbalený popis s prechodom do stratena */ .about__text{position:relative;transition:max-height .45s var(--ease)} .about__text.is-collapsed{overflow:hidden} .about__text.is-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;pointer-events:none; background:linear-gradient(to bottom,rgba(255,255,255,0),var(--white) 85%)} .about__more{display:none} @media (max-width:760px){ /* odkaz „Čítať ďalej“ sedí priamo pod textom ako súčasť odseku, nie ako samostatné tlačidlo */ .about__more{display:inline-flex;align-items:center;gap:5px;justify-self:center;margin:-6px 0 0;padding:4px 0; background:none;border:0;border-bottom:1.5px solid var(--accent);border-radius:0;color:var(--primary); font:inherit;font-size:.9rem;font-weight:600;cursor:pointer} .about__text.is-collapsed::after{height:60px} .about__more svg{width:15px;height:15px;transition:transform .25s var(--ease)} .about__more.is-open svg{transform:rotate(180deg)} .about__more:focus-visible{outline:2px solid var(--accent);outline-offset:3px} } .about__img img{border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;max-height:560px;object-fit:cover} .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:34px} .fact{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:18px;text-align:center} .fact__num{font-size:1.5rem;font-weight:700;color:var(--primary);line-height:1.2} .fact__lbl{font-size:.8rem;color:var(--text-muted);margin-top:4px} /* krížový odkaz na druhý objekt */ .about__cross{margin-top:22px;padding:14px 18px;border-left:3px solid var(--accent);background:var(--soft);border-radius:0 var(--radius) var(--radius) 0;font-size:.93rem;color:var(--text-muted)} .about__cross a{color:var(--primary);font-weight:600} /* ── ČASTÉ OTÁZKY ── */ .faq{max-width:820px;margin:0 auto} .faq__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);margin-bottom:10px;padding:0 20px} .faq__item summary{list-style:none;cursor:pointer;padding:16px 30px 16px 0;font-weight:600;color:var(--deep);position:relative;font-size:1rem} .faq__item summary::-webkit-details-marker{display:none} .faq__item summary::after{content:"";position:absolute;right:2px;top:50%;width:9px;height:9px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-70%) rotate(45deg);transition:transform .25s var(--ease)} .faq__item[open] summary::after{transform:translateY(-30%) rotate(-135deg)} .faq__item p{color:var(--text-muted);font-size:.95rem;padding:0 0 18px;margin:0} /* ── GALÉRIA ── */ .gal-filter{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:26px} .gal-filter:empty{display:none} .gal-chip,.near-chip{ padding:9px 20px;border-radius:999px;border:1.5px solid var(--border);background:var(--white); font:inherit;font-size:.87rem;font-weight:600;color:var(--text-muted);cursor:pointer; transition:border-color .25s var(--ease),color .25s var(--ease),background .25s var(--ease) } .gal-chip:hover,.near-chip:hover{color:var(--deep);border-color:var(--accent)} .gal-chip.is-on,.near-chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)} .gal-chip:focus-visible,.near-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px} .gal-chip__count,.near-chip__count{opacity:.65;font-weight:500;margin-left:5px} .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px} .gal figure{margin:0;position:relative;overflow:hidden;border-radius:var(--radius);cursor:zoom-in;aspect-ratio:4/3;background:var(--soft)} .gal img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)} .gal figure:hover img{transform:scale(1.07)} .gal figure.is-wide{grid-column:span 2;aspect-ratio:8/5} /* mobil: malé štvorcové náhľady v troch stĺpcoch, fotka sa otvára v pop-upe */ @media (max-width:700px){ .gal{grid-template-columns:repeat(3,1fr);gap:6px} .gal figure,.gal figure.is-wide{grid-column:span 1;aspect-ratio:1;border-radius:8px} .gal figure:hover img{transform:none} } /* malý textový odkaz pod galériou */ .gal-more{text-align:center;margin-top:18px} .gal-more:empty{display:none} .gal-more__btn{background:none;border:0;padding:6px 4px;font:inherit;font-size:.9rem;font-weight:600;color:var(--primary);cursor:pointer; border-bottom:1.5px solid transparent;transition:border-color .2s var(--ease)} .gal-more__btn:hover{border-bottom-color:var(--accent)} .gal-more__btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px} /* lightbox */ .lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center} .lb.is-open{display:flex} .lb img{max-width:94vw;max-height:88vh;object-fit:contain;border-radius:6px} .lb__btn{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:grid;place-items:center} .lb__btn:hover{background:rgba(255,255,255,.26)} .lb__prev{left:18px;top:50%;transform:translateY(-50%)} .lb__next{right:18px;top:50%;transform:translateY(-50%)} .lb__close{top:18px;right:18px} /* odkazy na virtuálnu prehliadku roztrúsené po stránke – bez prehliadky sa skryjú */ .tour-cta{text-align:center;margin-top:26px} .tour-cta .btn svg{flex:none} #rezervacia .tour-cta{margin:0 0 26px} .foot .tour-cta{text-align:left;margin:0 0 7px} /* ── 3D PREHLIADKA / VIDEO ── */ .embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);background:var(--soft)} .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0} /* mobil: náhľad prehliadky s tlačidlom Play – otvorí prehliadku v novom okne */ .embed__poster{position:absolute;inset:0;display:block;color:#fff;text-decoration:none;background:var(--deep)} .embed__poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)} .embed__play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid #fff;display:grid;place-items:center;backdrop-filter:blur(4px)} .embed__play svg{width:34px;height:34px;margin-left:4px} .embed__hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.6)} /* kontajner pre vložené widgety (kalendár, rezervácia z megaubytovanie.sk) */ .embed-box{width:100%;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px;overflow-x:auto} .embed-box:empty{display:none} .embed-box iframe{width:100%;border:0;display:block} #rez-embed:not(:empty){margin-bottom:26px} /* ── VLASTNÝ KALENDÁR OBSADENOSTI (Egypt) ── */ .cal{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px} .cal__month h3{font-size:.95rem;color:var(--deep);text-align:center;margin-bottom:10px} .cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px} .cal__dow{font-size:.7rem;font-weight:700;color:var(--text-muted);text-align:center;padding-bottom:4px;text-transform:uppercase;letter-spacing:.04em} .cal__day{ aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:8px;cursor:pointer; background:var(--soft);color:var(--text);font:inherit;font-size:.84rem;font-variant-numeric:tabular-nums; transition:background .18s var(--ease),color .18s var(--ease) } .cal__day:hover:not(.is-past):not(.is-blocked):not(.cal__day--empty){background:var(--accent);color:var(--on-accent)} .cal__day--empty{background:none;cursor:default} .cal__day.is-past{color:#c9c4bc;background:none;cursor:default} .cal__day.is-blocked{background:#e9dcd6;color:#a08b82;cursor:not-allowed;text-decoration:line-through} .cal__day.is-start,.cal__day.is-end{background:var(--primary);color:#fff;font-weight:700} .cal__day.is-in{background:rgba(224,176,98,.35)} .cal__day:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .cal__legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:22px;font-size:.82rem;color:var(--text-muted)} .cal__legend span{display:inline-flex;align-items:center;gap:7px} .cal__sw{width:14px;height:14px;border-radius:4px;display:inline-block} .cal__sw--free{background:var(--soft);border:1px solid var(--border)} .cal__sw--blocked{background:#e9dcd6} .cal__sw--sel{background:var(--primary)} .cal__bar{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:22px; padding-top:20px;border-top:1px solid var(--border)} .cal__pick{font-size:.95rem;font-weight:600;color:var(--deep)} .cal__pick--hint{font-weight:500;color:var(--text-muted)} .cal__more{text-align:center;margin-top:14px} /* ── VYBAVENIE ── */ .amen{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:start} .amen__group{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px} .amen__group h3{font-size:.92rem;line-height:1.3;color:var(--deep);margin-bottom:10px} .amen__group ul{list-style:none} .amen__group li{position:relative;padding-left:16px;font-size:.85rem;line-height:1.45;color:var(--text-muted);margin-bottom:7px} .amen__group li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--accent)} .amen__more{margin-top:7px} .amen__toggle{ display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:0; background:none;border:0;cursor:pointer;font:inherit;font-size:.8rem;font-weight:600;color:var(--primary) } .amen__toggle svg{width:14px;height:14px;transition:transform .25s var(--ease)} .amen__toggle.is-open svg{transform:rotate(180deg)} .amen__toggle:hover{text-decoration:underline} .amen__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px} @media (max-width:1100px){.amen{grid-template-columns:repeat(3,1fr)}} @media (max-width:620px){.amen{grid-template-columns:repeat(2,1fr);gap:10px}.amen__group{padding:15px 13px}} /* ── CENY ── */ /* všetky sezóny v jednom riadku – nech sa cenník prehliadne naraz */ .prices{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:12px} .price{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:22px 16px;text-align:center;transition:transform .3s var(--ease),box-shadow .3s var(--ease)} .price:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)} .price__season{font-size:.7rem;letter-spacing:.1em;line-height:1.3;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px} .price__val{font-size:1.75rem;font-weight:700;color:var(--deep);line-height:1.1} .price__unit{font-size:.8rem;color:var(--text-muted);margin-top:6px} .price__note{font-size:.76rem;line-height:1.4;color:var(--text-muted);margin-top:12px;border-top:1px solid var(--border);padding-top:12px} .price-note{text-align:center;color:var(--text-muted);font-size:.88rem;margin-top:22px} /* ── OKOLIE ── */ .near-filter{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:26px} .near-filter:empty{display:none} .near{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px} .near__item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px} .near__item h3{font-size:.98rem;color:var(--deep);margin-bottom:4px} .near__dist{font-size:.8rem;color:var(--accent);font-weight:700;margin-bottom:8px} .near__item p{font-size:.88rem;color:var(--text-muted)} /* zbalený zoznam okolia: obmedzená výška + prechod do stratena */ .near{position:relative} .near.is-collapsed{max-height:430px;overflow:hidden} .near.is-collapsed::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:190px;pointer-events:none; background:linear-gradient(to bottom,rgba(250,245,236,0) 0%,var(--soft) 78%) } .near-more{text-align:center;margin-top:-34px;position:relative;z-index:2} .near-more:empty{display:none} .near-toggle{ display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:999px; background:var(--white);border:1.5px solid var(--border);color:var(--deep); font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm); transition:border-color .25s var(--ease),transform .25s var(--ease) } .near-toggle:hover{border-color:var(--accent);transform:translateY(-2px)} .near-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px} .near-toggle svg{width:15px;height:15px;transition:transform .25s var(--ease)} .near:not(.is-collapsed) + .near-more .near-toggle svg{transform:rotate(180deg)} .map-toggle{text-align:center;margin-top:26px} .btn--map{padding:11px 22px;font-size:.88rem;font-weight:600} .map-cta{text-align:center;margin-top:18px} .map-cta:empty{display:none} #mapa[hidden]{display:none} #mapa{height:420px;border-radius:var(--radius);overflow:hidden;margin-top:26px;border:1px solid var(--border)} /* Vyhľadanie letu – otvorí Kiwi.com / Google Flights s predvyplnenou trasou */ .flights{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin-bottom:26px} .flights:empty{display:none} .flights h3{font-size:1.06rem;color:var(--deep);margin-bottom:4px} .flights__lead{font-size:.9rem;color:var(--text-muted);margin-bottom:16px} .flights__form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:end} .flights__form label{display:block;font-size:.78rem;font-weight:600;color:var(--deep);margin-bottom:5px} .flights__form select,.flights__form input{ width:100%;padding:11px 12px;border:1.5px solid var(--border);border-radius:10px; font:inherit;font-size:.92rem;color:var(--text);background:var(--white) } .flights__form select:focus,.flights__form input:focus{outline:none;border-color:var(--accent)} .flights__alt{font-size:.82rem;color:var(--text-muted);margin-top:12px} .flights__alt a{color:var(--primary);font-weight:600} @media (max-width:760px){.flights__form{grid-template-columns:1fr 1fr}.flights__form .btn{grid-column:1/-1;justify-content:center;width:100%;min-width:0}} /* Doprava – ikony v jednom riadku, detail pod nimi */ .transport{display:block} .icons{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px} .icon-tile{ display:flex;flex-direction:column;align-items:center;gap:9px; padding:18px 12px;background:var(--white);border:1.5px solid var(--border); border-radius:var(--radius);cursor:pointer;font:inherit;color:var(--text-muted); transition:border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease); } .icon-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);color:var(--deep)} .icon-tile.is-on{border-color:var(--accent);color:var(--deep);box-shadow:0 6px 20px rgba(0,0,0,.08)} .icon-tile__ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--soft);color:var(--primary);transition:background .25s var(--ease),color .25s var(--ease)} .icon-tile.is-on .icon-tile__ico{background:var(--accent);color:var(--on-accent)} .icon-tile__ico svg{width:24px;height:24px} .icon-tile__lbl{font-size:.84rem;font-weight:600;line-height:1.25;text-align:center} .icon-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px} .icon-panel{ margin-top:16px;background:var(--white);border:1.5px solid var(--border); border-left:4px solid var(--accent);border-radius:var(--radius);padding:22px 24px; } .icon-panel[hidden]{display:none} .icon-panel h3{font-size:1.06rem;color:var(--deep);margin-bottom:6px} .icon-panel p{color:var(--text-muted);font-size:.95rem;margin-top:8px} .icon-panel__steps{margin:14px 0 0 20px;color:var(--text);font-size:.93rem;line-height:1.55} .icon-panel__steps li{margin-bottom:7px;padding-left:4px} .icon-panel__steps li::marker{color:var(--accent);font-weight:700} .icon-panel__links{margin-top:16px} @media (max-width:820px){ /* na mobile ostávajú všetky ikony v jednom riadku – sú len menšie */ .icons{gap:6px} .icon-tile{padding:10px 4px 8px;gap:6px;border-radius:10px} .icon-tile__ico{width:32px;height:32px} .icon-tile__ico svg{width:18px;height:18px} .icon-tile__lbl{font-size:.64rem;line-height:1.15;hyphens:auto;overflow-wrap:anywhere} } /* mapa v sekcii Doprava – trasa od letiska k objektu */ #doprava-mapa{height:400px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);margin-bottom:18px} #doprava-mapa:empty{display:none} .transport__links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:28px} .transport__links:empty{display:none} .leaflet-popup-content{font-size:.9rem;line-height:1.5} .map-pin{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;font-size:16px;box-shadow:0 3px 10px rgba(0,0,0,.35);border:2px solid #fff} .map-pin--airport{background:var(--accent);color:var(--on-accent)} .map-flag{display:block;width:24px;height:30px;cursor:pointer;transition:transform .18s var(--ease)} .map-flag svg{width:24px;height:30px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))} .map-flag:hover{transform:scale(1.18) translateY(-2px)} .leaflet-popup-content strong{color:var(--deep)} /* ── RECENZIE ── */ .revs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px} .rev{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px} .rev__stars{color:#e8b425;letter-spacing:2px;margin-bottom:10px} .rev__text{font-size:.95rem;color:var(--text);margin-bottom:14px} .rev__who{font-size:.84rem;color:var(--text-muted);font-weight:600} .revs__empty{text-align:center;color:var(--text-muted)} /* ── FORMULÁR ── */ .form{max-width:680px;margin:0 auto;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow-sm)} .form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px} .field{margin-bottom:16px} .field label{display:block;font-size:.85rem;font-weight:600;color:var(--deep);margin-bottom:6px} .field input,.field textarea{ width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px; font:inherit;font-size:.95rem;color:var(--text);background:var(--white);transition:border-color .2s } .field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)} .field textarea{resize:vertical;min-height:130px} .field--hp{position:absolute;left:-9999px} .form__note{font-size:.78rem;color:var(--text-muted);margin-top:14px} .form__msg{margin-top:16px;padding:14px 16px;border-radius:10px;font-size:.9rem;display:none} .form__msg.ok{display:block;background:#e8f5e9;color:#256029;border:1px solid #b7dfbb} .form__msg.err{display:block;background:#fdecea;color:#8c1c13;border:1px solid #f5c2bd} /* ── KONTAKT PÁS ── */ .contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:44px} .contact__card{text-align:center;padding:24px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius)} .contact__card a{color:var(--deep);text-decoration:none;font-weight:700;font-size:1.02rem} .contact__card span{display:block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px} /* ── PÄTIČKA ── */ .foot{background:var(--deep);color:rgba(255,255,255,.75);padding:56px 0 28px;font-size:.88rem} .foot__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:34px;margin-bottom:34px} .foot h3{color:#fff;font-size:1rem;margin-bottom:12px} .foot a{color:rgba(255,255,255,.75);text-decoration:none} .foot a:hover{color:#fff} .foot ul{list-style:none} .foot li{margin-bottom:7px} .foot__bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8rem} /* ── PREPÍNAČ NA DRUHÝ OBJEKT (veľký pás) ── */ .other{position:relative;padding:74px 0;color:#fff;text-align:center;overflow:hidden} .other__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.45)} .other__in{position:relative;z-index:2} .other h2{color:#fff;margin-bottom:12px} .other p{color:rgba(255,255,255,.85);margin-bottom:26px} /* ── RESPONZÍVNE ── */ @media (max-width:1000px){ /* na užších obrazovkách sa cenník zalomí – päť stĺpcov by bolo nečitateľných */ .prices{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px} } @media (max-width:900px){ .about{grid-template-columns:1fr;gap:32px} .sec{padding:64px 0} } @media (max-width:760px){ .nav__links{ position:fixed;inset:66px 0 auto;flex-direction:column;gap:0;background:#fff; padding:10px 22px 22px;box-shadow:var(--shadow-md);display:none } .nav__links.is-open{display:flex} .nav__links{background:var(--deep);border-radius:0 0 18px 18px} .nav.is-stuck:has(.nav__links.is-open){border-radius:0} .nav__links a,.nav.is-stuck .nav__links a{color:#fff;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);width:100%} .nav__burger{display:block;order:3;margin-left:0} .nav__switch{margin-left:auto;padding:7px 11px;font-size:.78rem} .form{padding:24px} .form__row{grid-template-columns:1fr} } /* ── MOBILNÉ DOPLNKY ── */ .nav__tel{display:none} .cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;align-items:center; padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--deep);box-shadow:0 -8px 24px rgba(0,0,0,.22);border-radius:18px 18px 0 0} .cta-bar[hidden]{display:none} .cta-bar__tel{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;flex:1;min-width:0} .cta-bar__tel svg{width:20px;height:20px;flex:none} .cta-bar__tel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cta-bar__btn{padding:11px 20px;font-size:.9rem;flex:none} .amen__count{display:none} .prices-more{display:none} @media (max-width:760px){ .nav__tel{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:rgba(255,255,255,.14);margin-left:auto} .nav__tel svg{width:19px;height:19px} .nav.is-stuck .nav__tel{background:rgba(255,255,255,.14)} .nav__burger{margin-left:0} body{padding-bottom:70px} /* miesto pre lištu s CTA */ .hero__detail{display:none} /* plocha/spálne sú v O objekte */ /* O ubytovaní: kratšie – bez úvodnej vety, menšia fotka, fakty v jednom riadku */ #o-objekte .sec__lead{display:none} #o-objekte .sec__head{margin-bottom:26px} .about{gap:20px} .about__img img{max-height:220px} .facts{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px} .fact{padding:12px 6px} .fact__num{font-size:1.15rem} .fact__lbl{font-size:.66rem;line-height:1.25} .hero__in{padding:100px 0 80px;text-align:center;margin:0 auto} /* mobil: úvod na stred */ .hero__cta{justify-content:center} .hero__cta .btn{width:min(100%,320px);justify-content:center} /* vybavenie: 1 stĺpec, karta = rozbaľovací riadok */ .amen{grid-template-columns:1fr;gap:8px} .amen__group{padding:0} .amen__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:14px 16px;cursor:pointer;font-size:.95rem} .amen__head::after{content:"";width:8px;height:8px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);transition:transform .25s var(--ease);margin-right:4px} .amen__group.is-open .amen__head::after{transform:rotate(-135deg)} .amen__count{display:inline-block;margin-left:auto;font-size:.78rem;font-weight:600;color:var(--text-muted);background:var(--soft);padding:2px 9px;border-radius:999px} .amen__group ul,.amen__group .amen__toggle{display:none} .amen__group.is-open ul{display:block;padding:0 16px} .amen__group.is-open ul:last-of-type{padding-bottom:14px} .amen__group.is-open .amen__more{margin-top:0} /* ceny: kompaktné riadky, prvé 2 + odkaz */ .prices{grid-auto-flow:row;grid-template-columns:1fr;gap:8px} .price{display:grid;grid-template-columns:1fr auto;grid-template-areas:"season val" "note unit";align-items:center;text-align:left;padding:14px 16px;column-gap:14px} .price:hover{transform:none} .price__season{grid-area:season;margin:0;font-size:.72rem} .price__val{grid-area:val;font-size:1.35rem} .price__unit{grid-area:unit;margin:0;font-size:.74rem;text-align:right} .price__note{grid-area:note;margin:2px 0 0;padding:0;border:0;font-size:.76rem} .prices-more{display:block;text-align:center;margin-top:12px} .prices-more:empty{display:none} .map-toggle--route{margin:0 0 14px} .map-toggle--route:empty{display:none} } /* mobil: v Okolí stačí štítok „Okolie“, veľký nadpis sa skryje */ @media (max-width:760px){ #okolie .sec__head h2{display:none} #okolie .sec__eyebrow{font-size:.9rem;margin-bottom:10px} } @media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto}}