/**
 * Theme Name:     sladie
 * Author:         Kadence WP
 * Template:       kadence
 * Text Domain:	   sladie
 * Description:    Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
 */

 
 #masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {
    background: #d0dfc2 !important;
}
#masthead {
    position: relative;
    z-index: 11;
    background-color: #d0dfc2 !important;
}
.entry.single-entry {
    box-shadow: none !important;
}

.entry-content-wrap {
    padding: 0rem !important;
}

.TextCenter { text-align: center !important;}

.entry-header {
    margin-bottom: 0em !important
}
.single-content {
    margin:0 0 0 !important;
}

body { font-family:  "Helvetica Neue","Arimo", sans-serif !important; background-color: #fff !important;}
h1, h2, h3, h4, p { font-family:  "Helvetica Neue","Arimo", sans-serif !important; }

.nahoru20{ margin-top: 20px !important;}
.nahoru30{ margin-top: 30px !important;}
.nahoru40{ margin-top: 40px !important;}
.nahoru50{ margin-top: 50px !important;}
.nahoru60{ margin-top: 60px !important;}
.nahoru70{ margin-top: 70px !important;}
.nahoru80{ margin-top: 80px !important;}

.nahoru20p{ padding-top: 20px !important;}
.nahoru30p{ padding-top: 30px !important;}
.nahoru40p{ padding-top: 40px !important;}
.nahoru50p{ padding-top: 50px !important;}
.nahoru60p{ padding-top: 60px !important;}
.nahoru80p{ padding-top: 80px !important;}
.nahoru100p{ padding-top: 100px !important;}

.dolu20 { margin-bottom: 20px !important;}
.dolu30 { margin-bottom: 30px !important;}
.dolu40 { margin-bottom: 40px !important;}
.dolu50 { margin-bottom: 50px !important;}
.dolu60 { margin-bottom: 60px !important;}

.dolu20p { padding-bottom: 20px !important;}
.dolu30p { padding-bottom: 30px !important;}
.dolu40p { padding-bottom: 40px !important;}
.dolu50p { padding-bottom: 50px !important;}
.dolu60p { padding-bottom: 60px !important;}

.f18 { font-size: 18px !important;}
.f20 { font-size: 20px !important;}
.f24 { font-size: 24px !important;}
.f26 { font-size: 26px !important; line-height: 32px;}
.f28 { font-size: 28px !important; line-height: 34px;}
.f32 { font-size: 32px !important;}
.f36 { font-size: 36px !important;}
.f40 { font-size: 40px !important;}
.koupit { background-color: #e61e1e; color: #fff !important; border-radius: 10px; padding: 0px 20px;}
.koupit a { color: #fff !important;     padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;}

#banner {
    position: relative;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%; /* Video zabere celou šířku */
    min-height: 700px; /* Výška se přizpůsobí podle poměru stran */
    max-width: 100%; /* Zajistí, že video nebude širší než 100% šířky obrazovky */
    object-fit: cover; /* Video vyplní šířku a výšku, ale nebude deformováno */
  }
  .zelena { background-color: #d0dfc2; padding-top: 20px;}
  .logo_odsad { padding-top: 20px;}
h1.sladkost { margin: 0px !important; padding: 350px 0px 0px 0px !important;color: #d0dfc2 !important; position: relative; text-align: center; font-weight: bold; font-size: 43px;
    line-height: 46px;}
  .stred { max-width: 800px; margin: 0 auto;}
  .clear { clear: both;}
  .fajfka-container {
    display: flex;
    align-items: flex-start; /* Zarovná obrázek s horním řádkem textu */
    gap: 0px; /* Mezera mezi obrázkem a seznamem */
    padding-bottom: 40px;
}

.fajfka-container img {
    width: auto; /* Nebo nastav pevnou šířku např. width: 100px; */
    height: auto;
    max-width: 380px; /* Omezí maximální šířku */
}

.fajfka {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

ul.fajfka {
    padding-left: 0em !important;}

.fajfka li {
    position: relative;
    padding-left: 30px; /* Rezerva pro fajfku */
    margin-bottom: 5px;
    margin-top: 20px;
}

.fajfka li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    background: url('/wp-content/uploads/2025/02/fajfka.png') no-repeat center center;
    background-size: contain;
    transform: translateY(-50%);
}
.svetla { background-color: #f9fef5; }

h2 { text-align: center; color:#77b729 !important; font-size: 2em;}
.bilafajfka-container {
    display: flex;
    justify-content: center; /* Zarovná celek na střed */
    text-align: left; /* Udrží text v odrážkách zarovnaný doleva */
}

.bilafajfka {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.bilafajfka li {
    position: relative;
    padding-left: 30px; /* Rezerva pro fajfku */
    margin-bottom: 5px;
    margin-top: 10px;
}

.bilafajfka li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    background: url('/wp-content/uploads/2025/02/fajfka.png') no-repeat center center;
    background-size: contain;
    transform: translateY(-50%);
}
.dolu { margin-bottom: 20px;}
.doluP { padding-bottom: 20px;}

.recenze_text { font-weight: normal; margin-bottom: 10px !important; line-height: 20px;}
.zakaznik { line-height: 20px; margin-bottom: 0px !important;}


.inline { display: inline-table;}
 .inline .alignleft,  .recenze_text .alignleft{ margin-right: 3px !important;}
 .sto .alignleft{ margin-right: 8px !important;}
 .sto img { margin-top: 2px;}
 .left { float: left;}
 .sto { display: flex;
 }
.sto img {
    height: 100%;
}
.sto .recenze_text_div{
    display: flex;
    flex-direction: column; /* Zajistí, že odstavce se řadí pod sebe */
    flex: 1; /* Zabere zbytek dostupného prostoru */
}
.ctverce-container {
    display: flex;
    justify-content: center; /* Zarovná celou řadu na střed */
    gap: 10px; /* Mezera mezi čtverci */
}
.ctverec {
    width: 200px; /* Šířka čtverce */
   /* min-height: 300px;  */
    background-color: #fff; /* Modré podbarvení */
   /* display: flex;*/
    justify-content: center;
    color: #000;
    font-weight: bold;
    padding: 15px 10px;
}

.dva-container {
    display: flex;
    justify-content: center; /* Zarovná oba prvky na střed stránky */
    gap: 20px; /* Mezera mezi prvky */
}

.dva { 
    background-color: #d0dfc2;
   /* display: flex;*/
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 10px 50px 50px 50px;
    min-width: 380px;
} 

.zapati { font-size: 15px;}

.container-footer {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    padding-top: 50px;
}
.container-footer a { color: inherit !important; text-decoration: none;}
.container-footer .left {
    text-align: left;
}
.container-footer .right {
    text-align: right;
}

.container-sloz {
    display: flex;
    align-items: center;  /* Zarovná rámečky na střed vertikálně */
    justify-content: center;
}

.container-sloz .box {
    padding: 5px 10px;
    margin: 0 5px;  /* Mezera mezi rámečky */
    min-width: 150px;
    border-radius: 10px;
    text-align: center;
    background-color: #f18877;
    color: #fff;
    font-weight: bold;
}

.container-kup {
    display: flex;
    align-items: center;  /* Zarovná rámečky na střed vertikálně */
    justify-content: center;
}

.container-kup .box {
    padding: 5px 10px;
    margin: 0 5px;  /* Mezera mezi rámečky */
    min-width: 150px;
    border-radius: 10px;
    text-align: center;
    background-color: #e61e1e;
    color: #fff;
    font-weight: bold;
}
.container-kup a .box { text-decoration: none !important; box-shadow: 0px 9px 10px rgba(0, 0, 0, 0.2); }
.container-kup a  { text-decoration: none !important; color: #fff !important;}

.container-sloz .plus {
    font-size: 30px; /* Větší velikost "+" */
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin: 0 25px; 
}


.snowfall {
    position: fixed; /* Oprava, aby se div nehýbal */
    top: 0;
    right: 10px; /* Odsazení 30px od pravého okraje */
    width: 260px; /* Šířka prostoru pro padání */
    height: 100vh;
    pointer-events: none;
    overflow: hidden; /* Zabrání roztahování stránky */
    z-index: 9999;
}

.snowflake {
    position: absolute;
    top: -40px; /* Start trochu výš, aby se neobjevovaly v půlce */
    width: 55px;
    height: 45px;
    background-image: url('/wp-content/uploads/2025/02/pilulka.png');
    background-size: cover;
    opacity: 0.8;
    animation: fall linear infinite;
}

/* Animace pádu dolů */
@keyframes fall {
    from {
        transform: translateY(-50px) rotate(0deg);
    }
    to {
        transform: translateY(100vh) rotate(360deg);
    }
}

@media (max-width: 800px) {
    .fajfka-container {
        display: block;
        padding-bottom: 40px;
    }

    .fajfka-container > * { 
        margin-bottom: 15px; /* Mezera mezi prvky */
    }
    .ctverce-container {
        flex-direction: column; /* Čtverce se zarovnají pod sebe */
        align-items: center; /* Zarovná je na střed */
    }

    .ctverec {
        width: 90%; /* Zabere většinu šířky displeje */
        max-width: 300px; /* Omezíme maximální šířku */
    }
    .dva-container {
        flex-direction: column; /* Zarovná prvky pod sebe */
        align-items: center; /* Zarovná je na střed */
    }

    .dva {
        width: 90%; /* Na mobilu zabere většinu šířky */
        max-width: 300px; /* Omezíme maximální šířku */
    }
    .container-footer {
        flex-direction: column; /* Prvky se zarovnají pod sebe */
        align-items: center; /* Zarovnání textu na střed */
        text-align: center;
    }

    .container-footer .left, 
    .container-footer .right {
        text-align: center;
        width: 100%; /* Každý prvek zabere plnou šířku */
        margin-bottom: 10px; /* Přidáme mezeru mezi prvky */
    }
    .site-branding { padding: 0px 0px 0px 0px !important;}
}
.d800 { max-width: 1000px; margin: 0px  auto; padding: 50px 0px;}
a.bila { color: #fff !important;}