/* Stabilní scrollbar, aby neskákal layout při změnách výšky stránky */
html { overflow-y: scroll; }

/* =========================
   HANDREJCH THEME – typografie, contact, patička, social badges
   ========================= */

/* Jemně menší a lehčí text v obsahu (mimo hlavičku) */
body {
  font-size: 0.9375rem; /* ~15px */
  font-weight: 300;     /* lehčí projev */
  line-height: 1.55;
}

/* Hlavička zůstává pevnější/čitelnější */
.site-header,
.site-header .nav a,
.site-header .brand-name {
  font-weight: 500;
}

/* Kontakt – čistý seznam, sjednocená typografie (odkazy v textu nepoužíváme) */
.contact-list,
.contact-list--plain {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contact-list li,
.contact-list--plain li {
  margin: 0.25rem 0;
  font-weight: 300;
}
.contact-list strong,
.contact-list--plain strong {
  font-weight: 400; /* jemné zdůraznění štítku */
}

/* Patička: 50 % velikosti těla webu a černý text */
.site-footer { color: #000 !important; }
.site-footer .container {
  font-size: 0.5em; /* přesně polovina oproti body */
  line-height: 1.2;
}
/* Odkazy v patičce (kdyby byly) dědí barvu a nemají podtržení */
.site-footer a { color: inherit; text-decoration: none; }

/* ==== Social badges (uvnitř obsahu, zarovnané doprava) ==== */
/* Ikony budou pár řádků pod textem, vpravo v rámci .container */
.social-badges {
  display: flex;
  justify-content: flex-end; /* doprava */
  gap: 12px;
  margin-top: 28px; /* „pár řádků“ pod textem */
}
.social-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: var(--fg); /* světlý text z base (např. #e6e6e6) */
  opacity: 0.85;    /* stejné „zjemnění“ jako u menu */
  text-decoration: none;
  transition: opacity .18s ease, color .18s ease, transform .12s ease;
}
.social-badge:hover {
  color: #dcdcdc;   /* stejné zesvětlení jako .nav a:hover */
  opacity: 1;
  transform: translateY(-1px); /* jemná odezva */
}
.social-badge .icon {
  width: 100%;
  height: 100%;
  display: block;
}
/* Na velmi úzkých šířkách trochu stáhneme velikost */
@media (max-width: 420px) {
  .social-badge { width: 36px; height: 36px; }
}

/* ======================
   Galerie: odkaz "Zpět"
   (Varianta B – bez .nav, trvale jednotný vzhled)
   ====================== */
.gallery-back {
  margin-top: 2rem;
  /* Na desktopu jemné zarovnání dle tvého záměru */
  margin-left: 8%;
}

/* Rodič nese barvu textu webu; odkaz ji dědí */
.gallery-back .gallery-back-nav {
  color: var(--fg);
}

/* Ultra-izolovaný, vysoká specifita: přebije link/visited/hover/active/focus.
   Stejná barva jako text, bez podtržení, bez obrysů. */
body .container .gallery-back .gallery-back-nav a.back-link,
body .container .gallery-back .gallery-back-nav a.back-link:link,
body .container .gallery-back .gallery-back-nav a.back-link:visited,
body .container .gallery-back .gallery-back-nav a.back-link:hover,
body .container .gallery-back .gallery-back-nav a.back-link:active,
body .container .gallery-back .gallery-back-nav a.back-link:focus {
  color: inherit !important;          /* dědí z rodiče (var(--fg)) */
  text-decoration: none !important;   /* bez podtržení */
  border: 0 !important;               /* bez spodní čáry */
  outline: 0 !important;              /* bez zvýraznění */
  background: none !important;        /* žádné pozadí */
  display: inline-block;
  padding: 0;
  line-height: 1.2;
}

/* Mobilní úpravy – přirozené odsazení a plná šířka kontejneru */
@media (max-width: 768px) {
  .gallery-back {
    margin-left: 0;
    padding: 0 1rem;
  }
}

/* ======================
   Hamburger menu – světlejší pozadí (+20 %)
   ====================== */
/* Cílíme na mobilní režim podle layoutu v base.v10.css (max-width: 860px),
   a pouze na otevřené menu (.nav.open), které nastavuje main.js. */
@media (max-width: 860px) {
  .site-header .nav.open {
    /* moderní varianta: +20 % bílé vůči var(--logo-bg) */
    background: color-mix(in oklab, var(--logo-bg) 80%, white 20%) !important;
  }
  /* Fallback pro starší prohlížeče bez color-mix: pevná barva (~#646464) */
  @supports not (background: color-mix(in oklab, white, black)) {
    .site-header .nav.open {
      background: #646464 !important; /* ~20 % světlejší než #3d3d3d */
    }
  }
}