/* ===== #kontakt – scoped styly ===== */
#kontakt {
  --accent: #b40024;
  --light: #f8f6f5;
  --dark:  #2d2d2d;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}
#kontakt, #kontakt * { box-sizing: border-box; }

#kontakt section { padding: 2.4rem 1rem; }

/* Titulek + úvod */
#kontakt h1 {
  font-size: clamp(2rem,5vw,2.6rem);
  text-transform: uppercase;
  color: var(--accent);
  text-align: center;
  margin-bottom: .6rem;
}
#kontakt .intro p { text-align: center; line-height: 1.5; }

/* --- karty provozovatel / infolinka --- */
#kontakt .cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
  justify-content: center;
}
#kontakt .card {
  flex: 1 1 260px;
  display: flex;
  gap: 1rem;
  background: var(--light);
  border-radius: .9rem;
  padding: 1.2rem 1.4rem;
  box-shadow: 0 3px 8px rgba(0,0,0,.08);
  opacity: 0;
  transform: translateY(40px);
  transition: transform .3s ease, box-shadow .3s ease;
}
#kontakt .card.visible { opacity: 1; transform: none; }
#kontakt .card:hover   { transform: translateY(-5px); box-shadow: 0 7px 18px rgba(0,0,0,.12); }

#kontakt .icon { font-size: 1.7rem; color: var(--accent); }

/* --- tabulka otevíracích dob --- */
#kontakt .hours h2,
#kontakt .team h2,
#kontakt .partners h2 {
  font-size: 1.25rem;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 1rem;
  text-align: center;
}
#kontakt table {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border-collapse: collapse;
  font-size: .95rem;
}
#kontakt th,
#kontakt td { padding: .5rem .4rem; border-bottom: 1px solid #e5e5e5; }
#kontakt th { text-align: left; font-weight: 600; width: 40%; }

/* --- tým --- */
#kontakt .team ul {
  list-style: none;
  max-width: 700px;
  margin: 0 auto;
  padding: 0;
  line-height: 1.55;
}
#kontakt .team li { margin-bottom: .5rem; }

/* --- loga partnerů --- */
#kontakt .logos {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
  gap: 1.4rem;
  align-items: center;
  max-width: 900px;
  margin: 1.6rem auto 0;
}
#kontakt .logos img {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: grayscale(0);
  transition: transform .3s ease;
}
#kontakt .logos img:hover { transform: scale(1.05); }

/* responsivita */
@media (max-width: 600px) {
  #kontakt .card { flex-direction: column; align-items: flex-start; }
  #kontakt .icon { margin-bottom: .3rem; }
}


/***** Úpravy dle připomínek *****/

/* 1) větší ikony + lepší zarovnání k nadpisu */
#kontakt .icon           { font-size: 2.4rem; line-height: 1; }
#kontakt .card           { align-items: flex-start; }
#kontakt .card .icon     { margin-top: 0.15rem; }   /* srovnání k titulku */

/* 2) nadpisy „Otevírací doba / Lidé v TIC / Děkujeme partnerům“ */
#kontakt .hours h2,
#kontakt .team  h2,
#kontakt .partners h2 {
  font-size: 1.45rem;        /* větší */
  text-align: left;          /* zarovnat vlevo */
  margin-left: 0;            /* nulový auto-centering */
}

/* 3) čitelnější tabulka otevírací doby */
#kontakt table          { font-size: 1.05rem; }
#kontakt th,
#kontakt td             { padding: .65rem .5rem; }

/* 4) rozložení log – 2 řádky × 3 sloupce + svislé dělení */
#kontakt .logos {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.4rem 0;             /* sloupcová mezera nahradí svislé čáry */
  position: relative;
}

/* svislá šedá čára mezi sloupci (pseudoelement) */
#kontakt .logos::before,
#kontakt .logos::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 1px;
  background: #d8d8d8;
}
#kontakt .logos::before { left: 33.333%; }  /* mezi 1. a 2. sloupcem */
#kontakt .logos::after  { left: 66.666%; }  /* mezi 2. a 3. sloupcem */

/* loga jemně zmenšíme  – výška se přizpůsobí šířce sloupce */
#kontakt .logos img     { height: 80px; object-fit: contain; }

/* responsivita: pod 650 px zrušíme dělicí čáry a vrátíme auto-fit */
@media (max-width: 650px) {
  #kontakt .logos           { grid-template-columns: repeat(auto-fit,minmax(120px,1fr)); gap: 1.4rem; }
  #kontakt .logos::before,
  #kontakt .logos::after    { display: none; }
}


/***** Další zvětšení a zarovnání *****/

/* 1) ješte větší nadpisy sekcí */
#kontakt .hours h2,
#kontakt .team  h2,
#kontakt .partners h2 {
  font-size: 2.2rem;   /* cca 2× oproti původnímu */
  margin-bottom: 1.1rem;
}

/* 2) tabulka otevírací doby – vlevo + větší text */
#kontakt table           { margin-left: 0; font-size: 1.2rem; }
#kontakt th,
#kontakt td              { padding: .8rem .55rem; }

/* 3) loga partnerů – větší */
#kontakt .logos img      { height: 110px; }    /* ↑ zvětšeno z 80 px */

/* responsivita: pod 650 px nechceme, aby loga byla moc vysoká */
@media (max-width: 650px) {
  #kontakt .logos img    { height: 90px; }
}