/* ============================================================
   Apartmány Antré — zdieľané komponenty naprieč všetkými stránkami
   (prepínač jazykov, FAQ, recenzie, hlavička, prístupnosť).
   Farby dedia tokeny z konkrétnej stránky.
   ============================================================ */

/* ---------- univerzálne tlačidlo „späť" (apartmány aj okolie) ----------
   Jediná definícia pre celý web — v stránkach ani v okolie.css už nie je.  */
.pg-back{
  /* vlastný riadok — inline-flex by sa zlepil s odznakom / eyebrow textom pod ním */
  display:flex; align-items:center; gap:11px;
  width:max-content; margin-bottom:22px;
  padding:7px 20px 7px 7px; min-height:44px;
  border-radius:999px;
  background:rgba(8,8,9,.5);
  -webkit-backdrop-filter:blur(16px) saturate(1.2); backdrop-filter:blur(16px) saturate(1.2);
  border:1px solid rgba(244,241,234,.18);
  box-shadow:0 14px 34px -20px rgba(0,0,0,.95), inset 0 1px rgba(255,255,255,.05);
  font-family:var(--fb,system-ui); font-size:13.5px; font-weight:500; line-height:1;
  letter-spacing:.01em; color:var(--ink,#F4F1EA); white-space:nowrap;
  transition:background .25s ease;
}
.pg-back-ic{
  flex:none; width:30px; height:30px; border-radius:999px;
  display:grid; place-items:center;
  background:rgba(244,241,234,.1); border:1px solid rgba(244,241,234,.14);
  transition:transform .25s ease;
}
.pg-back-ic svg{
  width:15px; height:15px; display:block; fill:none; stroke:currentColor;
  stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;
}
/* zámerne jednoduché: pilulka sa jemne rozsvieti a šípka sa posunie doľava — nič viac */
.pg-back:hover{background:rgba(8,8,9,.72)}
.pg-back:hover .pg-back-ic{transform:translateX(-3px)}
@media (prefers-reduced-motion:reduce){
  .pg-back-ic{transition:none}
  .pg-back:hover .pg-back-ic{transform:none}
}
@media (max-width:560px){
  .pg-back{font-size:12.5px; padding:6px 16px 6px 6px; margin-bottom:18px}
  .pg-back-ic{width:28px; height:28px}
}

/* ---------- dotykové plochy: na mobile musí ísť do všetkého trafiť ---------- */
.nav-toggle{min-width:44px; min-height:44px}
.mp-links a, .nav-links a, .navmenu a{min-height:44px; display:flex; align-items:center}
.langsw button{min-height:38px}

/* ---------- prístupnosť: viditeľný focus všade ---------- */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, summary:focus-visible, [tabindex]:focus-visible{
  outline:2px solid var(--gold,#B65E32);
  outline-offset:3px;
  border-radius:6px;
}

/* ---------- prepínač jazykov ---------- */
.langsw{display:inline-flex; gap:5px; align-items:center}
.langsw button{
  background:transparent; border:1px solid var(--line,rgba(244,241,234,.13));
  color:var(--muted,#9C968C); border-radius:999px; padding:7px 13px;
  font:600 11.5px/1 var(--fb,system-ui); letter-spacing:.1em; cursor:pointer;
  transition:color .25s ease, background .25s ease, border-color .25s ease;
}
.langsw button:hover{color:var(--ink,#F4F1EA); border-color:var(--line-strong,rgba(244,241,234,.28))}
.langsw button[aria-current="true"]{
  background:var(--ink,#F4F1EA); color:#141310; border-color:var(--ink,#F4F1EA);
}
/* variant vo vnútri menu — popisok a tlačidlá držia spolu vľavo a lícujú s odkazmi
   nad nimi; space-between medzi nimi robil prázdnu dieru cez celé menu */
.langsw-row{display:flex; align-items:center; gap:13px;
  padding:16px 0 2px; margin-top:8px; border-top:1px solid var(--line,rgba(244,241,234,.1))}
.langsw-row .lbl{font:600 10px/1 var(--fb,system-ui); letter-spacing:.2em;
  text-transform:uppercase; color:var(--muted,#9C968C); flex:none}

/* ---------- označenie ukážkového obsahu ---------- */
.stub-note{
  display:flex; align-items:flex-start; gap:11px;
  margin-top:26px; padding:14px 18px; border-radius:14px;
  background:rgba(201,106,58,.07); border:1px solid rgba(201,106,58,.3);
  font-family:var(--fb,system-ui); font-size:12.5px; line-height:1.55;
  color:var(--muted,#9C968C); text-align:left;
}
.stub-note svg{width:16px; height:16px; flex:none; margin-top:2px;
  stroke:var(--gold,#B65E32); fill:none; stroke-width:1.7}
.stub-note b{color:var(--gold,#B65E32); font-weight:600}
.light .stub-note{background:rgba(201,106,58,.08); border-color:rgba(201,106,58,.32); color:var(--muted-d,#6B675F)}
.light .stub-note svg{stroke:var(--gold-d,#A2562E)}
.light .stub-note b{color:var(--gold-d,#A2562E)}

/* ---------- recenzie ---------- */
.revs-head{display:flex; justify-content:center; gap:22px;
  flex-direction:column; align-items:center; text-align:center;
  margin-bottom:clamp(32px,4vw,52px)}
.revs-head h2{font-family:var(--fd,Georgia,serif); font-weight:500;
  font-size:clamp(28px,4vw,50px); line-height:1.06; text-wrap:pretty; margin-top:14px}
.revs-score{display:flex; align-items:center; gap:16px; flex:none}
.revs-score .num{font-family:var(--fd,Georgia,serif); font-size:clamp(40px,5vw,58px);
  line-height:1; color:var(--gold,#B65E32)}
/* Pozor: tieto tri sedia priamo na svetlom páse, nie na tmavej karte,
   preto berú bežné tokeny — svetlý blok .light si ich prepíše sám na tmavé. */
/* škála je desiatková (tak to má aj megaubytovanie), preto „/10“ pri čísle */
.revs-score .num small{font-size:.42em; font-weight:400; color:var(--muted); margin-left:2px}
.revs-score .meta{font-size:12.5px; color:var(--muted); line-height:1.5}
/* odkaz na zdroj — bez neho by boli tie čísla len tvrdenie, ktoré si nikto neoverí */
.revs-zdroj{margin-top:clamp(22px,3vw,32px); font-size:12.5px; color:var(--muted); letter-spacing:.02em; text-align:center}
.revs-zdroj a{color:var(--muted); text-decoration:underline; text-underline-offset:3px}
.revs-zdroj a:hover{color:var(--gold)}
.revs-score .stars{display:flex; gap:3px; margin-bottom:5px}
.revs-score .stars svg{width:15px; height:15px; fill:var(--gold,#B65E32)}
.revs-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,2vw,22px)}
.rev{display:flex; flex-direction:column; padding:clamp(24px,2.8vw,34px);
  border:1px solid var(--line,rgba(244,241,234,.13)); border-radius:var(--radius,18px);
  background:transparent; transition:transform .35s ease, border-color .35s ease}
.rev:hover{transform:translateY(-4px); border-color:rgba(201,106,58,.4)}
.rev .stars{display:flex; gap:3px; margin-bottom:16px}
.rev .stars svg{width:14px; height:14px; fill:var(--gold,#B65E32)}
.rev blockquote{font-family:var(--fd,Georgia,serif); font-size:clamp(16px,1.7vw,18.5px);
  line-height:1.5; color:var(--ink,#F4F1EA); margin:0 0 22px; flex:1}
.rev figcaption{display:flex; align-items:center; gap:12px; margin-top:auto;
  padding-top:18px; border-top:1px solid var(--line,rgba(244,241,234,.13))}
.rev .who{display:flex; flex-direction:column; gap:2px}
.rev .who strong{font-size:14px; font-weight:600; color:var(--ink,#F4F1EA)}
.rev .who span{font-size:11.5px; color:var(--muted,#9C968C); letter-spacing:.03em}
.rev .av{width:38px; height:38px; border-radius:999px; flex:none; display:grid; place-items:center;
  background:rgba(201,106,58,.16); border:1px solid rgba(201,106,58,.32);
  font-family:var(--fd,Georgia,serif); font-size:15px; color:var(--gold,#B65E32)}

/* ---------- FAQ ---------- */
.faq-grid{display:grid; grid-template-columns:1fr; gap:clamp(28px,4vw,48px)}
.faq-intro{text-align:center}
.faq-intro h2{font-family:var(--fd,Georgia,serif); font-weight:500;
  font-size:clamp(28px,4vw,50px); line-height:1.06; margin-top:14px; text-wrap:pretty}
.faq-intro p{color:var(--muted,#9C968C); margin-top:16px; font-size:clamp(15px,1.5vw,17px)}
.faq-intro .btn{margin-top:24px}
.faq-list{border-top:1px solid var(--line,rgba(244,241,234,.13))}
.faq-item{border-bottom:1px solid var(--line,rgba(244,241,234,.13))}
.faq-item summary{
  display:flex; align-items:flex-start; justify-content:space-between; gap:22px;
  padding:22px 4px; cursor:pointer; list-style:none;
  font-family:var(--fd,Georgia,serif); font-weight:500;
  font-size:clamp(17px,1.9vw,21px); line-height:1.35; color:var(--ink,#F4F1EA);
  transition:color .25s ease;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--gold,#B65E32)}
.faq-item summary .ic{flex:none; width:22px; height:22px; margin-top:3px; position:relative}
.faq-item summary .ic::before, .faq-item summary .ic::after{
  content:""; position:absolute; left:50%; top:50%; background:var(--gold,#B65E32);
  border-radius:2px; transform:translate(-50%,-50%); transition:transform .3s cubic-bezier(.2,.75,.2,1);
}
.faq-item summary .ic::before{width:15px; height:1.6px}
.faq-item summary .ic::after{width:1.6px; height:15px}
.faq-item[open] summary .ic::after{transform:translate(-50%,-50%) rotate(90deg) scaleX(0)}
.faq-item[open] summary{color:var(--gold,#B65E32)}
.faq-answer{overflow:hidden}
.faq-answer p{padding:0 44px 24px 4px; margin:0; color:var(--muted,#9C968C);
  font-size:clamp(14.5px,1.5vw,16px); line-height:1.65}
.faq-answer p + p{padding-top:0; margin-top:-8px}
@keyframes faq-open{from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none}}
.faq-item[open] .faq-answer{animation:faq-open .35s ease}

/* ---------- kontaktný blok ---------- */
/* Bez rámčekov a podkladu — tri stĺpce oddelené vlásovými linkami, rovnaká
   reč ako zoznam okolia. Boxy pôsobili ako dlaždice z administrácie. */
.contact-grid{display:grid; grid-template-columns:repeat(3,1fr);
  margin-top:clamp(38px,4.5vw,58px); border-top:1px solid var(--line,rgba(244,241,234,.13))}
.contact-card{display:flex; flex-direction:column; align-items:center; text-align:center; gap:9px;
  padding:clamp(30px,3.4vw,44px) clamp(16px,2vw,26px);
  border-right:1px solid var(--line,rgba(244,241,234,.13));
  border-bottom:1px solid var(--line,rgba(244,241,234,.13))}
.contact-card:last-child{border-right:none}
.contact-card svg{width:22px; height:22px; stroke:var(--gold,#B65E32); fill:none;
  stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; margin-bottom:6px}
.contact-card .k{font-size:10.5px; font-weight:600; letter-spacing:.18em;
  text-transform:uppercase; color:var(--muted,#9C968C)}
.contact-card .v{font-family:var(--fd,Georgia,serif); font-size:clamp(17px,1.9vw,21px);
  color:var(--ink,#F4F1EA); line-height:1.3; word-break:break-word; max-width:100%;
  padding-bottom:2px; transition:color .3s ease;
  /* linka sa podčiarkne až pri prejdení myšou — rastie zo stredu */
  background:linear-gradient(currentColor,currentColor) no-repeat 50% 100%/0 1px}
a.contact-card:hover .v{color:var(--gold,#B65E32); background-size:100% 1px}
.contact-card .s{font-size:12.5px; color:var(--muted,#9C968C)}

/* ---------- responzívne ---------- */
@media (max-width:960px){
  .revs-grid{grid-template-columns:1fr 1fr}
  .rev:nth-child(3){grid-column:1/-1}
  .faq-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .contact-card{border-right:none}
}
@media (max-width:700px){
  .revs-grid{grid-template-columns:1fr}
  .rev:nth-child(3){grid-column:auto}
  .revs-head{align-items:flex-start}
  .faq-answer p{padding-right:4px}
}
@media (prefers-reduced-motion:reduce){
  .rev, .contact-card{transition:opacity .2s ease}
  .faq-item[open] .faq-answer{animation:none}
}

/* ============================================================
   HLAVIČKA — jediná definícia pre celý web.
   index.html si ju len rozširuje o scroll animáciu (vcucnutie nápisu ANTRÉ).
   ============================================================ */
/* pozadie pillu berieme z palety stránky (--bg), aby na vínovom Antré 1
   ani na pieskovom Antré 2 nesvietil studený čierny pruh */
/* 665 px = presne to, na čo domovská stránka morphuje (470 + 195).
   Musí sedieť, inak pill pri prechode domov ↔ podstránka poskočí. */
.nav{position:fixed; top:22px; left:50%; transform:translateX(-50%); z-index:60;
  width:min(665px,92vw); background:var(--bg,#000); border:1px solid rgba(244,241,234,.14);
  border-radius:52px; overflow:hidden; box-shadow:0 28px 64px -28px rgba(0,0,0,.9);
  transition:border-radius .5s ease}
.nav.anim{transition:width .55s cubic-bezier(.34,1.35,.5,1), border-radius .5s ease}
.nav.open{width:min(700px,92vw); border-radius:30px}
.nav-bar{position:relative; display:flex; align-items:center; justify-content:center; padding:28px 46px}
.nav .logo{display:inline-flex; align-items:center}
.nav .logo-word{font-family:var(--fb); font-weight:500; letter-spacing:.3em; font-size:24px;
  color:var(--ink); text-indent:.3em; line-height:1.5; white-space:nowrap}
.nav-toggle{position:absolute; right:36px; top:50%; transform:translateY(-50%);
  display:flex; align-items:center; justify-content:center; background:transparent;
  border:none; color:var(--ink); cursor:pointer; padding:8px 2px}
.nav-toggle .ham{display:flex; flex-direction:column; gap:7px; width:30px}
.nav-toggle .ham i{display:block; height:2px; background:currentColor; border-radius:2px;
  transition:transform .35s ease}
.nav.open .ham i:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.nav.open .ham i:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}
.nav-drawer{max-height:0; opacity:0; overflow:hidden;
  transition:max-height .55s cubic-bezier(.2,.75,.2,1), opacity .35s ease}
.nav.open .nav-drawer{max-height:640px; opacity:1}
/* Keď je hlavička zadokovaná na celú šírku, obsah menu sa nesmie roztiahnuť
   s ňou — fotky apartmánov by narástli do obrovských blokov. Drží sa preto
   na šírke plávajúcej pilulky a stojí na strede. */
.nav-drawer-in{padding:8px 22px 20px; border-top:1px solid rgba(244,241,234,.09);
  max-width:700px; margin-inline:auto}
.mp-cards{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.mp-card{display:flex; flex-direction:column; gap:12px; transition:transform .3s ease}
.mp-card:hover{transform:translateY(-3px)}
.mp-thumb{display:block; aspect-ratio:16/10; border-radius:14px; overflow:hidden;
  border:1px solid var(--line)}
.mp-thumb img{width:100%; height:100%; object-fit:cover}
.mp-meta{display:flex; flex-direction:column; gap:3px; padding:0 4px 4px}
.mp-name{font-family:var(--fd); font-size:18px; color:var(--ink)}
.mp-sub{font-size:13px; color:var(--muted)}
.mp-links{display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; padding-top:14px;
  border-top:1px solid rgba(244,241,234,.09)}
.mp-links a{padding:10px 15px; border-radius:11px; font-size:13.5px; font-weight:500;
  color:var(--ink); transition:background .22s ease, color .22s ease}
.mp-links a:hover{background:rgba(244,241,234,.07); color:var(--gold)}
.nav-drawer-in .langsw-row{padding-inline:15px}
@media (max-width:560px){
  .nav{width:min(92vw,510px)}
  .nav-bar{padding:18px 20px}
  .nav .logo-word{font-size:14px; letter-spacing:.18em}
  .nav-toggle{right:14px}
  .nav.open{width:min(94vw,560px)}
  /* poistka pre nízke obrazovky — menu nikdy nepretečie pod spodok;
     100dvh berie do úvahy aj lištu prehliadača */
  .nav.open .nav-drawer{max-height:calc(100dvh - 110px); overflow-y:auto;
    overscroll-behavior:contain; -webkit-overflow-scrolling:touch}
  .nav-drawer-in{padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px))}
  /* Na mobile je menu navigácia, nie galéria: dve veľké fotky pod sebou zabrali
     celú obrazovku a k odkazom sa muselo scrollovať. Kompaktné riadky sa zmestia naraz. */
  .mp-cards{grid-template-columns:1fr; gap:8px}
  .mp-card{flex-direction:row; align-items:center; gap:13px; padding:8px;
    border:1px solid var(--line,rgba(244,241,234,.13)); border-radius:14px}
  .mp-card:hover{transform:none}
  .mp-thumb{width:88px; height:64px; flex:none; aspect-ratio:auto; border-radius:10px}
  .mp-meta{padding:0; gap:2px}
  .mp-name{font-size:16px}
  .mp-sub{font-size:12px}
  .mp-links{margin-top:12px; padding-top:12px; gap:4px}
  .mp-links a{padding:9px 12px; font-size:13px}
  .nav-drawer-in .langsw-row{padding-inline:12px}
}


/* ---------- pätička: JEDNA definícia pre celý web ----------
   Predtým mala každá stránka vlastnú kópiu a rozchádzali sa (domovská bohatá,
   podstránky jednoriadkové). Farby berie z tokenov, takže funguje na tmavej
   aj na kapučínovej stránke. Ak pribudne stránka, stačí skopírovať značky. */
.site-footer{border-top:1px solid var(--line,rgba(244,241,234,.13));
  padding-block:56px 40px; background:var(--bg,#141414)}
.foot-grid{display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; align-items:flex-start}
.foot-brand .logo-word{font-size:13px; letter-spacing:.28em}
.foot-col h3{font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--muted,#9C968C); margin-bottom:14px}
.foot-col a, .foot-col p{color:var(--ink,#F4F1EA); font-size:15px; display:block;
  margin-bottom:8px; opacity:.92}
.foot-col a:hover{color:var(--gold,#B65E32)}
.socials{display:flex; gap:12px; margin-top:20px}
.socials a{display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px;
  border:1px solid var(--line,rgba(244,241,234,.13)); border-radius:999px;
  color:var(--ink,#F4F1EA); transition:.25s}
.socials a:hover{border-color:var(--gold,#B65E32); color:var(--gold,#B65E32); transform:translateY(-2px)}
.socials svg{width:19px; height:19px}
.foot-legal{margin-top:44px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  align-items:center; color:var(--muted,#9C968C); font-size:12.5px; letter-spacing:.02em}
.foot-legal a{color:var(--muted,#9C968C)} .foot-legal a:hover{color:var(--gold,#B65E32)}
@media (max-width:760px){
  .foot-grid{gap:30px}
  .foot-legal{margin-top:32px; flex-direction:column; align-items:flex-start; gap:14px}
}
@media (prefers-reduced-motion:reduce){ .socials a:hover{transform:none} }

/* pätičky sú svetlé — aktívny jazyk je tmavé tlačidlo, text musí byť svetlý */
.site-footer .langsw button[aria-current="true"]{color:#FAF3EA}

/* ---------- hlavička: teplá krémová ako pás „Dva apartmány, jeden výnimočný pobyt" ----------
   Tokeny sa nastavujú priamo na .nav, takže platia na každej stránke bez ohľadu na jej paletu. */
.nav{--bg:#F2E4D0; --ink:#3A261C; --muted:#71594A; --line:rgba(58,38,28,.14);
  --line-strong:rgba(58,38,28,.32); --gold:#B65E32;
  background:#F2E4D0; border-color:rgba(58,38,28,.18);
  /* nad sekciou rovnakej farby hlavička splývala — tesný tieň ju ohraničí, mäkký ju nadvihne */
  box-shadow:0 1px 2px rgba(58,38,28,.10), 0 8px 22px -6px rgba(58,38,28,.28), 0 24px 50px -28px rgba(58,38,28,.40)}
.nav-drawer-in, .mp-links{border-top-color:rgba(58,38,28,.12)}
.mp-links a:hover{background:rgba(58,38,28,.06)}
.nav .langsw button[aria-current="true"]{color:#FAF3EA}

/* ---------- sociálne siete v pôvodných farbách značiek ---------- */
.socials a[href*="facebook"], .socials a[aria-label="Facebook"]{color:#1877F2}
.socials a[aria-label="Instagram"]{color:#E4405F}
.socials a[href*="wa.me"], .socials a[aria-label="WhatsApp"]{color:#25D366}
.socials a[href*="facebook"]:hover{color:#1877F2; border-color:#1877F2}
.socials a[aria-label="Instagram"]:hover{color:#E4405F; border-color:#E4405F}
.socials a[href*="wa.me"]:hover{color:#25D366; border-color:#25D366}

/* hover odkazov: svetlá terakota mala na krémovej kontrast len 2,7:1 */
.mp-links a:hover, .foot-col a:hover, .foot-legal a:hover{color:#8C4526}

/* ---------- „Späť na apartmány" v hero apartmánu: jednoduchý textový odkaz ----------
   Pôvodná tmavá sklenená pilulka patrila čiernemu webu. Na fotke teraz stačí svetlý text
   so šípkou — nesúperí so štítkom a nadpisom. Plocha na klik ostáva 44 px. */
.a-hero .pg-back{
  background:none; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
  padding:10px 0; min-height:44px; gap:8px; margin-bottom:14px; border-radius:0;
  font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:#FAF3EA; text-shadow:0 1px 10px rgba(0,0,0,.45);
  text-decoration:underline; text-decoration-color:transparent; text-underline-offset:5px;
  transition:text-decoration-color .25s ease}
.a-hero .pg-back-ic{width:auto; height:auto; background:none; border:0; border-radius:0}
.a-hero .pg-back-ic svg{width:14px; height:14px; stroke-width:2.2}
.a-hero .pg-back:hover{background:none; text-decoration-color:currentColor}
.a-hero .pg-back:hover .pg-back-ic{transform:translateX(-3px)}
@media (max-width:560px){
  .a-hero .pg-back{font-size:11px; padding:10px 0; margin-bottom:10px}
  .a-hero .pg-back-ic{width:auto; height:auto}
}

/* galéria: rovnaký textový odkaz „Späť na domov", ale na svetlom pozadí stránky */
.gh-back .pg-back{
  background:none; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
  padding:10px 0; min-height:44px; gap:8px; margin:0 auto 14px; border-radius:0;
  font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--ink);
  text-decoration:underline; text-decoration-color:transparent; text-underline-offset:5px;
  transition:text-decoration-color .25s ease}
.gh-back .pg-back-ic{width:auto; height:auto; background:none; border:0; border-radius:0}
.gh-back .pg-back-ic svg{width:14px; height:14px; stroke-width:2.2}
.gh-back .pg-back:hover{background:none; text-decoration-color:currentColor}
.gh-back .pg-back:hover .pg-back-ic{transform:translateX(-3px)}

/* ---------- kontrast (WCAG AA) ----------
   Terakota #B65E32 nesie biely text tlačidiel (4,5:1). Drobný text dostáva tmavšiu #9F522C,
   ktorá je čitateľná aj na teplej krémovej. Ikony a rámiky ostávajú v pôvodnej #C96A3A. */
.faq-item summary:hover, .faq-item[open] summary, .revs-zdroj a:hover, .foot-col a:hover{color:#9F522C}

/* druhý blok v stĺpci pätičky (Vzhľad pod Jazykom) */
.foot-col .foot-h-theme{margin-top:22px}