/* soudni-znalec.biz – verze 2026-10 */

:root {
  --text: #333;
  --text-silny: #1a1a1a;
  --nadpis: #26204d;
  --linka: #bb141a;
  --paticka-linka: #94283a;
  --odrazka: #54220b;
  --odkaz: #000;
  --odkaz-hover: #ff3826;
  --gravura: #3e371c;
  --sirka: 598px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  background: #fff;
  color: var(--text);
  font-family: "Fira Sans", Tahoma, Geneva, sans-serif;
  font-size: 1rem;           /* 16 px */
  line-height: 1.65;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  hyphens: manual;
}

.page {
  max-width: calc(var(--sirka) + 2rem);
  margin: 0 auto;
  padding: 20px 1rem 0;
}

p { margin: 0 0 1em; }

strong { font-weight: 600; color: var(--text-silny); }

a {
  color: var(--odkaz);
  text-decoration: none;
  transition: color .15s ease;
}
a:hover,
a:focus-visible { color: var(--odkaz-hover); }
a:focus-visible { outline: 2px solid var(--odkaz-hover); outline-offset: 2px; border-radius: 2px; }

/* ===== Štítek (textový nadpis na grafickém pozadí) ===== */

.stitek {
  /* rohy se šrouby zůstávají vždy nedeformované, střed se natahuje */
  border-style: solid;
  border-width: 32px 32px 44px;
  border-image: url("../obrazky/stitek.png") 32 32 44 fill / 32px 32px 44px stretch;
  min-height: 178px;
  margin: 0 0 2.25rem;
  padding: 0 .25rem 7px;
  text-align: center;
  color: var(--gravura);
  /* jemná rytina: světlý odlesk pod písmem */
  text-shadow: 0 1px 0 rgba(255, 250, 220, .65);
}

.stitek__jmeno {
  margin: 0;
  font-weight: 400;
  font-size: clamp(1.4rem, 5.2vw, 1.875rem);   /* max 30 px */
  line-height: 1.2;
  letter-spacing: .015em;
}

.stitek__popis {
  margin: 17px 0 0;
  font-weight: 400;
  font-size: clamp(.875rem, 3.2vw, 1.0625rem); /* max 17 px */
  line-height: 21px;
  letter-spacing: .005em;
  text-wrap: balance;
}

.stitek__popis a { color: inherit; }
.stitek__popis a:hover,
.stitek__popis a:focus-visible { color: #000; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }

/* ===== Obsah ===== */

main { padding: 0 5px; }

.uvod {
  margin: 0 0 1.75rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--text-silny);
}

h2 {
  margin: 0 0 1rem;
  padding-bottom: .2em;
  border-bottom: 2px solid var(--linka);
  color: var(--nadpis);
  font-size: 1.0625rem;      /* 17 px */
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.sloupce {
  display: grid;
  grid-template-columns: 270fr 300fr;
  column-gap: 15px;
  margin-bottom: 1.25rem;
}

.sloupce section { padding-bottom: 1.25rem; }

.podnadpis { margin: 0 0 .5em; }

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  position: relative;
  margin: 0 0 .45em;
  padding-left: 15px;
  line-height: 1.45;
}

li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: .6em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--odrazka);
}

/* ===== Kontakt ===== */

.kontakt { margin-top: 2.25rem; }

.kontakt__telo { display: flow-root; }

.kontakt__telo p { line-height: 1.6; }

address { font-style: normal; }

.mapa {
  display: inline-block;
  margin-top: .15em;
  font-size: .875rem;
  border-bottom: 1px solid currentColor;
  line-height: 1.3;
}

.razitko {
  float: right;
  width: 285px;
  max-width: 48%;
  height: auto;
  margin: .3em 0 10px 1rem;
}

.kontakt a[href^="tel:"] { white-space: nowrap; }

/* ===== Patička ===== */

.paticka {
  margin-top: 2rem;
  padding: 1.6rem 0 2rem;
  border-top: 5px solid var(--paticka-linka);
  font-size: .8125rem;       /* 13 px */
  line-height: 1.6;
}

.paticka p { margin: 0; }

/* ===== Menší displeje ===== */

@media (max-width: 520px) {
  .zlom { display: none; }
  .sloupce { grid-template-columns: 1fr; }
  .stitek { border-width: 28px 28px 40px; }
  .stitek__popis { line-height: 1.35; margin-top: .6em; }
  .razitko { max-width: 40%; }
}

/* ===== Tisk ===== */

@media print {
  .page { max-width: none; padding: 0; }
  a { color: inherit; }
  .stitek { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}