/* kulaté záložky nabídky, tmavý blok s ornamenty u adresy, světlý průchod přes celou šířku s jinými květy (načítá se po i.css) */

/* ---------- kulaté záložky ---------- */
.tab { width: 94px; min-width: 94px; height: 94px; padding: 0; border-radius: 50%; align-content: center; justify-items: center; text-align: center; gap: 1px; }
.tab__bg { inset: -4px; }
.tab::before { background: radial-gradient(circle at 50% 50%, rgba(38, 24, 19, .5), rgba(38, 24, 19, .72)); }
.tab__ic { position: static; width: auto; height: auto; background: none; backdrop-filter: none; font-size: 20px; color: #fff; margin-bottom: 1px; }
.tab__n { font-size: 15px; font-weight: 600; text-align: center; letter-spacing: .01em; }
.tab small { margin: 0; font-size: 12px; }
.tab[aria-selected="true"] { box-shadow: 0 0 0 3px #F3D3BF, 0 0 0 5px rgba(243, 211, 191, .35), 0 16px 24px -12px rgba(60, 34, 26, .85); }
.tab[aria-selected="true"]::before { background: radial-gradient(circle, rgba(120, 62, 48, .42), rgba(86, 46, 36, .7)); }
.tab[aria-selected="true"] .tab__ic { background: none; }
.tabs { gap: 14px; padding: 10px var(--gutter) 18px; }
@media (min-width: 900px) {
  .tabs { gap: clamp(16px, 1.6vw, 28px); padding: 12px 0 22px; }
  .tab { width: clamp(104px, 7.4vw, 134px); min-width: 0; height: clamp(104px, 7.4vw, 134px); padding: 0; }
  .tab__ic { font-size: clamp(22px, 1.5vw, 28px); }
  .tab__n { font-size: clamp(17px, 1.15vw, 21px); }
  .tab small { font-size: clamp(13px, .9vw, 16px); }
}

/* ---------- adresa: tmavý blok s ornamenty ---------- */
.addr { position: relative; isolation: isolate; color: #F6EDE6; background: linear-gradient(165deg, #4A2F2A 0%, #5B3A33 55%, #4D312C 100%); box-shadow: 0 40px 70px -40px rgba(60, 34, 26, .7); }
.addr::before { content: ''; position: absolute; inset: 0; z-index: -2; background: url('../img/vzory/ruze.webp') center / cover; opacity: .2; mix-blend-mode: soft-light; }
.addr::after { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 90% at 82% 30%, rgba(214, 160, 130, .24), transparent 70%); }
.addr__fl { position: absolute; z-index: 0; height: auto; pointer-events: none; opacity: .5; filter: drop-shadow(0 16px 20px rgba(0, 0, 0, .35)); }
.addr__fl--l { width: clamp(90px, 9vw, 170px); left: -14px; bottom: -18px; transform: rotate(-16deg); opacity: .42; }
.addr__fl--r { width: clamp(90px, 9vw, 170px); right: -10px; top: 8px; transform: rotate(16deg); opacity: .42; }
.addr__fl--e { width: clamp(50px, 5vw, 90px); right: 38%; top: -8px; transform: rotate(24deg); opacity: .3; }
.addr__text, .addr__vis { position: relative; z-index: 1; }
.addr__text .caps { color: #E9C7B2; }
.addr__text h3 { color: #FBF3EC; }
.addr__p { color: rgba(246, 237, 230, .84); }
.addr__list h3 { color: #FBF3EC; }
.addr__list p { color: rgba(246, 237, 230, .74); }
.addr__list i { color: #F3D3BF; background: rgba(255, 235, 222, .12); }
.addr__pill { background: rgba(255, 250, 244, .96); color: #6b5d4e; }
.addr .phone__body { box-shadow: 0 0 0 1px rgba(255, 255, 255, .25) inset, 0 40px 70px -24px rgba(0, 0, 0, .65); }
@media (max-width: 899px) { .addr { padding: 30px 20px 0; } }

/* ---------- Co uvidí hosté: světlá sekce přes celou šířku, jiné květy ---------- */
.tour { margin-top: 110px; padding: 90px 0 100px; color: var(--ink); overflow: hidden; isolation: isolate; background: linear-gradient(180deg, var(--ivory) 0%, #F8EBE4 14%, #F8EBE4 86%, var(--ivory) 100%); }
.tour::before { content: none; }
.tour::after { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(55% 60% at 12% 15%, rgba(244, 215, 200, .65), transparent 70%), radial-gradient(50% 55% at 92% 88%, rgba(240, 214, 222, .55), transparent 70%); }
.tour__fl { position: absolute; z-index: 0; height: auto; pointer-events: none; opacity: .6; filter: drop-shadow(0 14px 18px rgba(110, 66, 46, .18)); }
.tour__fl--wl { width: clamp(90px, 9vw, 190px); left: 0; top: 0; transform: rotate(6deg); transform-origin: top left; }
.tour__fl--sp { width: clamp(70px, 6.5vw, 140px); right: 3%; top: 3%; transform: rotate(18deg); }
.tour__fl--pn { width: clamp(100px, 10vw, 210px); right: -2%; bottom: 3%; transform: rotate(-12deg); }
.tour__fl--ly { width: clamp(80px, 8vw, 170px); left: 1%; bottom: 4%; transform: rotate(14deg); opacity: .5; }
.tour .head .h2 { color: var(--ink); }
.tour .head .lede { color: var(--soft); }
.tour .head .orn path { stroke: var(--gold); }
.tour .head .orn circle { fill: var(--gold); }
.tour .ti { background: rgba(255, 252, 248, .85); box-shadow: 0 0 0 1px var(--line); }
.tour .ti.is-on { background: #fffdfa; box-shadow: 0 0 0 2px var(--rose), 0 22px 34px -22px rgba(110, 66, 46, .5); }
.tour .ti__b { color: var(--ink); }
.tour .ti__n { background: rgba(196, 145, 122, .18); color: var(--rose-deep); }
.tour .ti.is-on .ti__n { background: linear-gradient(145deg, #C99A84, var(--rose-deep)); color: #fff; }
.tour .ti__c { color: var(--soft); }
.tour .ti__d p { color: var(--soft); }
.tour .ti__d ul, .tour__info ul { color: var(--ink); }
.tour .ti__d li::before, .tour__info li::before { border-color: var(--gold); }
.tour .ti__d img { box-shadow: 0 0 0 1px var(--line); }
.tour__no { color: rgba(196, 145, 122, .45) !important; }
.tour__info h3 { color: var(--ink) !important; }
.tour__info p { color: var(--soft) !important; }
.tour .sbtn { background: rgba(255, 252, 248, .7); border-color: rgba(74, 63, 51, .25); color: var(--ink); }
.tour .sbtn--next { background: linear-gradient(145deg, #C99A84, var(--rose-deep)); border-color: transparent; color: #fff; }
.tour .ti:hover { box-shadow: 0 0 0 1.5px var(--rose); }
.tour .phone__body { box-shadow: 0 0 0 1px rgba(255, 255, 255, .6) inset, 0 0 0 1px rgba(110, 85, 60, .28), 0 50px 80px -30px rgba(110, 66, 46, .55); }
@media (min-width: 900px) { .tour { margin-top: 150px; padding: 150px 0 160px; } }