@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600&display=swap');

/* ===== Základní písmo ===== */
body, p, li, a, div, input, button, textarea {
  font-family: 'Inter', sans-serif !important;
}
body {
  color: #3a3f3c;
  -webkit-font-smoothing: antialiased;
}

/* ===== Nadpisy ===== */
h1, h2, h3, h4 {
  font-family: 'DM Serif Display', serif !important;
  font-weight: 400 !important;
  color: #1f2a24 !important;
  letter-spacing: .01em;
  line-height: 1.15 !important;
}
h1 *, h2 *, h3 *, h4 * {
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* Úvodní nadpis větší, podnadpis pod ním jako elegantní řádek */
.section-header h1 {
  font-size: 52px !important;
  margin-bottom: 12px !important;
}
.section-header h1 + h2 {
  font-family: 'Inter', sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: .03em;
}

/* ===== Text ===== */
section p, section li {
  font-size: 17px;
  line-height: 1.75;
  color: #3a3f3c;
}
strong {
  font-weight: 600;
  color: #1f2a24;
}

/* ===== Odkazy ===== */
a { color: #2e6b3a; }
a:hover { color: #1f4d29; }

/* Zelený text ze stránky – sjednocený odstín */
span[style*="#2dc26b"] { color: #2e6b3a !important; }

/* ===== Sekce ===== */
section.section-container { padding: 48px 24px; }
section.section-container:nth-of-type(even) {
  background: #f1f4ef;
  border-radius: 16px;
}
section.section-container img { border-radius: 16px; }

/* ===== Horní lišta ===== */
header, .header, #header, .navbar {
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 2px 18px rgba(0, 0, 0, .06) !important;
}
header nav a, .navbar-nav > li > a, header .menu a, #menu a {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #1f2a24 !important;
  background: transparent !important;
  border-bottom: 2px solid transparent !important;
  padding-bottom: 6px !important;
  transition: color .2s, border-color .2s;
}
header nav a:hover, .navbar-nav > li > a:hover, header .menu a:hover, #menu a:hover,
header nav .active > a, header nav a.active, .navbar-nav > .active > a,
header .menu .active > a, #menu .active > a, header nav a[aria-current="page"] {
  color: #2e6b3a !important;
  border-bottom-color: #2e6b3a !important;
}
.navbar-brand img, .logo img, #logo img {
  max-height: 96px !important;
  width: auto !important;
}

/* ===== Mobil ===== */
@media (max-width: 600px) {
  .section-header h1 { font-size: 36px !important; }
  h2 { font-size: 30px !important; }
  section.section-container { padding: 32px 16px; }
}
/* Logo – skryje šedý podklad obrázku */
header img, .navbar-brand img, .logo img, #logo img {
  mix-blend-mode: multiply;
}

/* ===== Mobil – doladění ===== */
@media (max-width: 600px) {
  /* Menší logo a nižší lišta */
  header img, .navbar-brand img, .logo img, #logo img {
    max-height: 64px !important;
    width: auto !important;
  }

  /* Čísla 100+ / 1:1 / CZ vedle sebe */
  div[style*="gap: 48px"] {
    gap: 12px !important;
    flex-wrap: nowrap !important;
    margin: 16px 0 24px !important;
  }
  div[style*="gap: 48px"] > div {
    flex: 1 1 0;
  }
  div[style*="gap: 48px"] strong {
    font-size: 34px !important;
    margin-bottom: 4px;
  }
  div[style*="gap: 48px"] span {
    font-size: 13px !important;
    line-height: 1.3;
    display: block;
  }
}
/* ===== O mně – mobil ===== */
@media (max-width: 600px) {
  /* Hlavní fotka nižší a s mezerou pod ní */
  img[src*="/tereza-jpg"] {
    width: 100% !important;
    aspect-ratio: 4 / 5;
    height: auto !important;
    object-fit: cover;
    object-position: center 85%;
    margin-bottom: 28px !important;
  }

  /* Druhá fotka přes celou šířku */
  img[src*="tereza-sedi"] {
    width: 100% !important;
    margin-top: 24px !important;
  }

  /* Text v sekcích s fotkou o kousek menší */
  .section-2-col-right-text p,
  .section-2-col-left-text p {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
}
/* ===== Karty – čistší zelený proužek ===== */
div[style*="border-top: 3px solid"] {
  border-top: 1px solid #e3e8e1 !important;
  box-shadow: inset 0 4px 0 #2e6b3a, 0 4px 16px rgba(0,0,0,.05) !important;
}

/* ===== Karty – mobil ===== */
@media (max-width: 600px) {
  div[style*="border-top: 3px solid"] {
    padding: 20px 20px 18px !important;
  }
  div[style*="border-top: 3px solid"] strong {
    font-size: 17px !important;
    margin-bottom: 4px !important;
  }
  div[style*="border-top: 3px solid"],
  div[style*="border-top: 3px solid"] span {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
  div[style*="border-top: 3px solid"] span {
    font-size: 12px !important;
  }
  div[style*="gap: 20px"] {
    gap: 12px !important;
  }
}
/* ===== Citát – elegantní písmo ===== */
section p[style*="italic"] {
  font-family: 'DM Serif Display', serif !important;
  font-weight: 400 !important;
}
section p[style*="italic"] span {
  font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
}

/* ===== Patička ===== */
footer, #footer, .footer {
  background: #1f2a24 !important;
  color: #dfe5df !important;
}
footer a, #footer a, .footer a,
footer p, #footer p, .footer p,
footer span, #footer span, .footer span {
  color: #dfe5df !important;
}
footer a:hover, #footer a:hover, .footer a:hover {
  color: #ffffff !important;
}

/* ===== Mobil ===== */
@media (max-width: 600px) {
  section p[style*="italic"] {
    font-size: 24px !important;
    margin: 24px auto !important;
  }
  a[href*="Objedn"] {
    display: block !important;
    text-align: center;
  }
}
/* ===== Patička – rozšířená verze ===== */
footer, #footer, .footer, .site-footer, .page-footer,
.footer-container, #footer-container, .footer-wrapper,
.footer-top, .footer-content, .footer-menu {
  background: #1f2a24 !important;
  color: #dfe5df !important;
}
.footer-bottom, .copyright, #copyright, .footer-copyright {
  background: #172019 !important;
  color: #b9c4bb !important;
}
footer *, #footer *, .footer *, .site-footer *, .page-footer *,
.footer-container *, #footer-container *, .footer-wrapper * {
  color: #dfe5df !important;
}
footer a:hover, #footer a:hover, .footer a:hover,
.site-footer a:hover, .footer-container a:hover {
  color: #ffffff !important;
}
/* Nadpisy v patičce zase viditelné */
h3:not(section h3), h4:not(section h4) {
  color: #ffffff !important;
  font-size: 22px !important;
  margin-bottom: 12px !important;
}
/* ===== Patička – zelené pozadí (všechny části) ===== */
footer, [id^="footer"], [class*="footer"] {
  background-color: #1f2a24 !important;
  border-color: rgba(255,255,255,.08) !important;
}

/* Spodní pruh s copyrightem o odstín tmavší */
[id*="copyright"], [class*="copyright"] {
  background-color: #172019 !important;
}

/* Ikony a odkazy v patičce */
[id^="footer"] a, [class*="footer"] a,
[id^="footer"] i, [class*="footer"] i,
[id^="footer"] svg, [class*="footer"] svg {
  color: #dfe5df !important;
  fill: #dfe5df !important;
}
[id^="footer"] a:hover, [class*="footer"] a:hover {
  color: #ffffff !important;
}
/* Spodní pruh s copyrightem – podle odkazu Mapa webu */
:has(> a[href="mapa-webu"]),
:has(> * > a[href="mapa-webu"]),
:has(> * > * > a[href="mapa-webu"]) {
  background-color: #172019 !important;
  color: #b9c4bb !important;
}
a[href*="mapa-webu"] {
  color: #dfe5df !important;
}
/* Spodní pruh s copyrightem */
#bar-footer,
#bar-footer > .row,
#bar-footer .col-xs-12,
#bar-footer p {
  background-color: #172019 !important;
  color: #b9c4bb !important;
  border-color: rgba(255,255,255,.08) !important;
}
#bar-footer a {
  color: #dfe5df !important;
}
#bar-footer a:hover {
  color: #ffffff !important;
}
/* Celá patička jednou barvou, copyright oddělený jen jemnou linkou */
#bar-footer,
#bar-footer > .row,
#bar-footer .col-xs-12,
#bar-footer p,
:has(> a[href="mapa-webu"]),
:has(> * > a[href="mapa-webu"]),
:has(> * > * > a[href="mapa-webu"]) {
  background-color: #1f2a24 !important;
}
#bar-footer {
  border-top: 1px solid rgba(255,255,255,.12) !important;
}
@media (max-width: 600px) {
  img[src*="poukazy"] {
    max-width: 80% !important;
    display: block;
    margin: 8px auto 0 !important;
  }
}