/* =========================================================
   Farby, písma a vzhľad webu Verifidia.
   Tmavá bordó, ružové zlato; rozloženie sekcií je v zaklad.css.
   ========================================================= */
:root {
  --pozadie: #26090f;
  --pozadie-2: #1e070c;
  --karta: #2e0c14;
  --hlavicka-pozadie: rgba(30, 7, 12, .84);
  --text: #f3e6d8;
  --text-tlmeny: #c8ab9c;
  --akcent: #d9a77c;
  --akcent-jemny: rgba(217, 167, 124, .1);
  --na-akcente: #26090f;
  --linka: rgba(217, 167, 124, .2);
  --bronz: #cf9c73;

  --zlato-1: #f5d7b0;
  --zlato-2: #cf9668;
  --zlato-3: #9b6142;

  --font-nadpis: "Fraunces", Georgia, serif;
  --font-znacka: "Cormorant Garamond", Georgia, serif;
  --font-text: "Figtree", system-ui, sans-serif;
  --vaha-nadpis: 400;

  --tlacidlo-pozadie: linear-gradient(135deg, #f2cfa5, #c98e60);
  --r-tlacidlo: 999px;
  --r-stitok: 999px;
  --r-male: 999px;
  --tlacidlo-tien: 0 10px 28px rgba(201, 142, 96, .25);

  --graf-hrana: rgba(217, 167, 124, .32);
  --graf-uzol: #3a0c16;
  --graf-obrys: #d9a77c;
  --graf-sub: rgba(217, 167, 124, .55);
  --graf-riziko: #f0c294;
}

body {
  background:
    radial-gradient(1100px 650px at 0% 0%, rgba(150, 38, 60, .32), transparent 60%),
    var(--pozadie);
}
.znacka__slovo { font-weight: 600; }
h1, h2 { letter-spacing: -.015em; }
.hero__nadpis { font-weight: 400; }
.hero__claim, .sekcia__znacka { color: var(--bronz); }

/* Úvod – text vľavo, dve „dlaždice“ vpravo */
.hero__in { grid-template-columns: 1.25fr .75fr; }
.hero__vizual { position: relative; height: 380px; }
.dlazdica {
  position: absolute; display: grid; place-items: center;
  width: 230px; height: 230px; border-radius: 52px;
  background: linear-gradient(145deg, #6a1a2c, #3e0b17);
  border: 1px solid rgba(217, 167, 124, .28);
  box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255,255,255,.08);
  top: 0; right: 40px;
}
.dlazdica--tmava { width: 170px; height: 170px; border-radius: 40px; background: linear-gradient(145deg, #1e0a0e, #0f0507); top: 190px; right: 210px; }
.dlazdica__v { width: 62%; height: auto; }
.dlazdica__n { width: 66%; height: auto; }

.regulacie li { background: rgba(255, 236, 220, .03); border-color: var(--linka); color: var(--akcent); }

/* Prístup – karty so zlatou hranou */
.pristup { background: var(--pozadie-2); }
.stlpec { background: var(--karta); padding: 2rem 1.8rem; border-top: 2px solid var(--akcent); border-radius: 0 0 16px 16px; }
.stlpec__cislo { font-family: var(--font-nadpis); font-size: 1.1rem; color: var(--bronz); }
.sekcia h3 { font-weight: 500; }

/* Služby – redakčné riadky */
.sluzby__zoznam { grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--linka); }
.sluzba {
  display: grid; grid-template-columns: 5rem 1fr 1.4fr; gap: 1.5rem; align-items: baseline;
  padding: 2rem 0; border-bottom: 1px solid var(--linka);
}
.sluzba__cislo { margin: 0; font-family: var(--font-nadpis); font-size: 1.1rem; color: var(--bronz); }
.sluzba h3 { margin: 0; font-size: 1.6rem; }

/* Nodiem – svetlejší bordó pás so zlatom */
.nodiem {
  background: linear-gradient(160deg, #4f1120, #2f0a12);
  border-top: 1px solid var(--linka); border-bottom: 1px solid var(--linka);
}
.nodiem__stav { border-color: var(--akcent); }

/* O nás + kontakt */
.o-nas h2 { font-style: italic; }
.kontakt__in {
  max-width: none; background: var(--karta); border: 1px solid var(--linka); border-radius: 28px;
  padding: clamp(2rem, 5vw, 4rem);
}
.kontakt__email { font-family: var(--font-nadpis); }

.paticka { background: var(--pozadie-2); }

@media (max-width: 900px) {
  .hero__in { grid-template-columns: 1fr; }
  .hero__vizual { height: 260px; max-width: 360px; width: 100%; }
  .dlazdica { width: 170px; height: 170px; border-radius: 40px; right: auto; left: 0; }
  .dlazdica--tmava { width: 130px; height: 130px; border-radius: 32px; top: 120px; left: 140px; }
  .sluzba { grid-template-columns: 3rem 1fr; }
  .sluzba p { grid-column: 2; }
}