/* Minimal dark theme */
:root{
  --bg:#111315;
  --surface:#16181c;
  --text:#f3f4f6;
  --muted:#a1a6ad;
  --line:#24262b;
  --accent:#C51017;
  --radius:14px;
  --container:1100px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:18px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
}

.container{width:min(100% - 2rem,var(--container));margin-inline:auto}

/* Hero */
.hero{padding:4rem 0}
.hero h1{margin:0 0 1.5rem;line-height:1.2}
.brand{color:var(--accent);font-weight:900;font-size:3rem}
.sub{color:#fff;font-weight:600;font-size:1.8rem}
.accent{color:var(--accent)}
.lede{
  color:var(--muted);
  max-width:65ch;
  font-size:1.1rem;
  margin:1rem 0 0.1rem 0;
}
.hero p{
  max-width:50ch;
  margin-top:0;
}

/* Viditeľný prázdny riadok */
.spacer{
  display:block;
  height:1.25rem;
  margin:0;
  padding:0;
  content:"";
}

/* Platform icons */
.platforms{
  display:inline-flex;
  gap:0.5rem;
  vertical-align:middle;
}
.platforms.vertical{
  flex-direction:column; /* logá pod seba */
  gap:1rem;              /* medzera medzi logami */
}
.platforms .icon{
  width:auto;
  display:inline-block;
}

/* Individuálne veľkosti ikon */
.platforms .yt { height:44px; }
.platforms .fb { height:44px; }
.platforms .tw { height:30px; }
.platforms .li { height:28px; }

/* Mail */
.contact-mail{
  color:var(--text);
  text-decoration:none;
  font-size:1.8rem;
  font-weight:600;
}
.contact-mail:hover{ text-decoration:underline; }

/* Phone */
.contact-phone{
  color:var(--text);
  text-decoration:none;
  font-size:1.8rem;
  font-weight:600;
}
.contact-phone:hover{ text-decoration:underline; }

/* Footer */
.site-footer{
  padding:.5rem 0;
  margin-top:.5rem;
  color:var(--muted);
}
.site-footer .container{ text-align:left; }