/* psp.css — vzhled mikrowebu partystan.info ve stylu hlavního webu.
   🔴 NEUPRAVOVAT RUČNĚ. Generuje `Projekty/Marketing/src/postav_mikroweb.py`;
   ruční změnu příští generování přepíše. Barvy a písmo jsou ZMĚŘENÉ z živého
   hlavního webu, ne odhadnuté. */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: 'Poppins', Arial, Helvetica, sans-serif;
  font-size: 16px; line-height: 1.65; color: #262626; background: #fff;
}
img { max-width: 100%; height: auto; }
a { color: #a8791d; }
a:hover { color: #262626; }

/* ---------------------------------------------------------------- zlatá lišta */
.psp-lista { background: #e5b236; color: #262626; font-size: 13px; }
.psp-lista .psp-vnitrek {
  display: flex; flex-wrap: wrap; gap: 6px 22px; align-items: center;
  padding: 8px 16px; justify-content: space-between;
}
.psp-claimy { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.psp-claimy span::before { content: "\2713\00a0"; font-weight: 700; }
.psp-lista a { color: #262626; text-decoration: none; font-weight: 700;
  white-space: nowrap; margin-left: 18px; }
.psp-lista a:first-child { margin-left: 0; }

/* ------------------------------------------------------------------- hlavička */
.psp-hlavicka { background: #262626; }
.psp-hlavicka .psp-vnitrek {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px;
  padding: 14px 16px; justify-content: space-between;
}
.psp-znacka { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.psp-znacka img { height: 46px; width: auto; }
.psp-znacka b { color: #fff; font-size: 17px; letter-spacing: .04em;
  text-transform: uppercase; }
.psp-nabidka { display: flex; flex-wrap: wrap; gap: 2px 4px; margin: 0; padding: 0;
  list-style: none; }
.psp-nabidka a {
  display: block; padding: 9px 13px; color: #fff; text-decoration: none;
  font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em;
  border-radius: 2px;
}
.psp-nabidka a:hover { background: rgba(255,255,255,.12); color: #fff; }
.psp-nabidka a.psp-tady { background: #e5b236; color: #262626; }

/* ----------------------------------------------------------------- velký obrázek */
.psp-hero { background: #262626; line-height: 0; }
.psp-hero img { width: 100%; height: 300px; object-fit: cover; display: block; }

/* ----------------------------------------------------------------------- obsah */
.psp-vnitrek { max-width: 1200px; margin: 0 auto; }
.psp-drobky { font-size: 13px; color: #7a7a7a; padding: 14px 16px 0; }
.psp-drobky a { color: #7a7a7a; text-decoration: none; }
.psp-obsah { padding: 6px 16px 8px; }
.psp-obsah h1 { font-size: 30px; line-height: 1.25; font-weight: 700; margin: 10px 0 18px; }
.psp-obsah h2 { font-size: 21px; font-weight: 700; margin: 30px 0 10px; }
.psp-obsah h3 { font-size: 18px; font-weight: 600; margin: 22px 0 8px; }
.psp-obsah p { margin: 0 0 14px; }
.psp-obsah ul, .psp-obsah ol { margin: 0 0 16px; padding-left: 22px; }
.psp-obsah li { margin-bottom: 6px; }
.psp-obsah table { border-collapse: collapse; width: 100%; margin-bottom: 18px; }
.psp-obsah td, .psp-obsah th { border: 1px solid #e3e3e3; padding: 8px 10px;
  text-align: left; }

/* Staré třídy z původní šablony — ať obsah nezůstane bez rozvržení. */
.cleaner { clear: both; }
.maincontent, .maincontent-text { width: auto; float: none; background: none;
  padding: 0; margin: 0; }
#navigation, .rightSide { display: none; }
.service { display: inline-block; vertical-align: top; width: 100%; max-width: 330px;
  margin: 0 18px 22px 0; }
.service .sTitle { font-weight: 700; margin-bottom: 8px; }
.flLeft, .flRight { float: none; }

/* --------------------------------------------------------------- výzva k akci */
.psp-akce { margin: 30px 16px 34px; padding: 22px 22px 24px;
  background: #faf7ef; border: 1px solid #ece2c6; }
.psp-akce p { margin: 0 0 14px; font-weight: 700; font-size: 18px; }
.psp-tlacitko {
  background: #e5b236; color: #262626; font-weight: 700;
  padding: 13px 28px; display: inline-block; text-decoration: none; border-radius: 3px;
}
.psp-tlacitko:hover { background: #262626; color: #fff; }
.psp-spojeni { display: inline-block; margin: 10px 0 0 18px; font-weight: 700;
  text-decoration: none; color: #262626; }

/* -------------------------------------------------------------------- patička */
.psp-paticka { background: #262626; color: #d8d8d8; font-size: 14px;
  margin-top: 10px; }
.psp-paticka .psp-vnitrek { display: flex; flex-wrap: wrap; gap: 22px 40px;
  padding: 28px 16px; }
.psp-paticka a { color: #fff; text-decoration: none; }
.psp-paticka a:hover { color: #e5b236; }
.psp-paticka h4 { color: #fff; font-size: 15px; margin: 0 0 10px;
  text-transform: uppercase; letter-spacing: .04em; }
.psp-paticka .psp-sloupec { flex: 1 1 240px; }
.psp-paticka img { height: 52px; width: auto; }
.psp-copy { border-top: 1px solid #3a3a3a; padding: 14px 16px; font-size: 13px;
  color: #9a9a9a; }

/* ------------------------------------------------------------------- na mobilu */
@media (max-width: 780px) {
  .psp-hero img { height: 190px; }
  .psp-obsah h1 { font-size: 24px; }
  .psp-hlavicka .psp-vnitrek { gap: 10px; }
  .psp-nabidka { width: 100%; }
  .psp-nabidka a { padding: 8px 10px; font-size: 12px; }
  .psp-lista .psp-vnitrek { font-size: 12px; }
  .psp-claimy { display: none; }   /* na mobilu by claimy vytlačily kontakt */
  .psp-akce { margin: 24px 16px 28px; padding: 18px; }
  .psp-spojeni { display: block; margin: 12px 0 0; }
}