#paticka a {
text-decoration: none;}

#paticka a:hover {
text-decoration: underline;}

#EshopHomeUserContent {
    margin-top: -3.3em;
}

#contentOuter #middle {
    margin-top: -1em;
}

div#FooterUserContent {
    padding-top: 0px;
}
div#FooterUserContent2 {
    padding-top: 0px;
}

.footer_odkazy a{
    color: black;
    text-decoration: none;
}
.footer_odkazy a:hover{
    text-decoration: underline;
}
.UserContentPanelView {
    color: #404040;
    background-color: #f00;
}
.userContent p:last-child, .userContent p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.userContent p {
    padding-top: 0;
    margin-top: 0;
}


/* skrytí pozadí webu na mobilu */
@media screen and (max-width: 999px){
    #Master {
        background: none;
    }
}

#UserPanelPopupHost a span {
    color: white;
}

/* ===================================================
   EXO-EKO.cz / Greenpets.cz – jednotná šablona pro blog
   Vložit do centrální databáze CSS stylů v administraci Bsshopu.
   Barvy odpovídají firemnímu brandu:
   tmavá zelená #237948, světlá zelená #52a423, oranžová #ec6026
   =================================================== */

:root {
  --eko-dark-green: #237948;
  --eko-light-green: #52a423;
  --eko-orange: #ec6026;

  --eko-bg-tip: #eef7ec;        /* jemně zelené pozadí pro tip-box */
  --eko-bg-warning: #fdece2;    /* jemně oranžové pozadí pro warning-box */

  --eko-text: #2b2b2b;
  --eko-caption: #6b6b6b;
}

/* Omezení šířky sloupce s textem – kompaktní, čitelný blog místo roztažení
   přes celou šablonu. 720px odpovídá běžné čitelné šířce blogového obsahu. */
.blog-article {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Základní čitelnost textu – o něco větší písmo a volnější řádkování,
   než bývá výchozí u šablony, zejména kvůli mobilům. */
.blog-article p,
.blog-article li {
  font-size: 17px;
  line-height: 1.65;
}

/* Na mobilu (do 600px) písmo ještě o kousek zvětšit a přidat víc
   vzduchu mezi řádky – na malé obrazovce se čte hůř i při stejné
   velikosti písma jako na desktopu. */
@media (max-width: 600px) {
  .blog-article p,
  .blog-article li {
    font-size: 18px;
    line-height: 1.7;
  }
  .blog-article h1 {
    font-size: 1.9em;
    line-height: 1.25;
  }
  .blog-article h2 {
    font-size: 1.55em;
    line-height: 1.3;
  }
  .blog-article h3 {
    font-size: 1.3em;
    line-height: 1.35;
  }
}

/* Nadpisy v článku */
.blog-article h2 {
  color: var(--eko-dark-green);
  border-bottom: 2px solid var(--eko-light-green);
  padding-bottom: 6px;
  margin-top: 40px;
}

.blog-article h3 {
  color: var(--eko-dark-green);
  margin-top: 28px;
}

/* Krátké shrnutí pod H1 */
.article-summary {
  background: var(--eko-bg-tip);
  border-left: 4px solid var(--eko-light-green);
  padding: 16px 20px;
  margin: 20px 0 30px;
}
.article-summary p {
  margin: 0 0 6px;
  font-weight: 600;
  color: var(--eko-dark-green);
}
.article-summary ul {
  margin: 8px 0 0;
}

/* Zvýrazněný praktický tip */
.tip-box {
  background: var(--eko-bg-tip);
  border-left: 4px solid var(--eko-light-green);
  padding: 14px 18px;
  margin: 20px 0;
}
.tip-box strong {
  color: var(--eko-dark-green);
}

/* Upozornění (např. kdy k veterináři) */
.warning-box {
  background: var(--eko-bg-warning);
  border-left: 4px solid var(--eko-orange);
  padding: 14px 18px;
  margin: 20px 0;
}
.warning-box strong {
  color: var(--eko-orange);
}

/* Vytažená myšlenka (nepovinné) */
.pull-quote {
  border-left: 4px solid var(--eko-dark-green);
  font-style: italic;
  font-size: 1.1em;
  color: var(--eko-dark-green);
  padding: 6px 20px;
  margin: 24px 0;
}

/* Obrázky a popisky – sjednocený poměr stran 16:9, aby žádný obrázek
   nepůsobil neúměrně velký nebo vysoký bez ohledu na to, jak vyšel
   z generátoru. Šířka je omezená sloupcem .blog-article výše. */
.blog-article figure {
  margin: 24px 0;
}
.blog-article figure img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  height: auto;
  border-radius: 8px;
  display: block;
}
.blog-article figcaption {
  font-size: 0.9em;
  color: var(--eko-caption);
  text-align: center;
  margin-top: 6px;
}

/* Závěrečná výzva (CTA) */
.cta-box {
  background: var(--eko-dark-green);
  color: #fff;
  padding: 18px 22px;
  margin-top: 32px;
  border-radius: 6px;
  text-align: center;
}
.cta-box a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}