.levita-home {
    width: 100%;
}

/* Levita homepage – základ */
body.home .levita-home {
    margin: 0;
    padding: 0;
    background: #e8eef2;
    color: #142235;
}

/* HERO */
body.home .levita-home-hero {
    max-width: 1540px;
    min-height: 500px;
    margin: 0 auto;
    padding: 64px 6vw;
    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(232,238,242,1) 0%,
            rgba(232,238,242,.62) 24%,
            rgba(232,238,242,.18) 42%,
            rgba(232,238,242,0) 72%
        ),
        url("/wp-content/uploads/svetly.avif") !important;

    background-size: 72% !important;
    background-repeat: no-repeat !important;
    background-position: right 8% center !important;
}

/* HERO – desktop tmavý režim */
html.levita-dark body.home .levita-home-hero,
body.levita-dark.home .levita-home-hero,
html.levita-theme-dark body.home .levita-home-hero,
body.levita-theme-dark.home .levita-home-hero,
html.autano-theme-dark body.home .levita-home-hero,
body.autano-theme-dark.home .levita-home-hero {
    background:
        linear-gradient(
            90deg,
            rgba(7,24,39,1) 0%,
            rgba(7,24,39,.94) 20%,
            rgba(7,24,39,.54) 38%,
            rgba(7,24,39,.10) 60%,
            rgba(7,24,39,0) 100%
        ),
        url("/wp-content/uploads/tmavy.avif") !important;

    background-size: 72% auto !important;
    background-repeat: no-repeat !important;
    background-position: right 8% center !important;
}

/* HERO – mobil světlý + tmavý */
@media (max-width: 768px) {
    body.home .levita-home-hero {
        background:
            linear-gradient(
                180deg,
                rgba(232,238,242,.92) 0%,
                rgba(232,238,242,.62) 34%,
                rgba(232,238,242,.18) 62%,
                rgba(232,238,242,0) 100%
            ),
            url("/wp-content/uploads/svetly.avif") !important;

        background-size: 86% auto !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;

        min-height: 520px !important;
        padding: 28px 22px 150px !important;
        align-items: flex-start !important;
    }

    html.levita-dark body.home .levita-home-hero,
    body.levita-dark.home .levita-home-hero,
    html.levita-theme-dark body.home .levita-home-hero,
    body.levita-theme-dark.home .levita-home-hero,
    html.autano-theme-dark body.home .levita-home-hero,
    body.autano-theme-dark.home .levita-home-hero {
        background:
            linear-gradient(
                180deg,
                rgba(7,24,39,.96) 0%,
                rgba(7,24,39,.68) 34%,
                rgba(7,24,39,.24) 62%,
                rgba(7,24,39,0) 100%
            ),
            url("/wp-content/uploads/tmavy.avif") !important;

        background-size: 88% auto !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
        background-position-y: calc(100% + 24px) !important;
    }
}
body.home .levita-home-hero-text {
    max-width: 560px;
}

body.home .levita-home-title {
    margin: 0 0 18px;
    font-size: clamp(38px, 4.8vw, 68px);
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: -0.055em;
    color: #142235;
}

body.home .levita-home-subtitle {
    max-width: 500px;
    margin: 0 0 26px;
    font-size: clamp(18px, 1.45vw, 23px);
    line-height: 1.45;
    color: #203047;
}

body.home .levita-home-buttons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

body.home .levita-home-buttons .wp-block-button__link {
    border-radius: 999px;
    padding: 13px 23px;
    font-size: 16px;
    font-weight: 800;
    background: linear-gradient(135deg, #2799c8, #75bd59);
    color: #fff;
    box-shadow: 0 14px 30px rgba(39,153,200,.18);
}

/* BOXES */
body.home .levita-home-boxes {
    max-width: 1400px;
    margin: 48px auto;
    padding: 0 40px;
    gap: 20px;
}

body.home .levita-home-box {
    padding: 30px;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(18,34,53,.06);
    transition: transform .2s ease, box-shadow .2s ease;
}

body.home .levita-home-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 28px 65px rgba(18,34,53,.10);
}

body.home .levita-home-box-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(39,153,200,.16), rgba(117,189,89,.16));
    color: #2799c8;
    font-size: 24px;
    font-weight: 800;
}

body.home .levita-home-box h3 {
    margin: 0 0 12px;
    font-size: 26px;
    color: #142235;
}

body.home .levita-home-box h3 a {
    color: #142235;
    text-decoration: none;
}

body.home .levita-home-box p {
    margin: 0;
    font-size: 17px;
    line-height: 1.55;
    color: #4b5b70;
}

/* NEJNOVĚJŠÍ ČLÁNKY */
body.home .levita-home-latest {
    max-width: 1400px;
    margin: 58px auto;
    padding: 0 40px;
}

body.home .levita-home-section-title {
    font-size: clamp(30px, 3vw, 42px);
    margin: 0 0 28px;
    color: #142235;
}

body.home .levita-home-posts .wp-block-post-template {
    gap: 24px;
}

body.home .levita-home-posts .wp-block-post {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(18,34,53,.06);
}

body.home .levita-home-post-image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

body.home .levita-home-post-title {
    padding: 20px 22px 0;
    font-size: 20px;
    line-height: 1.25;
}

body.home .levita-home-post-title a {
    color: #142235;
    text-decoration: none;
}

body.home .levita-home-posts .wp-block-post-excerpt {
    padding: 0 22px 24px;
    color: #4b5b70;
}

body.home .levita-home-posts .wp-block-post-excerpt p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.home .levita-home-posts .wp-block-post-excerpt__more-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 11px 20px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2799c8, #75bd59);
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(39,153,200,.18);
    transition: transform .18s ease;
}

body.home .levita-home-posts .wp-block-post-excerpt__more-link:hover {
    transform: translateY(-2px);
}

/* 4 články na velkém monitoru */
@media (min-width: 1500px) {
    body.home .levita-home-posts .wp-block-post-template {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* DARK MODE – podporuje více variant tříd */
html.levita-dark body.home,
html.levita-dark body.home .wp-site-blocks,
html.levita-dark body.home .levita-home,
body.levita-dark.home,
body.levita-dark.home .wp-site-blocks,
body.levita-dark.home .levita-home,
html.levita-theme-dark body.home,
html.levita-theme-dark body.home .wp-site-blocks,
html.levita-theme-dark body.home .levita-home,
body.levita-theme-dark.home,
body.levita-theme-dark.home .wp-site-blocks,
body.levita-theme-dark.home .levita-home,
html.autano-theme-dark body.home,
html.autano-theme-dark body.home .wp-site-blocks,
html.autano-theme-dark body.home .levita-home,
body.autano-theme-dark.home,
body.autano-theme-dark.home .wp-site-blocks,
body.autano-theme-dark.home .levita-home {
    background: #07111f !important;
    color: #eaf4f7 !important;
}

/* DARK HERO */
@media (max-width: 768px) {
    html.levita-dark body.home .levita-home-hero,
    body.levita-dark.home .levita-home-hero,
    html.levita-theme-dark body.home .levita-home-hero,
    body.levita-theme-dark.home .levita-home-hero,
    html.autano-theme-dark body.home .levita-home-hero,
    body.autano-theme-dark.home .levita-home-hero {
        background:
            linear-gradient(
                180deg,
                rgba(7,24,39,.96) 0%,
                rgba(7,24,39,.68) 34%,
                rgba(7,24,39,.24) 62%,
                rgba(7,24,39,0) 100%
            ),
            url("/wp-content/uploads/levita-hero-mobile-dark.avif") !important;

        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center 62% !important;
        min-height: 680px !important;
        align-items: flex-start !important;
    }
}
html.levita-dark body.home .levita-home-title,
body.levita-dark.home .levita-home-title,
html.levita-dark body.home .levita-home-section-title,
body.levita-dark.home .levita-home-section-title,
html.levita-theme-dark body.home .levita-home-title,
body.levita-theme-dark.home .levita-home-title,
html.autano-theme-dark body.home .levita-home-title,
body.autano-theme-dark.home .levita-home-title,
html.levita-theme-dark body.home .levita-home-section-title,
body.levita-theme-dark.home .levita-home-section-title,
html.autano-theme-dark body.home .levita-home-section-title,
body.autano-theme-dark.home .levita-home-section-title {
    color: #f4fbff !important;
}

html.levita-dark body.home .levita-home-subtitle,
body.levita-dark.home .levita-home-subtitle,
html.levita-theme-dark body.home .levita-home-subtitle,
body.levita-theme-dark.home .levita-home-subtitle,
html.autano-theme-dark body.home .levita-home-subtitle,
body.autano-theme-dark.home .levita-home-subtitle {
    color: #b8c7d6 !important;
}

html.levita-dark body.home .levita-home-box,
body.levita-dark.home .levita-home-box,
html.levita-dark body.home .levita-home-posts .wp-block-post,
body.levita-dark.home .levita-home-posts .wp-block-post,
html.levita-theme-dark body.home .levita-home-box,
body.levita-theme-dark.home .levita-home-box,
html.autano-theme-dark body.home .levita-home-box,
body.autano-theme-dark.home .levita-home-box,
html.levita-theme-dark body.home .levita-home-posts .wp-block-post,
body.levita-theme-dark.home .levita-home-posts .wp-block-post,
html.autano-theme-dark body.home .levita-home-posts .wp-block-post,
body.autano-theme-dark.home .levita-home-posts .wp-block-post {
    background: #0d1b2d !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.26) !important;
}

html.levita-dark body.home .levita-home-box h3,
body.levita-dark.home .levita-home-box h3,
html.levita-dark body.home .levita-home-box h3 a,
body.levita-dark.home .levita-home-box h3 a,
html.levita-dark body.home .levita-home-post-title a,
body.levita-dark.home .levita-home-post-title a,
html.levita-theme-dark body.home .levita-home-box h3,
body.levita-theme-dark.home .levita-home-box h3,
html.autano-theme-dark body.home .levita-home-box h3,
body.autano-theme-dark.home .levita-home-box h3,
html.levita-theme-dark body.home .levita-home-box h3 a,
body.levita-theme-dark.home .levita-home-box h3 a,
html.autano-theme-dark body.home .levita-home-box h3 a,
body.autano-theme-dark.home .levita-home-box h3 a,
html.levita-theme-dark body.home .levita-home-post-title a,
body.levita-theme-dark.home .levita-home-post-title a,
html.autano-theme-dark body.home .levita-home-post-title a,
body.autano-theme-dark.home .levita-home-post-title a {
    color: #f4fbff !important;
}

html.levita-dark body.home .levita-home-box p,
body.levita-dark.home .levita-home-box p,
html.levita-dark body.home .levita-home-posts .wp-block-post-excerpt,
body.levita-dark.home .levita-home-posts .wp-block-post-excerpt,
html.levita-theme-dark body.home .levita-home-box p,
body.levita-theme-dark.home .levita-home-box p,
html.autano-theme-dark body.home .levita-home-box p,
body.autano-theme-dark.home .levita-home-box p,
html.levita-theme-dark body.home .levita-home-posts .wp-block-post-excerpt,
body.levita-theme-dark.home .levita-home-posts .wp-block-post-excerpt,
html.autano-theme-dark body.home .levita-home-posts .wp-block-post-excerpt,
body.autano-theme-dark.home .levita-home-posts .wp-block-post-excerpt {
    color: #b8c7d6 !important;
}

html.levita-dark body.home .levita-home-box-icon,
body.levita-dark.home .levita-home-box-icon,
html.levita-theme-dark body.home .levita-home-box-icon,
body.levita-theme-dark.home .levita-home-box-icon,
html.autano-theme-dark body.home .levita-home-box-icon,
body.autano-theme-dark.home .levita-home-box-icon {
    background: linear-gradient(135deg, rgba(39,153,200,.24), rgba(117,189,89,.20)) !important;
    color: #7ed7ff !important;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
    body.home .levita-home-boxes {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    body.home .levita-home-hero {
        min-height: 500px;
        padding: 58px 24px;
        background-size: 110%;
        background-position: center bottom;
    }

    body.home .levita-home-boxes,
    body.home .levita-home-latest {
        padding: 0 22px;
        margin: 44px auto;
    }

    body.home .levita-home-box {
        padding: 28px;
    }

    body.home .levita-home-posts .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 680px) {
    body.home .levita-home-boxes {
        grid-template-columns: 1fr !important;
    }

    body.home .levita-home-title {
        font-size: clamp(36px, 12vw, 52px);
    }
}
/* Levita – jemné povystoupení karet */
.levita-home-box,
.levita-home-posts .wp-block-post,
.levita-archive-posts .wp-block-post,
.levita-sidebar-card {
    transition: transform .22s ease, box-shadow .22s ease;
}

.levita-home-box:hover,
.levita-home-posts .wp-block-post:hover,
.levita-archive-posts .wp-block-post:hover,
.levita-sidebar-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 70px rgba(18,34,53,.12);
}

/* LEVITA – pojistka proti starému hero-card efektu ze style.css
   Pokud je ještě někde načtený starý .levita-hero-card, v dark mode nesmí překrývat text. */
html.levita-dark body.home .levita-hero-card,
body.levita-dark.home .levita-hero-card {
    background: transparent !important;
}

html.levita-dark body.home .levita-hero-card::before,
html.levita-dark body.home .levita-hero-card::after,
body.levita-dark.home .levita-hero-card::before,
body.levita-dark.home .levita-hero-card::after {
    display: none !important;
    content: none !important;
}

html.levita-dark body.home .levita-hero-image,
body.levita-dark.home .levita-hero-image {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-height: 520px !important;
    opacity: 1 !important;
    filter: none !important;
    background-size: cover !important;
    background-position: center center !important;
}
body.home .levita-home-title .green,
body.home .levita-hero-title .green {
    background: linear-gradient(135deg, #2799c8, #75bd59);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
}
/* LEVITA – mobilní hero finální */

@media screen and (max-width: 768px) {
    html body.home .levita-home .levita-home-hero,
    html body.home .levita-home-hero {
        min-height: 500px !important;
        height: auto !important;
        padding: 16px 18px 120px !important;

        background:
            linear-gradient(
                180deg,
                rgba(232,238,242,.92) 0%,
                rgba(232,238,242,.58) 34%,
                rgba(232,238,242,.16) 62%,
                rgba(232,238,242,0) 100%
            ),
            url("/wp-content/uploads/svetly.avif") !important;

        background-size: 92% auto !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
        align-items: flex-start !important;
    }

    html.levita-dark body.home .levita-home .levita-home-hero,
    html.levita-dark body.home .levita-home-hero {
        background:
            linear-gradient(
                180deg,
                rgba(7,24,39,.96) 0%,
                rgba(7,24,39,.68) 34%,
                rgba(7,24,39,.24) 62%,
                rgba(7,24,39,0) 100%
            ),
            url("/wp-content/uploads/tmavy.avif") !important;
        background-size: 88% auto !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
        background-position-y: calc(100% + 24px) !important;

 }
    html body.home .levita-home-hero-text {
        max-width: 100% !important;
    }

    html body.home .levita-home-title {
        font-size: 34px !important;
        line-height: .98 !important;
        margin-bottom: 10px !important;
    }

    html body.home .levita-home-subtitle {
        font-size: 21px !important;
        line-height: 1.22 !important;
        margin-bottom: 10px !important;
    }

    html body.home .levita-home-note {
        font-size: 14px !important;
        line-height: 1.35 !important;
        margin-bottom: 12px !important;
    }

    html body.home .levita-home-buttons {
        gap: 10px !important;
    }

    html body.home .levita-home-buttons .wp-block-button__link {
        padding: 10px 18px !important;
        font-size: 17px !important;
    }
}