/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
/*
 * Child-theme overrides for Salient.
 * Keep higher specificity where Salient core styles require it.
 *
 * Sections:
 * 1) Design Tokens
 * 2) Utilities
 * 3) Layout Helpers (WPBakery + Salient)
 * 4) Buttons, Header Controls, Cards
 * 5) Decorative Backgrounds & Shared Visuals
 * 6) Blog Listing (Home / Archive / Search)
 * 7) Single Post
 * 8) Related Posts (Single)
 * 9) Footer
 * 10) Responsive Overrides
 */

/* ========================================
   1. Design Tokens
======================================== */
:root {
    --ck-color-foreground: #201a23;
    --ck-color-muted: #424044;
    --ck-color-border: #f2f1f2;
    --ck-border-primary: var(--Border-Primary, var(--ck-color-border));
    --ck-color-white: #ffffff;
    --ck-color-primary: #f93;
    --ck-font-family-ui: 'Poppins', sans-serif;
    --ck-text-sm: 14px;
    --ck-text-md: 16px;
    --ck-line-height-base: 1.5;
    --ck-line-height-base-pct: 150%;
    --ck-radius-md: 8px;
    --ck-space-3xl: 64px;
    --ck-space-2xl: 48px;
    --ck-space-xl: 32px;
    --ck-space-lg: 24px;
    --ck-space-md: 16px;
    --asuma-section-y: 64px;
    --asuma-section-x: 16px;
    --asuma-content-gap: 48px;
}

/* ========================================
   2. Utilities
======================================== */
.mb_0 {
    margin-bottom: 0 !important;
}

.asuma_flex_hug_row {
    display: flex;
    align-items: center;
    gap: var(--ck-space-md);
}

.asuma_flex_stretch {
    flex: 1 1 auto;
    min-width: 0;
}

.asuma_flex_hug {
    flex: 0 0 auto;
    width: auto;
}

/* ========================================
   3. Layout Helpers (WPBakery + Salient)
======================================== */
/* Add .asuma_stretch_item only to the element that should stretch. */
.wpb_wrapper:has(> .asuma_stretch_item) {
    display: flex;
    align-items: center;
    gap: var(--ck-space-md);
}

.wpb_wrapper:has(> .asuma_stretch_item) > .asuma_stretch_item {
    flex: 1 1 auto;
    min-width: 0;
}

.wpb_wrapper:has(> .asuma_stretch_item) > :not(.asuma_stretch_item) {
    flex: 0 0 auto;
}

/* Section spacing system */
.asuma-section {
    padding: var(--asuma-section-y) var(--asuma-section-x) !important;
}

.wpb_wrapper.asuma-stack,
.asuma-stack > .wpb_wrapper,
.asuma-stack > .vc_column-inner > .wpb_wrapper {
    display: grid;
    row-gap: var(--asuma-content-gap);
}

/* Override Salient default .material .wpb_row margin only inside stack layout */
.wpb_wrapper.asuma-stack > .wpb_row,
.material .wpb_wrapper.asuma-stack > .wpb_row,
.asuma-stack > .wpb_wrapper > .wpb_row,
.material .asuma-stack > .wpb_wrapper > .wpb_row,
.asuma-stack > .vc_column-inner > .wpb_wrapper > .wpb_row,
.material .asuma-stack > .vc_column-inner > .wpb_wrapper > .wpb_row {
    margin-bottom: 0;
}

.asuma-gap-48 {
    --asuma-content-gap: 48px;
}

.asuma-gap-64 {
    --asuma-content-gap: 64px;
}

/* Mobile 48px, desktop 64px */
.asuma-gap-64d48m {
    --asuma-content-gap: 48px;
}

.body_text_color p {
    color: var(--ck-color-muted) !important;
}

/* ========================================
   4. Buttons, Header Controls, Cards
======================================== */
body
    #header-outer[data-lhe='default']
    #top
    nav
    .sf-menu
    > .current_page_item.menu-item-btn-style-button-animated_extra-color-gradient
    > a {
    color: #fff !important;
}

.nectar-button.large {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 150% !important;
    padding: 12px 24px !important;
    border: none !important;
}

.nectar-button.asuma-cta,
.nectar-button.large.asuma-cta {
    display: inline-flex;
    align-items: center;
}

.nectar-button.asuma-cta > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.nectar-button.asuma-cta > span::before {
    content: '';
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-color: currentColor;
    -webkit-mask: var(--asuma-cta-icon) center / contain no-repeat;
    mask: var(--asuma-cta-icon) center / contain no-repeat;
}

.nectar-button.asuma-cta--donate {
    --asuma-cta-icon: url('/wp-content/themes/salient-child/assets/icons/donate.svg');
}

.nectar-button.asuma-cta--price-box {
    --asuma-cta-icon: url('/wp-content/themes/salient-child/assets/icons/price_box.svg');
}

.nectar-button.asuma-cta--box-gift {
    --asuma-cta-icon: url('/wp-content/themes/salient-child/assets/icons/box_gift.svg');
}

.nectar-button.asuma-cta--give-time {
    --asuma-cta-icon: url('/wp-content/themes/salient-child/assets/icons/give_time.svg');
}

.nectar-button.asuma-cta--sign-form {
    --asuma-cta-icon: url('/wp-content/themes/salient-child/assets/icons/sign_form.svg');
}

/* Testimonial extra link */
.asuma_testimonial .testimonial_slider blockquote p {
    padding-bottom: 8px !important;
}

.testimonial_slider .asuma-testimonial-more,
.nectar_single_testimonial .asuma-testimonial-more {
    display: inline-flex;
    align-items: center;
    margin-bottom: 32px;
    color: var(--ck-color-primary);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.5px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.testimonial_slider .asuma-testimonial-more:hover,
.nectar_single_testimonial .asuma-testimonial-more:hover {
    color: var(--ck-color-foreground);
}

.testimonial_slider .asuma-testimonial-more:focus-visible,
.nectar_single_testimonial .asuma-testimonial-more:focus-visible {
    outline: 2px solid var(--ck-color-primary);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Tabs with icons (WPBakery) */
.asuma-tabs-icons .tabbed[data-style='vertical_modern'] > .wpb_tabs_nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100% !important;
    float: none !important;
    margin: 0 0 24px !important;
    padding: 0;
    overflow: visible;
    text-align: left !important;
}

.asuma-tabs-icons .tabbed[data-style='vertical_modern'] > .wpb_tabs_nav::before,
.asuma-tabs-icons .tabbed[data-style='vertical_modern'] > .wpb_tabs_nav::after {
    content: none !important;
    display: none !important;
}

.asuma-tabs-icons .tabbed[data-style='vertical_modern'] > .wpb_tabs_nav li {
    list-style: none;
    margin: 0 !important;
    float: none !important;
    display: block;
    flex: 0 0 auto;
}

.asuma-tabs-icons .tabbed[data-style='vertical_modern'] > .wpb_tabs_nav li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 10px 24px !important;
    min-height: 0;
    border-radius: 8px;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--ck-color-foreground) !important;
    background: var(--ck-color-white) !important;
    font-family: var(--ck-font-family-ui);
    font-size: var(--ck-text-md);
    font-weight: 500;
    line-height: var(--ck-line-height-base-pct);
    white-space: nowrap;
    overflow: visible;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']
    > .wpb_tabs_nav
    li
    a
    span {
    display: inline !important;
    color: inherit;
}

.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']
    > .wpb_tabs_nav
    li
    a::before {
    content: '';
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px;
    opacity: 1 !important;
    background-color: var(--asuma-tab-icon-color, transparent) !important;
    -webkit-mask: var(--asuma-tab-icon) center / contain no-repeat;
    mask: var(--asuma-tab-icon) center / contain no-repeat;
}

.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']
    > .wpb_tabs_nav
    li.active-tab
    > a,
.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']
    > .wpb_tabs_nav
    li.ui-tabs-active
    > a,
.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']
    > .wpb_tabs_nav
    li
    > a.active-tab {
    color: var(--ck-color-white) !important;
    background: var(--ck-color-primary) !important;
    box-shadow: none !important;
}

.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']
    > .wpb_tabs_nav
    li
    a:focus-visible {
    outline: 2px solid var(--ck-color-primary);
    outline-offset: 2px;
}

.asuma-tabs-icons .tabbed[data-style='vertical_modern'] > .wpb_tab {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
}

/* Icon mapping (WPBakery classes are on tab panels, not on nav items) */
.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']:has(> .wpb_tab.asuma-tab--novac)
    > .wpb_tabs_nav
    li:nth-child(1)
    a,
.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']
    > .wpb_tabs_nav
    li:nth-child(1)
    a {
    --asuma-tab-icon: url('/wp-content/themes/salient-child/assets/icons/donate.svg');
    --asuma-tab-icon-color: currentColor;
}

.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']:has(> .wpb_tab.asuma-tab--kase)
    > .wpb_tabs_nav
    li:nth-child(2)
    a,
.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']
    > .wpb_tabs_nav
    li:nth-child(2)
    a {
    --asuma-tab-icon: url('/wp-content/themes/salient-child/assets/icons/price_box.svg');
    --asuma-tab-icon-color: currentColor;
}

.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']:has(> .wpb_tab.asuma-tab--materijalno)
    > .wpb_tabs_nav
    li:nth-child(3)
    a,
.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']
    > .wpb_tabs_nav
    li:nth-child(3)
    a {
    --asuma-tab-icon: url('/wp-content/themes/salient-child/assets/icons/box_gift.svg');
    --asuma-tab-icon-color: currentColor;
}

.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']:has(> .wpb_tab.asuma-tab--vrijeme)
    > .wpb_tabs_nav
    li:nth-child(4)
    a,
.asuma-tabs-icons
    .tabbed[data-style='vertical_modern']
    > .wpb_tabs_nav
    li:nth-child(4)
    a {
    --asuma-tab-icon: url('/wp-content/themes/salient-child/assets/icons/give_time.svg');
    --asuma-tab-icon-color: currentColor;
}

@media screen and (min-width: 1000px) {
    .asuma-tabs-icons .tabbed[data-style='vertical_modern'] {
        display: grid;
        grid-template-columns: minmax(200px, 220px) minmax(0, 1fr);
        column-gap: 56px;
        align-items: start;
    }

    .asuma-tabs-icons .tabbed[data-style='vertical_modern'] > .wpb_tabs_nav {
        grid-column: 1;
        flex-direction: column;
        gap: 8px;
        margin: 0 !important;
        padding: 0;
        overflow: visible;
    }

    .asuma-tabs-icons .tabbed[data-style='vertical_modern'] > .wpb_tabs_nav li {
        width: 100%;
    }

    .asuma-tabs-icons
        .tabbed[data-style='vertical_modern']
        > .wpb_tabs_nav
        li
        a {
        width: 100%;
        align-self: stretch;
    }

    .asuma-tabs-icons .tabbed[data-style='vertical_modern'] > .wpb_tab {
        grid-column: 2;
    }
}

@media (max-width: 767.98px) {
    .nectar-button.asuma-btn-mobile-full {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
    }

    .nectar-button.asuma-btn-mobile-full > span {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

/* Post item */
.nectar-post-grid-item .nectar-post-grid-item-bg-wrap {
    border-radius: 8px;
}
.nectar-post-grid-item .item-main h3.post-heading {
    font-size: 18px;
    font-weight: 600;
    text-decoration-line: underline;
    transition: all 0.3s ease-in-out;
}

body #header-outer #top .slide-out-widget-area-toggle[data-custom-color] a {
    padding: 0 12px !important;
}

.slide-out-widget-area-toggle.mobile-icon.slide-out-from-right {
    width: 48px !important;
    height: 48px !important;
    border-radius: 48px !important;
    padding-left: 0 !important;
    background-color: var(--ck-color-foreground);
}

/* ========================================
   5. Decorative Backgrounds & Shared Visuals
======================================== */
.asuma_section_bg {
    --star_url: url('/wp-content/themes/salient-child/assets/decor/star.svg');
    --star_size: 520px;
    --star_offset: calc(var(--star_size) * 0.4);
    --star_opacity: 1;
    --lines_opacity: 1;
    /* 50% van */

    /* LINES (uvijek iste) */
    --lines_tl: url('/wp-content/themes/salient-child/assets/decor/lines.svg');
    --lines_br: url('/wp-content/themes/salient-child/assets/decor/lines_flipped.svg');
    --lines_size: 60px;

    position: relative;
}

/* varijante zvijezde */
.asuma_section_bg--purple {
    --star_url: url('/wp-content/themes/salient-child/assets/decor/star.svg');
}

.asuma_section_bg--orange {
    --star_url: url('/wp-content/themes/salient-child/assets/decor/star_orange.svg');
    --lines_tl: url('/wp-content/themes/salient-child/assets/decor/lines_orange.svg');
    --lines_br: url('/wp-content/themes/salient-child/assets/decor/lines_flipped_orange.svg');
}

/* SALIENT bg layer uvijek iza */
.asuma_section_bg > .row-bg-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
}

/* STAR na bg layeru */
.asuma_section_bg > .row-bg-wrap::before,
.asuma_section_bg > .row-bg-wrap::after {
    content: '';
    position: absolute;
    width: var(--star_size);
    height: var(--star_size);
    background-image: var(--star_url);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: var(--star_opacity);
    pointer-events: none;
    z-index: 2;
}

/* TL star (50% van) */
.asuma_section_bg > .row-bg-wrap::before {
    top: calc(-1 * var(--star_offset));
    left: calc(-1 * var(--star_offset));
}

/* BR star (50% van) */
.asuma_section_bg > .row-bg-wrap::after {
    right: calc(-1 * var(--star_offset));
    bottom: calc(-1 * var(--star_offset));
}

/* LINES overlay na samom row-u */
.asuma_section_bg::before,
.asuma_section_bg::after {
    content: '';
    position: absolute;
    width: var(--lines_size);
    height: var(--lines_size);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: var(--lines_opacity);
    z-index: 2;
    pointer-events: none;
}

.asuma_section_bg::before {
    top: -42px;
    left: -36px;
    background-image: var(--lines_tl);
}

.asuma_section_bg::after {
    right: -36px;
    bottom: -42px;
    background-image: var(--lines_br);
}

/* CONTENT iznad svega */
.asuma_section_bg > .row_col_wrap_12 {
    position: relative;
    z-index: 3;
}

.info_card_shadow .nectar-fancy-box {
    box-shadow: 0 16px 20px 0 rgba(111, 51, 155, 0.1);
}

.main_cta_background {
    background: linear-gradient(
        180deg,
        #4b0082 33.75%,
        rgba(255, 153, 51, 0.6) 99.97%
    );
}
.secondary_cta_background > .vc_column-inner:first-child {
    background: linear-gradient(
        180deg,
        #4b0082 33.75%,
        rgba(255, 153, 51, 0.6) 99.97%
    );
}

.tab_card_background {
    box-shadow: 0 16px 20px 0 rgba(111, 51, 155, 0.1);
}

.m_display {
    display: block !important;
}

.d_display {
    display: none !important;
}

.nectar-flickity[data-control-style='material_pagination']
    .flickity-page-dots
    .dot.is-selected:before {
    box-shadow: inset 0 0 0 1px var(--ck-color-primary) !important;
}
.nectar-flickity[data-control-style='material_pagination']
    .flickity-page-dots
    .dot:before {
    box-shadow: inset 0 0 0 5px var(--ck-color-primary) !important;
}

/* ========================================
   6. Blog Listing (Home / Archive / Search)
======================================== */
#sidebar .widget {
    margin-bottom: 0px;
}

.asuma-blog-heading-row {
    padding: 24px 0px 48px;
}

.asuma-blog-title {
    margin-bottom: 0;
}

.asuma-blog-description {
    margin-top: 16px;
    max-width: 760px;
}

/* Layout - mobile first */
.asuma-blog-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 48px;
    align-items: start;
    padding-bottom: 0 !important;
    margin-bottom: 64px !important;
}

.asuma-blog-row::before,
.asuma-blog-row::after {
    content: none !important;
    display: none !important;
}

.asuma-blog-row > .asuma-blog-main,
.asuma-blog-row > .asuma-blog-sidebar {
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
}

.asuma-blog-main {
    grid-column: 1;
    min-width: 0;
}

/* Cards grid */
.asuma-blog-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 48px 20px;
}

/* Post cards */
.asuma-blog-card {
    margin: 0;
}

.asuma-blog-card__image-link {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    margin-bottom: 24px;
    border-radius: var(--ck-radius-md);
    overflow: hidden;
}

.asuma-blog-card__image {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1);
    transform-origin: center;
    transition: transform 320ms ease;
    margin-bottom: 0;
}

.asuma-blog-card:hover .asuma-blog-card__image,
.asuma-blog-card:focus-within .asuma-blog-card__image {
    transform: scale(1.04);
}

.asuma-blog-card:has(.asuma-blog-card__title a:hover) .asuma-blog-card__image,
.asuma-blog-card:has(.asuma-blog-card__title a:focus-visible)
    .asuma-blog-card__image {
    transform: scale(1.04);
}

.asuma-blog-card__content {
    display: grid;
    gap: 12px;
}

.asuma-blog-card__category {
    margin: 0;
}

.asuma-blog-card__category-link,
.asuma-blog-card__category-text {
    color: var(--ck-color-muted);
    font-family: var(--ck-font-family-ui);
    font-size: var(--ck-text-sm);
    font-style: normal;
    font-weight: 600;
    line-height: var(--ck-line-height-base);
    transition: all 0.3s ease-in-out;
}

.asuma-blog-card__category-link {
    text-decoration: none;
}

.asuma-blog-card__category-link:hover,
.asuma-blog-card__category-link:focus {
    color: var(--ck-color-primary);
}

.asuma-blog-card__title {
    margin: 0;
}

.asuma-blog-card__title,
.asuma-blog-card__title a {
    color: var(--ck-color-foreground);
    font-family: var(--ck-font-family-ui);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.5px;
    text-decoration-line: underline;
    transition: all 0.3s ease-in-out;
}

.asuma-blog-card__title a:hover,
.asuma-blog-card__title a:focus {
    color: var(--ck-color-foreground);
}

.asuma-blog-card__excerpt {
    margin: 0;
}

/* Search empty state */
.asuma-blog-row--search-empty {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
}

.asuma-blog-main--search-empty {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

.asuma-search-empty {
    display: grid;
    gap: 48px;
    text-align: center;
}

.asuma-search-empty__header {
    display: grid;
    gap: 16px;
}

.asuma-search-empty__title {
    margin: 0;
}

.asuma-search-empty__description {
    margin: 0;
    color: var(--ck-color-muted);
    font-size: var(--ck-text-md);
    line-height: var(--ck-line-height-base);
}

.asuma-search-empty__form {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    text-align: left;
}

.asuma-search-empty__recommended {
    display: grid;
    gap: 48px;
    text-align: left;
}

.asuma-search-empty__recommended-title {
    margin: 0;
    text-align: center;
    color: var(--ck-color-muted);
}

.asuma-search-empty__grid {
    gap: 48px 20px;
}

@media (prefers-reduced-motion: reduce) {
    .asuma-blog-card__image {
        transition: none;
    }

    .asuma-blog-card:hover .asuma-blog-card__image,
    .asuma-blog-card:focus-within .asuma-blog-card__image {
        transform: none;
    }
}

/* Sidebar shell */
.asuma-blog-sidebar {
    order: -1;
    grid-column: 1;
    width: 100% !important;
    --asuma-sidebar-heading-color: #635f65;
}

.asuma-blog-sidebar__details {
    margin: 0;
}

.asuma-blog-sidebar__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0px;
    border-bottom: 1px solid var(--ck-color-border);
    color: var(--ck-color-foreground);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    user-select: none;
    list-style: none;
}

.asuma-blog-sidebar__summary::-webkit-details-marker {
    display: none;
}

.asuma-blog-sidebar__summary::after {
    content: '+';
    font-size: 24px;
    line-height: 1;
}

.asuma-blog-sidebar__details[open] .asuma-blog-sidebar__summary::after {
    content: '-';
}

.asuma-blog-sidebar__inner {
    padding-top: 24px;
}

/* Sidebar widgets spacing */
.asuma-blog-sidebar .widget {
    margin: 0;
}

.asuma-blog-sidebar .widget + .widget {
    margin-top: 48px;
}

/* Heading-only block before tag cloud has smaller spacing */
.asuma-blog-sidebar .widget.widget_block + .widget.widget_tag_cloud {
    margin-top: 24px;
}

/* Section headings */
.asuma-blog-sidebar .wp-block-search__label,
.asuma-search-empty__form .wp-block-search__label,
.asuma-blog-sidebar .wp-block-heading {
    color: var(--asuma-sidebar-heading-color, var(--ck-color-muted));
    font-family: var(--ck-font-family-ui) !important;
    font-size: var(--ck-text-md);
    font-weight: 600 !important;
    line-height: var(--ck-line-height-base);
    margin: 0;
}

/* Search */
.asuma-blog-sidebar .wp-block-search__inside-wrapper,
.asuma-search-empty__form .wp-block-search__inside-wrapper {
    margin-top: 24px;
    margin-bottom: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.asuma-blog-sidebar .wp-block-search__input,
.asuma-search-empty__form .wp-block-search__input {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 59px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.04);
    color: var(--ck-color-foreground);
    font-size: 18px !important;
    line-height: 1.5;
    padding: 10px 32px;
}

.asuma-blog-sidebar .wp-block-search__input:focus,
.asuma-search-empty__form .wp-block-search__input:focus {
    border-color: var(--ck-color-primary);
    outline: none;
}

.asuma-blog-sidebar .wp-block-search__button,
.asuma-search-empty__form .wp-block-search__button {
    flex: 0 0 auto;
    border: 0;
    margin-left: 0;
}

.asuma-blog-sidebar .wp-block-search__button:hover,
.asuma-blog-sidebar .wp-block-search__button:focus,
.asuma-search-empty__form .wp-block-search__button:hover,
.asuma-search-empty__form .wp-block-search__button:focus {
    background: var(--ck-color-primary);
    opacity: 0.92;
}

/* Latest posts */
.asuma-blog-sidebar
    .wp-block-group
    > .wp-block-heading
    + .wp-block-latest-posts {
    margin-top: 24px;
}

.asuma-blog-sidebar .wp-block-latest-posts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.asuma-blog-sidebar .wp-block-latest-posts li {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.asuma-blog-sidebar .wp-block-latest-posts__featured-image {
    float: none !important;
    margin: 0 !important;
    justify-self: end;
}

.asuma-blog-sidebar .wp-block-latest-posts__featured-image img {
    width: 86px;
    height: 86px;
    max-width: 86px !important;
    max-height: 86px !important;
    border-radius: 10px;
    object-fit: cover;
}

.asuma-blog-sidebar .wp-block-latest-posts__post-title {
    flex: 1 1 auto;
    font-family: var(--ck-font-family-ui);
    font-size: var(--ck-text-md);
    font-weight: 700;
    line-height: var(--ck-line-height-base-pct);
    letter-spacing: -0.16px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Tags */
.asuma-blog-sidebar .wp-block-tag-cloud {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.asuma-blog-sidebar .wp-block-tag-cloud .tag-cloud-link {
    margin: 0;
    padding: 8px 14px;
    border: 1px solid var(--ck-color-border);
    border-radius: 999px;
    background: #f2f1f2;
    color: var(--ck-color-foreground);
    font-size: var(--ck-text-sm) !important;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
}

.asuma-blog-sidebar .wp-block-tag-cloud .tag-cloud-link:hover,
.asuma-blog-sidebar .wp-block-tag-cloud .tag-cloud-link:focus {
    background: var(--ck-color-primary);
    color: #fff;
    border-color: var(--ck-color-primary);
}

/* Empty sidebar fallback */
.asuma-blog-sidebar__empty {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid var(--ck-color-border);
    border-radius: var(--ck-radius-md);
    color: var(--ck-color-muted);
    font-size: var(--ck-text-sm);
    line-height: var(--ck-line-height-base);
}

/* ========================================
   7. Single Post
======================================== */
.featured-media-under-header__content .entry-title {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 32px;
}

body:not(.home) .container-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(
        180deg,
        hsla(266, 78%, 96%, 1) 0%,
        rgba(240, 247, 240, 0) 100%
    );
    z-index: -1;
    pointer-events: none;
}

.featured-media-under-header__excerpt {
    max-width: 100%;
    color: var(--Base-Muted-Foreground, var(--ck-color-muted));
    margin: 0;
    font-size: 16px;
}

.featured-media-under-header__featured-media:not([data-has-img='false']) {
    margin-top: 32px;
}

.main-content .featured-media-under-header {
    padding-top: 56px;
    padding-bottom: 64px;
}

/* Glavna slika */
.single-post
    .featured-media-under-header
    .featured-media-under-header__featured-media {
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: 8px;
}

/* Tag button vise glavnog naslova */
.featured-media-under-header__cat-wrap .meta-category a {
    color: #440076;
    background: #ede6f3 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    border-radius: var(--ck-radius-md) !important;
}

/* Hover: make tag button background the primary color */
.featured-media-under-header__cat-wrap .meta-category a:hover {
    background: var(--ck-color-primary) !important;
    color: var(--ck-color-white) !important;
}

.single-post .inner-wrap .post-content .content-inner h2 {
    font-size: 28px;
    line-height: 120%;
    padding-top: 24px;
    padding-bottom: 24px;
    margin: 0 !important;
}

.single-post .inner-wrap .post-content .content-inner h3 {
    line-height: 120%;
    padding-top: 24px;
    padding-bottom: 20px;
    margin: 0 !important;
}

.single-post .inner-wrap .post-content .content-inner > p {
    padding-bottom: 16px;
}

.single-post .inner-wrap .post-content .content-inner p strong,
.single-post .inner-wrap .post-content .content-inner p b {
    color: var(--ck-color-foreground) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: normal;
    line-height: 150% !important;
}

.single #ajax-content-wrap .post-area .content-inner > .post-tags a {
    font-size: 14px !important;
    text-transform: none;
    color: var(--ck-color-foreground) !important;
    background: #fbfafb !important;
    border: 1px solid var(--ck-color-border);
    font-weight: 600;
}

.single #ajax-content-wrap .post-area .content-inner > .post-tags a:hover {
    background: var(--ck-color-primary) !important;
    box-shadow: none;
    color: var(--ck-color-border) !important;
}

.single #ajax-content-wrap .post-area .content-inner > .post-tags a::before {
    color: transparent;
    background-color: transparent !important;
}

body.single-post .content-inner > .post-tags {
    margin-top: 64px;
}

body.single-post .content-inner > .post-tags h4 {
    display: flex !important;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
}

body.single-post .content-inner blockquote {
    padding-left: 24px;
    font-size: 20px;
    margin-bottom: 32px;
}

body.single-post .content-inner blockquote::before {
    border-color: var(--ck-color-foreground) !important;
    width: 2px;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
}

body.single-post .content-inner blockquote p {
    font-style: italic;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.inner-wrap .post-content .content-inner .wp-caption {
    width: 100% !important;
    padding-top: 48px;
    padding-bottom: 48px;
}

.inner-wrap .post-content .content-inner .wp-caption img {
    width: 100% !important;
    aspect-ratio: 48/25;
}

.inner-wrap .post-content .content-inner .wp-caption .wp-caption-text {
    position: unset;
    border-color: var(--ck-color-foreground);
    box-shadow: none;
    font-size: 14px;
    margin-left: 0;
    margin-top: 16px;
    border-left: 2px solid #000;
    padding: 0 0 0 8px;
    line-height: 150%;
}

/* ========================================
   8. Related Posts (Single)
======================================== */
.single .related-post-wrap[data-using-post-pagination='false'] {
    margin-top: 0;
    border-top: 1px solid var(--ck-color-border);
}

.single .post-content .content-inner {
    padding-bottom: 88px;
}

/* Naslov sekcije */
.single .ascend .related-post-wrap h3.related-title,
.material .related-post-wrap h3.related-title {
    margin: 0;
    padding-top: 16px;
    padding-bottom: 48px;
    font-size: 28px;
}

.related-post-wrap .row-bg-wrap .row-bg {
    background-color: transparent;
}

.single .ascend .blog-recent.related-posts,
.material .blog-recent.related-posts {
    padding-bottom: 64px !important;
}

/* kartica jednog posta */
.single .related-posts[data-style='material'] .inner-wrap {
    box-shadow: none;
}

/* smakni prikaz kategorija */
.single .related-posts[data-style='material'] .inner-wrap .meta-category {
    display: none;
}

/* kartica -> natpis u kartici */
.single
    .related-posts[data-style='material']
    .inner-wrap
    .article-content-wrap {
    padding-top: 24px !important;
    padding-left: 0 !important;
}

/* title text decoration */
.single
    .related-posts[data-style='material']
    .inner-wrap
    .article-content-wrap
    .post-header
    .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    text-decoration-line: underline;
}

.single
    .related-posts[data-style='material']
    .inner-wrap
    .img-link
    .post-featured-img,
.single
    .related-posts[data-style='material']
    .inner-wrap
    .img-link
    .post-featured-img
    img {
    object-fit: cover;
    align-self: stretch;
    aspect-ratio: 4/3;
    border-radius: var(--ck-radius-md);
}

/* kartica */
.single .full-width-section > .span_12.blog-recent[data-style='material'] .col {
    margin-bottom: 48px !important;
}

.nectar-social {
    display: none;
}

/* ========================================
   9. Footer
======================================== */
.footer-container,
.rights_container,
.nectar_hook_global_section_footer .container .wpb_row .vc_row-fluid .vc_row {
    border-top: 1px solid var(--ck-border-primary);
}

.footer-text-left > p,
.footer-text-middle > p > a,
.text-rights-reserved .vc_column-inner .wpb_wrapper .wpb_text_column,
.text-rights-reserved .vc_column-inner .wpb_wrapper .wpb_text_column > p > a {
    font-size: var(--ck-text-sm);
    font-weight: 400;
    line-height: var(--ck-line-height-base-pct);
}

.footer-text-left > p,
.footer-text-middle > p > a {
    color: var(--ck-color-foreground);
}

.text-rights-reserved .vc_column-inner .wpb_wrapper .wpb_text_column,
.text-rights-reserved .vc_column-inner .wpb_wrapper .wpb_text_column > p > a {
    color: var(--ck-color-muted) !important;
}

.footer-container {
    padding-top: 64px !important;
}

.footer-text-left > p {
    padding-bottom: 0;
}

/* Prvi <p> element u footer-u, sa paddingom na dnu */
.footer-text-middle > p:first-of-type {
    padding-bottom: 16px;
}

/* Svi ostali <p> elementi u footer-u sa paddingom top i bottom na 8px */
.footer-text-middle > p:not(:first-of-type) {
    padding-top: 8px;
    padding-bottom: 8px;
}

.footer-text-middle > p > strong {
    font-size: var(--ck-text-md);
    font-weight: 700;
    line-height: var(--ck-line-height-base-pct);
    color: var(--ck-color-foreground);
}

.footer-text-middle > p > a {
    text-decoration-line: underline;
    text-decoration-skip-ink: none;
}

.rights_container {
    margin-bottom: 32px !important;
}

.text-rights-reserved .vc_column-inner .wpb_wrapper .wpb_text_column {
    margin-bottom: 0 !important;
}

.text-rights-reserved .vc_column-inner .wpb_wrapper .wpb_text_column > p > a {
    text-decoration-line: underline;
}

.text-rights-reserved .vc_column-inner .wpb_wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
    padding-top: 32px;
}

.nectar_hook_global_section_footer .container .wpb_row .vc_row-fluid .vc_row {
    padding-top: 64px;
}

/* ========================================
   10. Responsive Overrides
======================================== */

/* >= 768px (tablet and up) */
@media screen and (min-width: 768px) {
    :root {
        --asuma-section-y: 96px;
        --asuma-section-x: 48px;
    }

    .nectar-post-grid-item .item-main h3.post-heading {
        font-size: 24px;
    }

    .main_cta_background {
        background: linear-gradient(
            90deg,
            rgba(75, 0, 130, 0.9) 23.74%,
            rgba(255, 153, 51, 0.54) 86.63%
        );
    }

    .m_display {
        display: none !important;
    }

    .d_display {
        display: block !important;
    }

    .right-aligned-menu-items nav ul li a {
        margin: 0 !important;
    }

    .right-aligned-menu-items nav ul {
        gap: 8px !important;
    }

    .asuma-blog-heading-row {
        padding: 24px 0 64px;
    }

    .asuma-blog-row {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 385px);
        column-gap: 48px;
        row-gap: 0;
    }

    .asuma-blog-row--search-empty {
        grid-template-columns: minmax(0, 1fr);
    }

    .asuma-blog-sidebar {
        order: 2;
        grid-column: 2;
        max-width: 385px;
    }

    .asuma-blog-sidebar__summary {
        display: none;
    }

    .asuma-blog-sidebar__details:not([open]) > .asuma-blog-sidebar__inner {
        display: block !important;
    }

    .asuma-blog-sidebar__inner {
        padding-top: 0;
        display: block !important;
    }

    .asuma-search-empty__recommended-title {
        text-align: left;
    }

    .asuma-search-empty__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .featured-media-under-header__featured-media:not([data-has-img='false']) {
        margin-top: 60px;
    }

    .main-content .featured-media-under-header {
        padding-top: 72px;
        padding-bottom: 64px;
    }

    .inner-wrap .post-content .content-inner h2 {
        font-size: 40px;
    }

    .featured-media-under-header__content .entry-title {
        font-size: 48px;
    }

    .featured-media-under-header__excerpt {
        font-size: 18px;
    }

    .single-post
        .featured-media-under-header
        .featured-media-under-header__featured-media {
        aspect-ratio: auto;
    }

    .single .ascend .related-post-wrap h3.related-title,
    .material .related-post-wrap h3.related-title {
        padding-top: var(--ck-space-3xl);
        padding-bottom: var(--ck-space-3xl);
        font-size: 40px;
    }

    .single
        .full-width-section
        > .span_12.blog-recent[data-style='material']
        .col {
        margin-bottom: 0 !important;
    }

    .text-rights-reserved .vc_column-inner .wpb_wrapper {
        flex-direction: row;
    }
}

/* >= 1000px (desktop) */
@media screen and (min-width: 1000px) {
    :root {
        --asuma-section-y: 112px;
        --asuma-section-x: 64px;
    }

    .asuma-gap-64d48m {
        --asuma-content-gap: 64px;
    }

    .asuma-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* >= 1200px (large desktop) */
@media screen and (min-width: 1200px) {
    .asuma-blog-row {
        column-gap: 64px;
    }

    .asuma-search-empty__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* <= 999px (tablet/mobile fixes) */
@media only screen and (max-width: 999px) {
    body .vc_row.vc_row-flex.vc_row-o-equal-height > .span_12,
    body
        .vc_row.vc_row-flex.vc_row-o-equal-height
        > .span_12
        > .vc_column_container,
    body
        .vc_row.vc_row-flex.vc_row-o-equal-height
        > .span_12
        > .vc_column_container
        > .vc_column-inner {
        width: 100%;
    }
}

/* <= 767.98px (mobile only) */
@media (max-width: 767.98px) {
    .nectar-button.asuma-cta > span {
        justify-content: center !important;
        width: 100%;
    }

    .footer-container .row_col_wrap_12 .column_container {
        width: 100% !important;
    }
}