/* Custom overrides for the static version of athelierkiwi.cz */

/* --- lighter hero overlays on title bars --- */
.title-bar .overlay-color { background-color: rgba(0, 0, 0, .45) !important; }

/* --- static pagination instead of the ajax "load more" button --- */
.load-more-button { display: none !important; }
.posts-navigation { display: block !important; margin: 32px 0 8px !important; }
.posts-navigation .nav-links { display: flex; gap: 16px; justify-content: center; align-items: baseline; }
.posts-navigation .page-numbers {
    padding: 12px 30px;
    border: 2px solid #aeca04;
    color: #8fa503;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    transition: background .2s, color .2s;
}
.posts-navigation a.page-numbers:hover { background: #aeca04; color: #fff; }
.posts-navigation span.page-numbers.current { background: #aeca04; color: #fff; }

/* --- O nas: portraits as avatars, no gray voids --- */
.page-id-20 .elementor-invisible { visibility: visible !important; }
.page-id-20 .elementor-element-31b2280,
.page-id-20 .elementor-element-44f80da,
.page-id-20 .elementor-element-31b2280 > .elementor-widget-wrap,
.page-id-20 .elementor-element-44f80da > .elementor-widget-wrap {
    background-image: none !important;
    background-color: transparent !important;
    min-height: 0 !important;
}
.page-id-20 .elementor-element-31b2280 > .elementor-widget-wrap,
.page-id-20 .elementor-element-44f80da > .elementor-widget-wrap {
    padding: 296px 0 0 !important;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.kiwi-portrait {
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    object-fit: cover;
    object-position: center top !important;
    box-shadow: 0 2px 14px rgba(0, 0, 0, .18);
}
/* Tomas: position the original photo with a slight zoom so he is
   horizontally centered in the circle with a bit of headroom */
.kiwi-portrait-zoom {
    overflow: hidden;
    display: block;
    position: relative;
    flex: none;
}
.kiwi-portrait-zoom img {
    position: absolute;
    max-width: none;
    width: 115%;
    height: auto;
    left: -16%;
    top: -23%;
}

/* --- O nas stacked layout (tablet/mobile): avatar directly above its text --- */
@media (max-width: 1024px) {
    /* avatar column becomes a band; avatar truly centered inside it */
    .page-id-20 .elementor-element-31b2280 > .elementor-widget-wrap,
    .page-id-20 .elementor-element-44f80da > .elementor-widget-wrap {
        padding: 0 !important;
        min-height: 300px !important; /* overrides the min-height:0 reset above */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* drop the text columns' top filler spacers so the band stands alone */
    .page-id-20 .elementor-element-13051f0,
    .page-id-20 .elementor-element-b693e8c { display: none !important; }
    /* text columns start flush under the avatar band */
    .page-id-20 .elementor-element-5033432 > .elementor-widget-wrap,
    .page-id-20 .elementor-element-c71ef16 > .elementor-widget-wrap {
        padding-top: 0 !important;
    }
    .page-id-20 .elementor-element-c50b2f8 > .elementor-widget-wrap,
    .page-id-20 .elementor-element-923c062 > .elementor-widget-wrap {
        padding-top: 0 !important;
    }
    /* Kateřina: avatar above her text (DOM has text first) */
    .page-id-20 .elementor-element-31b2280 { order: -1; }
    /* Tomáš: cancel Elementor's reverse-mobile flip so his avatar stays above the text too */
    .page-id-20 .elementor-reverse-mobile > .elementor-container { flex-direction: column !important; }
    .page-id-20 .elementor-reverse-mobile .elementor-element-44f80da { order: 0 !important; }
    .page-id-20 .elementor-reverse-mobile .elementor-element-c71ef16 { order: 1 !important; }
    /* kill the desktop-only filler spacers under the avatars */
    .page-id-20 .elementor-element-00b1546,
    .page-id-20 .elementor-element-e0bdd25 { display: none !important; }
    /* columns already stack full-width; keep them snug */
    .page-id-20 .elementor-top-column { min-height: 0 !important; }
}

/* avatar entrance animation — triggered by avatar-anim.js when the avatar
   itself scrolls into view (not the empty column top, as Elementor did) */
.kiwi-anim {
    opacity: 0;
    transition: opacity .7s ease, transform .7s ease;
}
.kiwi-anim-right { transform: translateX(60px); }
.kiwi-anim-left { transform: translateX(-60px); }
.kiwi-anim.kiwi-anim-done { opacity: 1; transform: none; }

/* --- footer: EU publicity badge at readable size --- */
#media_image-10 img { width: 240px !important; height: auto !important; }

/* --- fix original site's tablet hero bug: 63px -> 30px (same as desktop) --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-element-4c7114fb .elementor-heading-title { font-size: 30px !important; }
}

/* --- O nas: remove leftover text-shadow on Katerina's bio list --- */
.page-id-20 .elementor-icon-list-text { text-shadow: none !important; }