.elementor-1407 .elementor-element.elementor-element-1f103c1{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-aa7e340 *//* =========================================================
   BARADARAN BLOG - FINAL MOBILE SPACING FIX
========================================================= */

/* ---------- فاصله Header و Hero ---------- */

body .elementor-widget-shortcode:has(#br-blog-archive),
body .elementor-widget-shortcode:has(#br-blog-archive) > .elementor-widget-container,
body .e-con:has(#br-blog-archive),
body .e-con-inner:has(#br-blog-archive){

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    gap:0 !important;
}


body #br-blog-archive{
    margin-top:0 !important;
    padding-top:0 !important;
}


body #br-blog-archive > .brba-hero{
    margin-top:0 !important;
}


/* =========================================================
   TOPICS STRIP - DESKTOP SAFETY
========================================================= */

#br-blog-archive .brba-topics{
    width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

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

    display:block !important;
}


#br-blog-archive .brba-topics-inner{
    width:min(1240px,92%) !important;

    height:auto !important;
    min-height:57px !important;
    max-height:none !important;

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

    display:flex !important;

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

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

    justify-content:center !important;

    gap:9px 25px !important;
}


#br-blog-archive .brba-topics-inner > *{
    height:auto !important;
    min-height:0 !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    flex:0 0 auto !important;

    align-self:center !important;
}


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

@media(max-width:767px){

    /* ---------- Header → Blog Hero ---------- */

    body .elementor-widget-shortcode:has(#br-blog-archive),
    body .elementor-widget-shortcode:has(#br-blog-archive) > .elementor-widget-container,
    body .e-con:has(#br-blog-archive),
    body .e-con-inner:has(#br-blog-archive){

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

        height:auto !important;
        min-height:0 !important;

        gap:0 !important;
    }


    #br-blog-archive,
    #br-blog-archive .brba-hero{

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


    /* Hero خودش Padding داخلی لازم را داشته باشد */
    #br-blog-archive .brba-hero{
        padding:
            52px 0
            48px !important;
    }


    /* ---------- TOPIC BAR ---------- */

    #br-blog-archive .brba-topics{

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

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

        display:block !important;
    }


    #br-blog-archive .brba-topics-inner{

        width:90% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 auto !important;

        padding:
            15px 0
            16px !important;

        display:flex !important;

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

        justify-content:flex-start !important;

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

        row-gap:8px !important;
        column-gap:16px !important;
    }


    #br-blog-archive .brba-topics-inner > *{

        width:auto !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

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

        flex:
            0 0 auto !important;

        align-self:center !important;
    }


    #br-blog-archive .brba-topics strong,
    #br-blog-archive .brba-topic{

        display:inline-flex !important;
        align-items:center !important;

        height:auto !important;
        min-height:0 !important;

        margin:0 !important;

        line-height:1.6 !important;

        white-space:normal !important;
    }


    #br-blog-archive .brba-topic{

        gap:7px !important;
    }


    /* ---------- جلوگیری از هر Space Between قدیمی ---------- */

    #br-blog-archive .brba-topics,
    #br-blog-archive .brba-topics-inner{

        justify-content:flex-start !important;
    }


    /* ---------- شروع بخش مقالات بلافاصله بعد از نوار ---------- */

    #br-blog-archive .brba-main{

        margin-top:0 !important;

        padding-top:48px !important;
    }

}/* End custom CSS */