/* ==========================================================================
   Obecne upravy vzhledu - sablona Apollo (prodejrostlin.cz)

   Drobnosti, ktere nepatri k zadnemu konkretnimu prvku:
   podklad stranky, bloky na homepage, hlavni banner a stranka Kontakty.

   Apollo ma 1rem = 10px, proto jsou vsechny rozmery zamerne v px.
   ========================================================================== */

/* --- Podklad stranky ----------------------------------------------------- */

body { background-color: white; }

/* Bloky na homepage maji v Apollu sedy podklad a linky nahore i dole.
   Na bilem pozadi je nechceme - sekce ma oddelovat mezera, ne ramecek. */
.homepage-box {
    border-top-color: transparent;
    border-bottom-color: transparent;
    background-color: transparent;
}

@media (min-width: 768px) {
    /* Uvitaci text prehazuje nad produkty doplnky.js, potrebuje odsadit */
    .homepage-box.welcome-wrapper { margin-top: 50px; }
}

/* --- Hlavni banner na homepage ------------------------------------------- */

/* Carousel ma jediny slide, takze indikator nema co indikovat.
   :has() plati jen dokud je v OL jedno LI - az klientka prida druhy banner,
   tecky se vrati samy a nikdo na to nemusi sahat. */
.carousel-indicators:has(li:only-child) { display: none; }

/* Mobil: srovnat hrany banneru s obsahem a stahnout mezeru pod nim.
   Apollo ma margin: 0 -20px 50px - zaporne okraje ho vytahovaly pres
   padding kontejneru a spodnich 50 px delalo s 15 px dalsiho bloku 66 px. */
@media (max-width: 767px) {
    .carousel {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 8px !important;
    }
}

/* --- Stranka Kontakty ---------------------------------------------------- */

/* Je na ni vlozena mapa, ktera potrebuje celou sirku obsahu */
@media (min-width: 992px) {
    body.in-kontakty .content-inner,
    body.in-kontakty article.pageArticleDetail {
        max-width: 100% !important;
        width: 100% !important;
    }
}