/* UNIKA-UI-BLOG-IMPORT: Creative Elements header/footer CSS is not enqueued on module-everpsblog pages */
@import url("/modules/creativeelements/views/css/frontend.min.css");
@import url("/modules/creativeelements/views/css/animations.min.css");
/* just to avoid error in console log */
.everpsblog-search-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    width: 100%;
    margin-bottom: 1rem;
}

.everpsblog-search-toolbar__search {
    grid-column: 2;
    justify-self: center;
}

.everpsblog-search {
    margin: 0;
}

.everpsblog-search .input-group {
    flex-wrap: nowrap;
}

.everpsblog-search-toolbar > .rss-link {
    grid-column: 3;
    justify-self: end;
    align-self: start;
}

.everpsblog-search input[type="search"] {
    /* Keep outer rounding only on the left side */
    border-radius: .6rem 0 0 .6rem;
    max-width: 350px;
}

/* Match search button rounding with the input */
.everpsblog-search button[type="submit"] {
    border-radius: 0 .6rem .6rem 0;
}

@media (max-width: 767.98px) {
    .everpsblog-search-toolbar {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .everpsblog-search-toolbar__search {
        grid-column: 1;
        justify-self: stretch;
    }

    .everpsblog-search {
        width: 100%;
    }

    .everpsblog-search .input-group {
        width: 100%;
    }

    .everpsblog-search input[type="search"] {
        max-width: none;
    }

    .everpsblog-search-toolbar > .rss-link {
        grid-column: 2;
    }
}

/* Force X branding even if the active theme still styles .twitter buttons. */
.social-sharing .x:before,
.social-sharing li.x:before,
.social-sharing li.x a:before {
    content: "";
    background-image: url(../img/x.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.social-sharing a.x.icon-gray,
.social-sharing .x.icon-gray,
.social-sharing li.x.icon-gray,
.social-sharing li.x.icon-gray a {
    background-image: url(../img/x.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ==========================================================================
 * UNIKA theme_ecolife visual integration (added 2026-10-15) - additive only,
 * nothing above this line was touched. Real theme_ecolife typography/brand
 * values used below (verified live against the theme's own CSS and the
 * per-shop posthemeoptions stylesheet, not guessed):
 * - Body font: "Inter" (loaded site-wide via Google Fonts)
 * - Heading font: "Manrope" (same)
 * - Brand accent: #ED0569 (theme's own --hovercolor, used for prices/links/hover)
 * - Body background: #F9F9F9 (theme's own --bg_dark)
 * ========================================================================== */

#module-everpsblog-blog,
#module-everpsblog-category,
#module-everpsblog-tag,
#module-everpsblog-author,
#module-everpsblog-search,
#module-everpsblog-post {
    font-family: "Inter", sans-serif;
}

#module-everpsblog-blog h1,
#module-everpsblog-blog h2,
#module-everpsblog-blog h3,
#module-everpsblog-category h1,
#module-everpsblog-category h2,
#module-everpsblog-category h3,
#module-everpsblog-tag h1,
#module-everpsblog-tag h2,
#module-everpsblog-tag h3,
#module-everpsblog-author h1,
#module-everpsblog-author h2,
#module-everpsblog-author h3,
#module-everpsblog-post h1,
#module-everpsblog-post h2,
#module-everpsblog-post h3,
#module-everpsblog-post .everpsblog-post-title,
#module-everpsblog-blog .everpsblog-blog-header__title,
#module-everpsblog-category .everpsblog-blog-header__title,
#module-everpsblog-tag .everpsblog-blog-header__title,
#module-everpsblog-author .everpsblog-blog-header__title,
#module-everpsblog-search .everpsblog-blog-header__title {
    font-family: "Manrope", sans-serif !important;
}

/* The module's own CSS sets Helvetica on tag badges; align with the real theme font. */
#module-everpsblog-post .taggedIn a {
    font-family: "Inter", sans-serif;
}

/*
 * The theme's own generic page-title partial (<header class="page-header"><h1></h1></header>) renders
 * on every controller, including the blog's, but the blog module already supplies its own populated
 * h1 in the hero band just below - so on blog/post pages this theme partial is always an empty bar.
 * Hiding it only when empty is additive and theme-safe: scoped to the blog's own body ids, so no other
 * page type (product/category/home) is affected.
 */
#module-everpsblog-blog .page-header:has(h1:empty),
#module-everpsblog-category .page-header:has(h1:empty),
#module-everpsblog-tag .page-header:has(h1:empty),
#module-everpsblog-author .page-header:has(h1:empty),
#module-everpsblog-search .page-header:has(h1:empty),
#module-everpsblog-post .page-header:has(h1:empty) {
    display: none;
}

/* Article body images (none in the current 10 articles, but future posts may include some): keep them
   responsive and inside the card's rounded corners rather than overflowing. */
#module-everpsblog-post .postcontent img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

/* Article tables (the 10 GEO articles each include a real comparison table): scroll on narrow screens
   instead of breaking the layout. */
#module-everpsblog-post .postcontent table {
    display: block;
    overflow-x: auto;
    max-width: 100%;
}

/* Card corners consistent with the rest of the site's cards. */
#module-everpsblog-post .everpsblog-post-hero,
#module-everpsblog-blog .everpsblog-blog-header {
    border-radius: 0.5rem 0.5rem 0 0;
}

/* >>> UNIKA-UI-BLOG v1 BEGIN (2026-10-18) <<< */

/* ==========================================================================
 * UNIKA UI finalization (2026-10-18) - blog header/toolbar layout + editorial typography.
 * Rendering only; no content, SEO or preview-token logic touched.
 * ========================================================================== */
#module-everpsblog-blog .everpsblog-blog-header,
#module-everpsblog-category .everpsblog-blog-header,
#module-everpsblog-tag .everpsblog-blog-header,
#module-everpsblog-author .everpsblog-blog-header,
#module-everpsblog-search .everpsblog-blog-header {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: clamp(1.25rem, 3vw, 2.25rem) 1rem;
    text-align: center;
}
#module-everpsblog-blog .everpsblog-blog-header__title,
#module-everpsblog-category .everpsblog-blog-header__title,
#module-everpsblog-tag .everpsblog-blog-header__title,
#module-everpsblog-author .everpsblog-blog-header__title,
#module-everpsblog-search .everpsblog-blog-header__title {
    font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
    line-height: 1.2;
    margin: 0 0 .5rem;
}
#module-everpsblog-blog .everpsblog-blog-header p,
#module-everpsblog-category .everpsblog-blog-header p,
#module-everpsblog-tag .everpsblog-blog-header p,
#module-everpsblog-author .everpsblog-blog-header p,
#module-everpsblog-search .everpsblog-blog-header p {
    color: rgba(255, 255, 255, .92);
    margin-bottom: 1rem;
}
/* Search toolbar: input + button on one row, centred, never full-bleed */
#module-everpsblog-blog .everpsblog-search .input-group,
#module-everpsblog-category .everpsblog-search .input-group,
#module-everpsblog-tag .everpsblog-search .input-group,
#module-everpsblog-author .everpsblog-search .input-group,
#module-everpsblog-search .everpsblog-search .input-group {
    display: flex;
    flex-wrap: nowrap;
    max-width: 480px;
    margin: 0 auto;
}
#module-everpsblog-blog .everpsblog-search-toolbar,
#module-everpsblog-category .everpsblog-search-toolbar,
#module-everpsblog-tag .everpsblog-search-toolbar,
#module-everpsblog-author .everpsblog-search-toolbar,
#module-everpsblog-search .everpsblog-search-toolbar {
    margin: 1.5rem 0 1rem;
    padding: 0;
}
#module-everpsblog-blog .everpsblog-blog-header a,
#module-everpsblog-category .everpsblog-blog-header a,
#module-everpsblog-tag .everpsblog-blog-header a {
    margin-top: .5rem;
}
/* >>> UNIKA-UI-BLOG v1 END <<< */