.elementor-869 .elementor-element.elementor-element-f17e0a3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-869 .elementor-element.elementor-element-498bf42{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;}.elementor-869 .elementor-element.elementor-element-498bf42.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-869 .elementor-element.elementor-element-03a2027{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-869 .elementor-element.elementor-element-f483c2f .elementor-icon-list-icon{width:14px;}.elementor-869 .elementor-element.elementor-element-f483c2f .elementor-icon-list-icon i{font-size:14px;}.elementor-869 .elementor-element.elementor-element-f483c2f .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-869 .elementor-element.elementor-element-9e34cd6 .elementor-icon-list-icon{width:14px;}.elementor-869 .elementor-element.elementor-element-9e34cd6 .elementor-icon-list-icon i{font-size:14px;}.elementor-869 .elementor-element.elementor-element-9e34cd6 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-869 .elementor-element.elementor-element-4c632cf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-869 .elementor-element.elementor-element-6d01da2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-869 .elementor-element.elementor-element-69ee205{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-869 .elementor-element.elementor-element-f84e2c0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-869 .elementor-element.elementor-element-192495e{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-869 .elementor-element.elementor-element-3a0c8aa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-869 .elementor-element.elementor-element-4fc56c5{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-869 .elementor-element.elementor-element-510add0{--display:flex;}.elementor-869 .elementor-element.elementor-element-31cf97c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-869 .elementor-element.elementor-element-1ad6247{--display:flex;}.elementor-869 .elementor-element.elementor-element-71f3787{--display:flex;}.elementor-869 .elementor-element.elementor-element-76ef001{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-869 .elementor-element.elementor-element-ee1076c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-869 .elementor-element.elementor-element-3712cbb{--grid-columns:1;}.elementor-869 .elementor-element.elementor-element-612d33a{--display:flex;}.elementor-869 .elementor-element.elementor-element-6fc4bba .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(min-width:768px){.elementor-869 .elementor-element.elementor-element-f17e0a3{--content-width:100%;}.elementor-869 .elementor-element.elementor-element-6d01da2{--width:72%;}.elementor-869 .elementor-element.elementor-element-31cf97c{--width:28%;}}@media(max-width:1024px){.elementor-869 .elementor-element.elementor-element-3712cbb{--grid-columns:2;}}@media(max-width:767px){.elementor-869 .elementor-element.elementor-element-3712cbb{--grid-columns:1;}}/* Start custom CSS *//* =========================================================
   SVOJI.ONLINE — SINGLE ARTICLE
   COMPLETE FIXED VERSION
   ========================================================= */


/* =========================================================
   0. ASTRA / PAGE WRAPPER
   ========================================================= */

.single-post #content,
.single-post #content .ast-container{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   1. MAIN ELEMENTOR WRAPPER
   ========================================================= */

.svoji-single-article{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:48px 22px 64px !important;

    background:#F8FAFC !important;

    box-sizing:border-box !important;

    --content-width:1500px !important;
}


/* =========================================================
   CRITICAL FIX
   top + body MUST ALWAYS BE VERTICAL
   ========================================================= */

.svoji-single-article > .e-con-inner{
    width:100% !important;
    max-width:1500px !important;

    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:stretch !important;
    justify-content:flex-start !important;

    gap:0 !important;

    box-sizing:border-box !important;
}


/* =========================================================
   2. TOP ARTICLE AREA
   ========================================================= */

.svoji-single-top{
    width:100% !important;
    max-width:100% !important;

    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:stretch !important;

    gap:0 !important;

    box-sizing:border-box !important;

    --width:100% !important;
}


/* =========================================================
   3. META — CATEGORY + DATE
   ========================================================= */

.svoji-single-meta-top{
    width:100% !important;

    margin:0 0 28px 0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:row !important;

    align-items:center !important;
    justify-content:flex-start !important;

    flex-wrap:wrap !important;

    gap:18px !important;

    box-sizing:border-box !important;
}


/* CATEGORY */

.svoji-single-category{
    width:auto !important;
    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;
}

.svoji-single-category .elementor-widget-container,
.svoji-single-category .elementor-post-info,
.svoji-single-category .elementor-icon-list-items,
.svoji-single-category .elementor-icon-list-item,
.svoji-single-category .elementor-icon-list-text{
    margin:0 !important;
    padding:0 !important;
}

.svoji-single-category .elementor-icon-list-icon{
    display:none !important;
}

.svoji-single-category
.elementor-post-info__terms-list{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    min-height:38px !important;

    padding:0 15px !important;

    background:#FFF1ED !important;

    border:1px solid rgba(255,90,47,.20) !important;
    border-radius:999px !important;
}

.svoji-single-category
.elementor-post-info__terms-list-item{
    color:#FF5A2F !important;

    font-size:13px !important;
    font-weight:700 !important;

    line-height:1 !important;

    text-decoration:none !important;
}


/* DATE */

.svoji-single-date{
    width:auto !important;
    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;
}

.svoji-single-date .elementor-widget-container,
.svoji-single-date .elementor-post-info,
.svoji-single-date .elementor-icon-list-items,
.svoji-single-date .elementor-icon-list-item{
    margin:0 !important;
    padding:0 !important;
}

.svoji-single-date .elementor-icon-list-icon{
    display:none !important;
}

.svoji-single-date a,
.svoji-single-date time,
.svoji-single-date .elementor-icon-list-text{
    color:#7D8798 !important;

    font-size:13.5px !important;
    font-weight:500 !important;

    line-height:1.2 !important;

    text-decoration:none !important;
}


/* =========================================================
   4. ARTICLE TITLE
   ========================================================= */

.svoji-single-title{
    width:100% !important;
    max-width:1050px !important;

    flex:0 0 auto !important;

    margin:0 0 22px 0 !important;
    padding:0 !important;
}

.svoji-single-title .elementor-widget-container{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.svoji-single-title .elementor-heading-title{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    color:#0B1F3A !important;

    font-size:52px !important;
    font-weight:700 !important;

    line-height:1.08 !important;

    letter-spacing:-1.2px !important;

    word-break:normal !important;
    overflow-wrap:normal !important;
}


/* =========================================================
   5. EXCERPT
   ========================================================= */

.svoji-single-excerpt{
    width:100% !important;
    max-width:1050px !important;

    flex:0 0 auto !important;

    margin:0 0 34px 0 !important;
    padding:0 !important;

    color:#65748B !important;

    font-size:18px !important;
    font-weight:400 !important;

    line-height:1.6 !important;
}

.svoji-single-excerpt .elementor-widget-container{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   6. AUTHOR + SHARE ROW
   ========================================================= */

.svoji-single-author-row{
    width:100% !important;

    flex:0 0 auto !important;

    margin:0 0 34px 0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:row !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:24px !important;

    box-sizing:border-box !important;
}


/* =========================================================
   7. AUTHOR
   ========================================================= */

.svoji-single-author{
    width:auto !important;
    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:row !important;

    align-items:center !important;
    justify-content:flex-start !important;

    gap:12px !important;
}


/* AVATAR */

.svoji-single-author-avatar{
    width:52px !important;
    height:52px !important;

    flex:0 0 52px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border-radius:50% !important;
}

.svoji-single-author-avatar .elementor-widget-container{
    width:52px !important;
    height:52px !important;

    margin:0 !important;
    padding:0 !important;
}

.svoji-single-author-avatar img{
    display:block !important;

    width:52px !important;
    height:52px !important;

    max-width:none !important;

    object-fit:cover !important;

    border-radius:50% !important;
}


/* AUTHOR INFO */

.svoji-single-author-info{
    width:auto !important;
    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:flex-start !important;
    justify-content:center !important;

    gap:3px !important;
}


/* NAME */

.svoji-single-author-name{
    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}

.svoji-single-author-name .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}

.svoji-single-author-name .elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:#0B1F3A !important;

    font-size:15px !important;
    font-weight:700 !important;

    line-height:1.2 !important;
}


/* ROLE */

.svoji-single-author-role{
    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}

.svoji-single-author-role .elementor-widget-container,
.svoji-single-author-role p{
    margin:0 !important;
    padding:0 !important;

    color:#7D8798 !important;

    font-size:12.5px !important;

    line-height:1.3 !important;
}


/* =========================================================
   8. SHARE
   ========================================================= */

.svoji-single-share{
    width:auto !important;
    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:row !important;

    align-items:center !important;
    justify-content:flex-end !important;

    gap:11px !important;
}


/* LABEL */

.svoji-single-share-label{
    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}

.svoji-single-share-label .elementor-widget-container,
.svoji-single-share-label p{
    margin:0 !important;
    padding:0 !important;

    color:#65748B !important;

    font-size:13px !important;
    font-weight:500 !important;

    line-height:1 !important;
}


/* ICONS */

.svoji-single-share-icons{
    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}

.svoji-single-share-icons
.elementor-social-icons-wrapper{
    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    gap:8px !important;
}

.svoji-single-share-icons
.elementor-grid-item{
    margin:0 !important;
}

.svoji-single-share-icons
.elementor-icon{
    width:40px !important;
    height:40px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    font-size:15px !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.svoji-single-share-icons
.elementor-icon:hover{
    transform:translateY(-2px) !important;

    box-shadow:
        0 7px 16px rgba(11,31,58,.12) !important;
}


/* =========================================================
   9. BODY
   MUST BE BELOW TOP
   ========================================================= */

.svoji-single-body{
    width:100% !important;
    max-width:100% !important;

    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:row !important;

    align-items:flex-start !important;
    justify-content:space-between !important;

    gap:34px !important;

    box-sizing:border-box !important;

    --width:100% !important;
}


/* =========================================================
   10. MAIN ARTICLE COLUMN
   ========================================================= */

.svoji-single-main{
    width:auto !important;

    flex:1 1 0 !important;

    min-width:0 !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:0 !important;

    box-sizing:border-box !important;
}


/* =========================================================
   11. POST CONTENT
   ========================================================= */

.svoji-single-content{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    color:#455A73 !important;
}

.svoji-single-content
.elementor-widget-container{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* PARAGRAPHS */

.svoji-single-content p{
    margin:0 0 22px 0 !important;

    color:#455A73 !important;

    font-size:17px !important;
    font-weight:400 !important;

    line-height:1.75 !important;
}


/* HEADINGS */

.svoji-single-content h2{
    margin:38px 0 16px !important;

    color:#0B1F3A !important;

    font-size:31px !important;
    font-weight:700 !important;

    line-height:1.22 !important;
}

.svoji-single-content h3{
    margin:30px 0 14px !important;

    color:#0B1F3A !important;

    font-size:24px !important;
    font-weight:700 !important;

    line-height:1.25 !important;
}

.svoji-single-content h4{
    margin:26px 0 12px !important;

    color:#0B1F3A !important;

    font-size:20px !important;
    font-weight:700 !important;
}


/* LISTS */

.svoji-single-content ul,
.svoji-single-content ol{
    margin:0 0 24px 0 !important;

    padding-left:26px !important;
}

.svoji-single-content li{
    margin-bottom:9px !important;

    color:#455A73 !important;

    font-size:17px !important;

    line-height:1.65 !important;
}

.svoji-single-content li::marker{
    color:#FF5A2F !important;
}


/* LINKS */

.svoji-single-content a{
    color:#FF5A2F !important;

    font-weight:600 !important;

    text-decoration:none !important;
}

.svoji-single-content a:hover{
    color:#E94C22 !important;

    text-decoration:underline !important;
}


/* =========================================================
   12. CONTENT IMAGES
   ========================================================= */

.svoji-single-content figure{
    width:100% !important;

    margin:0 0 28px 0 !important;
    padding:0 !important;
}

.svoji-single-content
.wp-block-image img,
.svoji-single-content figure img{
    display:block !important;

    width:100% !important;
    height:auto !important;

    max-width:100% !important;

    border-radius:20px !important;

    box-shadow:
        0 10px 28px rgba(11,31,58,.055) !important;
}

.svoji-single-content figcaption{
    margin-top:8px !important;

    color:#7D8798 !important;

    font-size:12px !important;
}


/* =========================================================
   13. BLOCKQUOTE
   ========================================================= */

.svoji-single-content blockquote{
    position:relative !important;

    margin:28px 0 !important;

    padding:
        24px
        28px
        24px
        66px !important;

    background:#FFF3EE !important;

    border:0 !important;
    border-radius:18px !important;
}

.svoji-single-content blockquote::before{
    content:"“" !important;

    position:absolute !important;

    top:13px !important;
    left:20px !important;

    color:#FF5A2F !important;

    font-size:52px !important;
    font-weight:700 !important;

    line-height:1 !important;
}

.svoji-single-content blockquote p{
    margin:0 !important;

    color:#33465F !important;

    font-size:17px !important;

    line-height:1.65 !important;
}


/* =========================================================
   14. DUPLICATE USERSWP AUTHOR
   ========================================================= */

.svoji-single-content
.uwp_widget_author_box{
    display:none !important;
}


/* =========================================================
   15. INLINE ADSENSE
   ========================================================= */

.svoji-single-ad-inline{
    width:100% !important;
    min-height:110px !important;

    margin:30px 0 0 !important;
    padding:18px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:#F2F5F8 !important;

    border:1px solid #E3E9EF !important;
    border-radius:16px !important;

    box-sizing:border-box !important;
}

.svoji-single-ad-inline-placeholder{
    width:100% !important;

    color:#8996A7 !important;

    font-size:12px !important;
    line-height:1.45 !important;

    text-align:center !important;

    white-space:pre-line !important;
}


/* =========================================================
   16. SIDEBAR
   ========================================================= */

.svoji-single-sidebar{
    width:350px !important;

    flex:0 0 350px !important;

    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:18px !important;

    box-sizing:border-box !important;
}


/* =========================================================
   17. SIDEBAR AD
   ========================================================= */

.svoji-single-sidebar-ad{
    width:100% !important;
    min-height:300px !important;

    margin:0 !important;
    padding:20px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:#FFFFFF !important;

    border:1px solid #E5EAF0 !important;
    border-radius:20px !important;

    box-shadow:
        0 8px 24px rgba(11,31,58,.045) !important;

    box-sizing:border-box !important;
}

.svoji-single-sidebar-ad-placeholder{
    width:100% !important;
    min-height:250px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:#F2F5F8 !important;

    border-radius:13px !important;

    color:#8A97A8 !important;

    font-size:12px !important;

    line-height:1.5 !important;

    text-align:center !important;

    white-space:pre-line !important;
}


/* =========================================================
   18. RELATED SIDE
   ========================================================= */

.svoji-single-related-side{
    width:100% !important;

    margin:0 !important;

    padding:
        22px
        22px
        20px !important;

    background:#FFFFFF !important;

    border:1px solid #E5EAF0 !important;
    border-radius:20px !important;

    box-shadow:
        0 8px 24px rgba(11,31,58,.045) !important;

    box-sizing:border-box !important;
}

.svoji-single-related-title{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.svoji-single-related-title
.elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:#0B1F3A !important;

    font-size:20px !important;
    font-weight:700 !important;

    line-height:1.2 !important;
}


/* =========================================================
   19. SIDEBAR CTA
   ========================================================= */

.svoji-single-sidebar-cta{
    position:relative !important;

    width:100% !important;

    margin:0 !important;

    padding:
        24px
        22px
        22px !important;

    background:
        linear-gradient(
            135deg,
            #FFF3EE 0%,
            #FFF9F6 100%
        ) !important;

    border:1px solid rgba(255,90,47,.12) !important;
    border-radius:20px !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
}

.svoji-single-sidebar-cta::after{
    content:"" !important;

    position:absolute !important;

    width:130px !important;
    height:130px !important;

    right:-45px !important;
    bottom:-55px !important;

    background:rgba(255,90,47,.07) !important;

    border-radius:50% !important;

    pointer-events:none !important;
}


/* EYEBROW */

.svoji-single-sidebar-cta-eyebrow{
    position:relative !important;
    z-index:2 !important;

    margin:0 0 10px 0 !important;
    padding:0 !important;
}

.svoji-single-sidebar-cta-eyebrow
.elementor-widget-container,
.svoji-single-sidebar-cta-eyebrow p{
    margin:0 !important;
    padding:0 !important;

    color:#FF5A2F !important;

    font-size:11px !important;
    font-weight:700 !important;

    line-height:1.2 !important;

    letter-spacing:.055em !important;
}


/* CTA TITLE */

.svoji-single-sidebar-cta-title{
    position:relative !important;
    z-index:2 !important;

    margin:0 0 19px 0 !important;
    padding:0 !important;
}

.svoji-single-sidebar-cta-title
.elementor-widget-container,
.svoji-single-sidebar-cta-title p{
    margin:0 !important;
    padding:0 !important;

    color:#0B1F3A !important;

    font-size:20px !important;
    font-weight:700 !important;

    line-height:1.3 !important;
}


/* =========================================================
   20. SIDEBAR CTA BUTTON
   ========================================================= */

.svoji-single-sidebar-cta-button{
    position:relative !important;
    z-index:2 !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}

.svoji-single-sidebar-cta-button
.elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
}

.svoji-single-sidebar-cta-button
.elementor-button{
    min-height:44px !important;

    padding:0 17px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    color:#FFFFFF !important;

    background:#FF5A2F !important;

    border:0 !important;
    border-radius:999px !important;

    box-shadow:
        0 7px 18px rgba(255,90,47,.19) !important;

    font-size:13px !important;
    font-weight:700 !important;

    line-height:1 !important;

    transition:
        background-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}

.svoji-single-sidebar-cta-button
.elementor-button:hover{
    background:#E94C22 !important;

    transform:translateY(-1px) !important;

    box-shadow:
        0 9px 20px rgba(255,90,47,.25) !important;
}

.svoji-single-sidebar-cta-button
.elementor-button-icon{
    margin:0 !important;
}

.svoji-single-sidebar-cta-button
.elementor-button-icon svg{
    width:12px !important;
    height:12px !important;
}


/* =========================================================
   21. TABLET
   768 — 1024
   ========================================================= */

@media(max-width:1024px){

    .svoji-single-article{
        padding:
            38px
            18px
            52px !important;
    }


    /*
     * CRITICAL:
     * top and body are still vertical.
     */

    .svoji-single-article > .e-con-inner{
        display:flex !important;
        flex-direction:column !important;

        width:100% !important;
    }


    .svoji-single-top{
        width:100% !important;
        max-width:100% !important;
    }


    .svoji-single-title{
        width:100% !important;
        max-width:100% !important;
    }


    .svoji-single-title
    .elementor-heading-title{
        font-size:42px !important;

        line-height:1.1 !important;
    }


    .svoji-single-excerpt{
        width:100% !important;
        max-width:100% !important;

        font-size:16.5px !important;
    }


    /*
     * Body stacks beneath top.
     */

    .svoji-single-body{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;

        align-items:stretch !important;

        gap:28px !important;
    }


    .svoji-single-main{
        width:100% !important;
        max-width:100% !important;

        flex:0 0 auto !important;
    }


    /*
     * Sidebar becomes a grid UNDER the article.
     */

    .svoji-single-sidebar{
        width:100% !important;
        max-width:100% !important;

        flex:0 0 auto !important;

        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:18px !important;
    }


    .svoji-single-sidebar-ad,
    .svoji-single-related-side{
        width:100% !important;
    }


    .svoji-single-sidebar-cta{
        width:100% !important;

        grid-column:
            1 / -1 !important;
    }


    .svoji-single-content p,
    .svoji-single-content li{
        font-size:16px !important;
    }


    .svoji-single-content h2{
        font-size:28px !important;
    }
}


/* =========================================================
   22. MOBILE
   ========================================================= */

@media(max-width:767px){

    .svoji-single-article{
        padding:
            28px
            12px
            42px !important;
    }


    .svoji-single-meta-top{
        margin-bottom:20px !important;

        gap:10px !important;
    }


    .svoji-single-title{
        margin-bottom:16px !important;
    }


    .svoji-single-title
    .elementor-heading-title{
        font-size:31px !important;

        line-height:1.12 !important;

        letter-spacing:-.5px !important;
    }


    .svoji-single-excerpt{
        margin-bottom:24px !important;

        font-size:15px !important;

        line-height:1.55 !important;
    }


    .svoji-single-author-row{
        flex-direction:column !important;

        align-items:flex-start !important;

        gap:16px !important;

        margin-bottom:28px !important;
    }


    .svoji-single-share{
        justify-content:flex-start !important;
    }


    .svoji-single-body{
        gap:24px !important;
    }


    .svoji-single-content p,
    .svoji-single-content li{
        font-size:15.5px !important;

        line-height:1.7 !important;
    }


    .svoji-single-content h2{
        margin-top:30px !important;

        font-size:25px !important;
    }


    .svoji-single-content h3{
        font-size:21px !important;
    }


    .svoji-single-content blockquote{
        padding:
            20px
            18px
            20px
            52px !important;
    }


    .svoji-single-content blockquote::before{
        left:15px !important;

        font-size:42px !important;
    }


    .svoji-single-sidebar{
        display:flex !important;
        flex-direction:column !important;

        gap:16px !important;
    }


    .svoji-single-sidebar-ad,
    .svoji-single-related-side,
    .svoji-single-sidebar-cta{
        width:100% !important;
    }
}


/* =========================================
   SVOJI — RELATED ARTICLES SIDEBAR
   FINAL
   ========================================= */

body.elementor-page-869{
    width:100% !important;

    margin:0 !important;
    padding:20px 20px 18px !important;

    background:#FFFFFF !important;

    border:1px solid #E8EDF2 !important;
    border-radius:18px !important;

    box-shadow:
        0 8px 24px rgba(11,31,58,.05) !important;

    box-sizing:border-box !important;
}


/* =========================================
   HEADER
   ========================================= */

body.elementor-page-869 .svoji-single-related-header{
    width:100% !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:12px !important;

    margin:0 0 10px !important;
    padding:0 !important;
}


/* =========================================
   TITLE
   ========================================= */

body.elementor-page-869 .svoji-single-related-title{
    width:auto !important;

    flex:1 1 auto !important;

    margin:0 !important;
    padding:0 !important;
}

body.elementor-page-869
.svoji-single-related-title
.elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:#0B1F3A !important;

    font-size:18px !important;
    font-weight:700 !important;

    line-height:1.2 !important;
}


/* =========================================
   "VIEW ALL" BUTTON RESET
   ========================================= */

body.elementor-page-869 .svoji-single-related-all{
    width:auto !important;

    flex:0 0 auto !important;

    margin:0 !important;
    padding:0 !important;
}

body.elementor-page-869
.svoji-single-related-all
.elementor-widget-container{
    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}

body.elementor-page-869
.svoji-single-related-all
.elementor-button{
    width:auto !important;
    min-width:0 !important;

    min-height:0 !important;

    margin:0 !important;

    padding:4px 0 !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:flex-end !important;

    gap:6px !important;

    background:transparent !important;

    color:#FF5A2F !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    font-size:11.5px !important;
    font-weight:700 !important;

    line-height:1.2 !important;

    text-decoration:none !important;

    white-space:nowrap !important;

    transition:
        color .18s ease,
        transform .18s ease !important;
}


/* remove default button background on hover */

body.elementor-page-869
.svoji-single-related-all
.elementor-button:hover,
body.elementor-page-869
.svoji-single-related-all
.elementor-button:focus{
    background:transparent !important;

    color:#E94C22 !important;

    box-shadow:none !important;

    transform:translateX(2px) !important;
}


/* button text */

body.elementor-page-869
.svoji-single-related-all
.elementor-button-text{
    color:inherit !important;

    font-size:11.5px !important;
    font-weight:700 !important;

    line-height:1.2 !important;
}


/* arrow / icon */

body.elementor-page-869
.svoji-single-related-all
.elementor-button-icon{
    margin:0 !important;

    display:inline-flex !important;

    align-items:center !important;
}

body.elementor-page-869
.svoji-single-related-all
.elementor-button-icon svg{
    width:12px !important;
    height:12px !important;

    fill:currentColor !important;

    transition:
        transform .18s ease !important;
}

body.elementor-page-869
.svoji-single-related-all
.elementor-button:hover
.elementor-button-icon svg{
    transform:translateX(2px) !important;
}


/* =========================================
   LOOP GRID
   ========================================= */

body.elementor-page-869 .svoji-single-related-loop{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

body.elementor-page-869
.svoji-single-related-loop
.elementor-widget-container{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

body.elementor-page-869
.svoji-single-related-loop
.elementor-loop-container{
    width:100% !important;

    display:flex !important;
    flex-direction:column !important;

    gap:0 !important;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================
   EACH ITEM
   ========================================= */

body.elementor-page-869
.svoji-single-related-loop
.e-loop-item{
    width:100% !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* separator between cards */

body.elementor-page-869
.svoji-single-related-loop
.e-loop-item:not(:last-child){
    border-bottom:1px solid #EEF2F5 !important;
}


/* spacing of cards */

body.elementor-page-869
.svoji-single-related-loop
.svoji-single-related-card
> .e-con-inner{
    padding:12px 0 !important;
}


/* first card */

body.elementor-page-869
.svoji-single-related-loop
.e-loop-item:first-child
.svoji-single-related-card
> .e-con-inner{
    padding-top:6px !important;
}


/* last card */

body.elementor-page-869
.svoji-single-related-loop
.e-loop-item:last-child
.svoji-single-related-card
> .e-con-inner{
    padding-bottom:0 !important;
}


/* =========================================
   TABLET
   ========================================= */

@media(max-width:1024px){

    body.elementor-page-869
    .svoji-single-related-loop
    .elementor-loop-container{
        display:flex !important;
        flex-direction:column !important;

        gap:0 !important;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media(max-width:767px){

    body.elementor-page-869{
        padding:18px 16px !important;
    }

    body.elementor-page-869 .svoji-single-related-header{
        margin-bottom:8px !important;
        gap:10px !important;
    }

    body.elementor-page-869
    .svoji-single-related-title
    .elementor-heading-title{
        font-size:17px !important;
    }

    body.elementor-page-869
    .svoji-single-related-all
    .elementor-button,
    body.elementor-page-869
    .svoji-single-related-all
    .elementor-button-text{
        font-size:11px !important;
    }

}/* End custom CSS */