/* Caffeitaliano — mapa talianskych regiónov pre stránku Značky.
   Písmo sa dedí zo šablóny (Source Sans 3), pätkové nadpisy Georgia ako
   na značkových stránkach. Bez tmavého režimu — šablóna webu je svetlá. */

.cit-reg{
  --cit-espresso:#2c1810;
  --cit-gold:#b8860b;
  --cit-gold-soft:#d9a82c;
  --cit-paper:#fffdf9;
  --cit-cream:#f8f4ec;
  --cit-line:#e0d5c2;
  --cit-muted:#7a6a58;
  --cit-ink:#2b2b2b;
  --cit-land:#efe9de;
  --cit-land-act:#d3c2a1;
  --cit-land-hover:#c9b68f;
  --cit-land-sel:#e7cf95;
  --cit-serif:Georgia,"Times New Roman",serif;
  margin:0 0 28px;
  color:var(--cit-ink);
  line-height:1.6;
}
.cit-reg *{box-sizing:border-box}

.cit-reg__intro{
  max-width:70ch;font-size:15px;color:var(--cit-muted);margin:0 0 22px;
}
.cit-reg__intro strong{color:var(--cit-ink)}

/* ---------- rozloženie ---------- */
.cit-reg__grid{display:block}
.cit-reg--js .cit-reg__grid{
  display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);
  gap:34px;align-items:start;
}
@media (max-width:880px){
  .cit-reg--js .cit-reg__grid{grid-template-columns:1fr;gap:20px}
}

/* mapa sa zobrazí až keď beží skript */
.cit-reg__mapa{display:none}
.cit-reg--js .cit-reg__mapa{display:block}

.cit-reg__svg{width:100%;height:auto;max-width:100%;display:block}
.cit-reg__svg,.cit-reg__svg *{outline:none !important}
@media (max-width:880px){
  .cit-reg__svg{width:auto;height:min(38vh,320px);max-width:100%;margin-inline:auto}
}
.cit-reg__plocha{
  fill:var(--cit-land);stroke:var(--cit-paper);stroke-width:.9;stroke-linejoin:round;
}
.cit-reg__plocha.is-aktiv{fill:var(--cit-land-act);cursor:pointer;transition:fill .18s}
.cit-reg__plocha.is-aktiv:hover{fill:var(--cit-land-hover)}
.cit-reg__plocha.is-vybrany{fill:var(--cit-land-sel);stroke:var(--cit-gold);stroke-width:1.8}
.cit-reg__mesto-bod{fill:var(--cit-espresso);stroke:var(--cit-paper);stroke-width:1.4;pointer-events:none}
.cit-reg__popis{
  font-size:9.5px;font-weight:600;letter-spacing:.02em;
  fill:var(--cit-espresso);pointer-events:none;
}
.cit-reg__popis.is-vybrany{font-weight:800}

/* ---------- dlaždice regiónov ---------- */
.cit-reg__dlazdice{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:8px;margin:16px 0 0;
}
.cit-reg__dlazdica{
  font:inherit;color:inherit;text-align:left;cursor:pointer;
  background:var(--cit-paper);border:1px solid var(--cit-line);border-radius:2px;
  padding:10px 12px;display:flex;flex-direction:column;gap:2px;
  transition:border-color .15s;
}
.cit-reg__dlazdica:hover{border-color:var(--cit-gold)}
.cit-reg__dlazdica.is-vybrany{border-color:var(--cit-gold);box-shadow:inset 3px 0 0 var(--cit-gold)}
.cit-reg__d-nazov{font-family:var(--cit-serif);font-size:16px}
.cit-reg__d-mesto{font-size:12px;color:var(--cit-muted)}
.cit-reg__d-pocet{font-size:11.5px;color:var(--cit-gold);font-weight:700;letter-spacing:.03em}

/* ---------- panel regiónu ---------- */
.cit-reg__panel{
  background:var(--cit-paper);border:1px solid var(--cit-line);border-radius:3px;
  overflow:hidden;margin:0 0 18px;
}
.cit-reg--js .cit-reg__panel{margin:0}
.cit-reg__panel[hidden]{display:none !important}

.cit-reg__hlava{background:var(--cit-espresso);color:#f4ece0;padding:20px 22px}
.cit-reg__kicker{
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--cit-gold-soft);font-weight:700;margin:0 0 5px;
}
.cit-reg__nazov{
  font-family:var(--cit-serif);font-size:27px;font-weight:400;line-height:1.15;
  margin:0 0 4px;color:#fff;
}
.cit-reg__mesta{font-size:13px;color:#c9b79c;margin:0}
.cit-reg__telo{padding:20px 22px 22px}
.cit-reg__text{font-size:15px;margin:0 0 18px;max-width:62ch}
.cit-reg__label{
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cit-muted);
  font-weight:700;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--cit-line);
}

/* ---------- zoznam značiek s logami ---------- */
.cit-reg__znacky{list-style:none;margin:0;padding:0}
.cit-reg__znacky li{border-bottom:1px solid var(--cit-line)}
.cit-reg__znacky li:last-child{border-bottom:0}
.cit-reg__znacky a{
  display:flex;align-items:center;gap:14px;padding:10px 2px;
  text-decoration:none;color:inherit;
}
.cit-reg__znacky img{
  height:28px;width:auto;max-width:76px;object-fit:contain;flex:0 0 auto;
}
.cit-reg__znacka{font-family:var(--cit-serif);font-size:17px;flex:0 0 auto}
.cit-reg__znacky a:hover .cit-reg__znacka{color:var(--cit-gold);text-decoration:underline}
.cit-reg__mesto{font-size:12.5px;color:var(--cit-muted);margin-left:auto;text-align:right}
.cit-reg__rok{
  font-size:12px;color:var(--cit-muted);font-style:normal;letter-spacing:.03em;
  flex:0 0 auto;font-variant-numeric:tabular-nums;
}
@media (max-width:480px){
  .cit-reg__znacky a{flex-wrap:wrap;gap:8px 12px}
  .cit-reg__mesto{margin-left:0;text-align:left;width:100%}
  .cit-reg__rok{order:3}
}

.cit-reg__pozn{font-size:12.5px;color:var(--cit-muted);margin:18px 0 0}
.cit-reg a:focus-visible,.cit-reg button:focus-visible{outline:2px solid var(--cit-gold);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.cit-reg *{transition:none !important}}