/* Nastavení fontu Outfit pro celý web */
body, 
h1, h2, h3, h4, h5, h6, 
p, a, span, strong, em, 
input, select, textarea, button, 
.product-name, 
.price-final, 
.price-standard, 
.cart-item__name, 
.cart-item__price, 
.product-detail__name, 
.product__name, 
.product__price, 
.btn, 
.menu, 
.navigation,
.footer, 
.header {
  font-family: 'Outfit', sans-serif !important;
}

body {
font-size: 1.4rem;
}

h1 {
  font-size: 2.6rem; 
  font-weight: 700;
  margin-bottom: 1rem;
}

h2 {
  font-size: 2.2rem; /* cca 35px */
  font-weight: 600;
  margin-bottom: 0.8rem;
}

h3 {
  font-size: 1.8rem; /* cca 29px */
  font-weight: 600;
  margin-bottom: 0.6rem;
}

h4, h5, h6 {
  font-size: 1.6rem; /* sladěné s běžným textem */
  font-weight: 500;
}

/* Tlačítka Přidat do košíku a Detail – bez barvy */
.add-to-cart-button,
.p-tools .btn-primary {
  padding: 12px 24px;
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 4px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-transform: uppercase;
}

/* Hover efekt pro tlačítka – jednotná barva */
.add-to-cart-button:hover,
.p-tools .btn-primary:hover {
  background-color: #f5c3f9 !important;
	border-color: #f5c3f9 !important; 
  transform: scale(1.02); /* Jemné zvětšení */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); /* Lehčí stín */
}

.add-to-cart {
  display: flex;
  align-items: center;
}

.add-to-cart .quantity {
  display: flex;
  background-color: #f9f9f9;  
  align-items: center;
  margin-right: 15px; /* pouze mezera mezi quantity a tlačítkem Přidat do košíku */
  border: none !important;
  font-size: 1.1em;
  font-weight: 600;
}

.add-to-cart .increase,
.add-to-cart .decrease {
  border: 1px solid #ccc; /* Tenký světle šedý rámeček */
  border-radius: 6px;      /* Zaoblené rohy (pokud je chceš sladit s inputem) */
  background: #fff;        /* Ponecháme světlé pozadí */
  padding: 0;
}

@media (min-width: 768px) {
  /* Výška hlavní navigace – mírně menší */
  #navigation {
    min-height: 50px;
    display: flex;
    align-items: center;
  }

  #navigation .navigation-in,
  #navigation .navigation-in.menu {
    min-height: 50px;
    display: flex;
    align-items: center;
  }

  /* Vzhled položek hlavního menu */
  #navigation .menu-level-1 > li > a {
    padding: 15px 15px;
    font-size: 1.6rem;
    font-weight: 600;
  }

  /* Přizpůsobení hamburgeru (menu-helper) výšce hlavního menu */
  .menu-helper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
  }
}


/* Schování .menu-helper až pod 768px */
@media (max-width: 767px) {
  .menu-helper {
    display: none;
  }
}

.footer-rows .site-name img {
    content: url("https://730882.myshoptet.com/user/documents/upload/logo-footer.png");
    width: 300px;
    height: 175px;
    object-fit: contain;
    margin-left: 45px;
}

/* Font všem uvnitř bloku */
.homepage-box.welcome-wrapper,
.homepage-box.welcome-wrapper * {
  font-family: 'Corinthia', cursive !important;
}

/* Nastav velikost na <p> */
.homepage-box.welcome-wrapper p {
  font-size: 45px !important;
  line-height: 1.15 !important;
  text-align: center;
}

/* Ať <span> NEPŘEPISUJE velikost – zdědí z <p> */
.homepage-box.welcome-wrapper span,
.homepage-box.welcome-wrapper em,
.homepage-box.welcome-wrapper strong {
  font-size: inherit !important;
}

/* Nadpis "Doporučujeme" */
.homepage-group-title.homepage-products-heading-1 {
  font-family: 'Corinthia', cursive !important;
  font-size: 58px !important; 
  color: #e62c89; 
}


/* KONTAKT */
.katja-contact {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: inherit;
}

/* Dva sloupce */
.katja-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: stretch; /* důležité pro shodnou výšku */
  margin-bottom: 40px;
}

.katja-col { min-width: 0; }

/* Karta s informacemi */
.katja-card {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  box-shadow: none;
  padding: 22px;
  height: 100%; /* dorovná výšku k mapě na desktopu */
}

.katja-block p { margin: 0 0 14px; }
.katja-block a { text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.15); }
.katja-block a:hover { border-bottom-color: currentColor; }

/* MAPA – stejné výšky na desktopu, žádný poměr stran přes padding */
.katja-map-wrap {
  background: #f5f5f5;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  min-height: 380px; /* výška mapy na desktopu */
  display: flex;
}
.katja-map-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* BANNER – zobrazit celý obrázek bez ořezu */
.katja-banner {
  margin: 36px 0 28px;
}
.katja-banner img {
  display: block;
  max-width: 100%;
  height: auto;        /* klíčové: žádný ořez, zachová poměr a celou koláž */
  border-radius: 0;
}

/* FORM – bez zaoblení + barva tlačítka */
.katja-form {
  background: #f9faf9;
  border: 1px solid #e6eae6;
  border-radius: 0;
  padding: 24px;
}
.katja-form h4 {
  margin: 0 0 14px;
  font-size: 1.2rem;
}

/* sjednocení tlačítek uvnitř kontaktu */
.katja-contact .btn,
.katja-contact button,
.katja-contact input[type="submit"] {

  color: #fff;
  border: 0;
  border-radius: 0;        /* bez zaoblení */
  padding: 12px 20px;
  cursor: pointer;
  transition: filter .2s ease;
}
.katja-contact .btn:hover,
.katja-contact button:hover,
.katja-contact input[type="submit"]:hover {
  filter: brightness(0.95);
}

/* RESPONZIVITA */
@media (max-width: 980px) {
  .katja-row { grid-template-columns: 1fr; }
  .katja-card { height: auto; }
  .katja-map-wrap { min-height: 320px; height: auto; }
}
@media (max-width: 560px) {
  .katja-contact { padding: 28px 16px; }
  .katja-card, .katja-form { padding: 18px; }
}

.signature-wrapper {
    white-space: nowrap;
    font-size: 0.9em;
}

.OD-PODPIS {
    color: #000;
}