body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:#fff;
  background:#0f172a;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(rgba(15,23,42,.75), rgba(15,23,42,.75)),
    url('/img/hero.jpg') center/cover no-repeat;
  z-index:-1;
}

header{ padding:20px 24px; opacity:.85; letter-spacing:2px; }

.page-title{
  text-align:center;
  padding:70px 20px 20px;
}
.page-title h1{
  font-size:2.3rem;
  margin:0;

  /* fallback barva */
  color:#e5e7eb;

  /* gradient */
  background: linear-gradient(
    90deg,
    #6fa8dc 0%,
    #f5f7fa 50%,
    #d18b8b 100%
  );

  background-clip: text;          /* ← přidej toto */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.container{
  max-width:1100px;
  margin:auto;
  padding:40px 20px 80px;
}

/* ===== KARTY ===== */
.card{
  border-radius:18px;
  overflow:hidden;
  margin-bottom:40px;
  background:
    linear-gradient(
      90deg,
      rgba(15,23,42,0.85) 0%,
      rgba(15,23,42,0.85) 38%,
      rgba(15,23,42,0.15) 60%,
      rgba(15,23,42,0.05) 100%
    ),
    var(--bg) center/cover no-repeat;
}
.card-content{ padding:32px; max-width:420px; }
.card-header{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.card-icon{
  width:44px;
  height:44px;
  border-radius:50%;
  border:2px solid var(--icon-color);
  display:flex;
  align-items:center;
  justify-content:center;
}
.card-icon svg{
  width:22px;
  height:22px;
  fill:var(--icon-color);
}
.card ul{
  list-style:none;
  padding:0;
  margin:8px 0 0;
}
.card li{ margin-bottom:4px; }

/* ===== KONTAKT ===== */
.contact-card{
  border-radius:18px;
  overflow:hidden;
  margin-bottom:30px;
  background:
    linear-gradient(
      90deg,
      rgba(15,23,42,0.85) 0%,
      rgba(15,23,42,0.85) 40%,
      rgba(15,23,42,0.1) 100%
    ),
    url('/img/bg-mapa-domanin.jpg') center/cover no-repeat;
}
.contact-content{
  padding:32px;
  max-width:380px;
}
.contact-content a{ color:inherit; text-decoration:none; }
.contact-content a:hover{ text-decoration:underline; }

/* ===== FORMULÁŘ ===== */
.form-card{
  border-radius:18px;
  background:rgba(15,23,42,.85);
  padding:32px;
  max-width:420px;
}
input,textarea{
  width:100%;
  padding:10px;
  margin-bottom:12px;
  border-radius:6px;
  border:none;
}
button{
  padding:10px 20px;
  background:#6fa8dc;
  border:none;
  border-radius:6px;
  cursor:pointer;
}
button:hover{ background:#5a97cf; }

/* ===== GDPR ===== */
.gdpr-toggle{
  margin:30px 0;
  font-size:14px;
}
.gdpr-toggle a{
  color:#6fa8dc;
  cursor:pointer;
  text-decoration:underline;
}
#gdprText{
  display:none;
  margin-top:20px;
  font-size:14px;
  line-height:1.6;
  opacity:.9;
}

/* ===== COOKIE ===== */
.cookie-banner{
  position:fixed;
  bottom:0;
  width:100%;
  background:rgba(20,20,20,.95);
  padding:15px;
  z-index:9999;
}
.cookie-content{
  max-width:1000px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  gap:20px;
}
.cookie-content a{ color:#6fa8dc; }
.cookie-buttons button{
  margin-left:10px;
}
@media(max-width:768px){
  .cookie-content{ flex-direction:column; text-align:center; }
}