/* ==========================================================
   PADIDAR PROFESSIONAL SINGLE ARTICLE V1
   Applies to ALL current and future WP posts
   ========================================================== */

.pfarticle-page{
    --pa-navy:#0a3458;
    --pa-dark:#061a2e;
    --pa-red:#ef1734;
    --pa-text:#173c59;
    --pa-muted:#687f91;
    --pa-line:#dce6ed;
    --pa-soft:#f5f8fb;

    background:#f5f8fb;
    color:var(--pa-text);

    overflow:hidden;
}


.pfarticle-wrap{
    width:min(
        1320px,
        calc(100% - 48px)
    );

    margin-inline:auto;
}



/* ==========================================================
   HERO
   ========================================================== */

.pfarticle-hero{
    padding:40px 0 52px;

    background:
        radial-gradient(
            circle at 7% 10%,
            rgba(255,255,255,.09),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #06182b,
            #0b3e68
        );

    color:#fff;
}


.pfarticle-breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:8px;

    margin-bottom:27px;

    font-size:11px;
    font-weight:700;
}


.pfarticle-breadcrumb a{
    color:#d0dce6;
    text-decoration:none;
}


.pfarticle-breadcrumb span{
    color:#ef6b7d;
}


.pfarticle-hero-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(420px,.95fr);

    gap:48px;

    align-items:center;
}


.pfarticle-category{
    display:inline-flex;

    padding:6px 11px;

    border-radius:999px;

    background:
        rgba(239,23,52,.16);

    border:
        1px solid rgba(255,95,115,.32);

    color:#ff9ba7;

    font-size:11px;
    font-weight:900;

    text-decoration:none;
}


.pfarticle-hero h1{
    margin:15px 0 14px;

    color:#fff;

    font-size:
        clamp(31px,3.6vw,49px);

    line-height:1.55;

    font-weight:950;
}


.pfarticle-intro{
    max-width:720px;

    margin:0;

    color:#d2dfe9;

    font-size:14px;
    line-height:2.05;

    font-weight:500;
}


.pfarticle-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:9px;

    margin-top:23px;
}


.pfarticle-meta > span{
    display:inline-flex;

    align-items:center;

    min-height:37px;

    padding:0 11px;

    border:
        1px solid rgba(255,255,255,.11);

    border-radius:8px;

    background:
        rgba(255,255,255,.065);

    color:#bfcfdb;

    font-size:10px;
    font-weight:600;
}


.pfarticle-meta strong{
    margin-right:5px;

    color:#fff;

    font-weight:900;
}


.pfarticle-hero-media{
    overflow:hidden;

    border:
        1px solid rgba(255,255,255,.13);

    border-radius:18px;

    background:#0a2945;

    box-shadow:
        0 20px 45px rgba(0,0,0,.18);
}


.pfarticle-featured-image{
    display:block;

    width:100%;
    height:auto;

    aspect-ratio:16/10;

    object-fit:cover;
    object-position:center;
}


.pfarticle-featured-placeholder{
    display:flex;

    flex-direction:column;

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

    aspect-ratio:16/10;

    background:
        linear-gradient(
            135deg,
            #0c3d66,
            #06192c
        );

    color:#fff;
}


.pfarticle-featured-placeholder span{
    color:#f17787;

    font-size:11px;
}


.pfarticle-featured-placeholder strong{
    margin-top:6px;

    font-size:19px;
}



/* ==========================================================
   MAIN LAYOUT
   ========================================================== */

.pfarticle-body-section{
    padding:46px 0 58px;
}


.pfarticle-layout{
    display:grid;

    grid-template-columns:
        270px minmax(0,1fr);

    gap:26px;

    align-items:start;
}



/* ==========================================================
   SIDEBAR
   ========================================================== */

.pfarticle-sidebar{
    position:sticky;
    top:24px;

    display:grid;

    gap:15px;
}


.pfarticle-side-card,
.pfarticle-side-cta{
    padding:20px;

    border:
        1px solid var(--pa-line);

    border-radius:15px;

    background:#fff;

    box-shadow:
        0 7px 24px rgba(5,43,72,.04);
}


.pfarticle-side-kicker,
.pfarticle-side-cta > span{
    display:block;

    margin-bottom:5px;

    color:var(--pa-red);

    font-size:10px;
    font-weight:900;
}


.pfarticle-side-card > strong{
    display:block;

    margin-bottom:17px;

    color:var(--pa-navy);

    font-size:15px;
    font-weight:950;
}


.pfarticle-side-row{
    display:flex;

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

    gap:10px;

    padding:11px 0;

    border-top:
        1px solid #edf1f4;
}


.pfarticle-side-row span{
    color:#8696a3;

    font-size:10px;
    font-weight:700;
}


.pfarticle-side-row b{
    color:#244b69;

    font-size:10px;
    font-weight:900;

    text-align:left;
}


.pfarticle-side-cta{
    background:
        linear-gradient(
            145deg,
            #082d4d,
            #061a2e
        );

    border:0;

    color:#fff;
}


.pfarticle-side-cta > strong{
    display:block;

    color:#fff;

    font-size:15px;
    line-height:1.8;
}


.pfarticle-side-cta p{
    margin:8px 0 14px;

    color:#c5d4df;

    font-size:10px;
    line-height:1.9;
}


.pfarticle-side-cta a{
    display:flex;

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

    min-height:42px;

    border-radius:8px;

    background:var(--pa-red);

    color:#fff;

    font-size:10px;
    font-weight:900;

    text-decoration:none;
}



/* ==========================================================
   CONTENT CARD
   ========================================================== */

.pfarticle-content-card{
    min-width:0;

    padding:36px 42px 40px;

    border:
        1px solid var(--pa-line);

    border-radius:18px;

    background:#fff;

    box-shadow:
        0 10px 32px rgba(5,43,72,.045);
}


.pfarticle-content{
    max-width:900px;

    margin-inline:auto;

    color:#314f67;

    font-size:16px;
    line-height:2.25;

    font-weight:450;
}


/* Paragraphs */

.pfarticle-content p{
    margin:
        0 0 20px;
}


/* Headings */

.pfarticle-content h2{
    position:relative;

    margin:
        40px 0 18px;

    padding-right:16px;

    color:#0a3458;

    font-size:27px;
    line-height:1.7;

    font-weight:950;
}


.pfarticle-content h2:before{
    content:"";

    position:absolute;

    right:0;
    top:.4em;

    width:4px;
    height:1.35em;

    border-radius:5px;

    background:var(--pa-red);
}


.pfarticle-content h3{
    margin:
        30px 0 14px;

    color:#123d5e;

    font-size:21px;
    line-height:1.8;

    font-weight:900;
}


.pfarticle-content h4{
    margin:
        25px 0 12px;

    color:#1f4968;

    font-size:18px;
    font-weight:900;
}


/* Strong */

.pfarticle-content strong{
    color:#163c59;

    font-weight:900;
}


/* Links */

.pfarticle-content a{
    color:#d71936;

    font-weight:750;

    text-decoration:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        4px;
}


/* Lists */

.pfarticle-content ul,
.pfarticle-content ol{
    margin:
        18px 0 24px;

    padding-right:25px;
}


.pfarticle-content li{
    margin-bottom:9px;

    padding-right:4px;
}


.pfarticle-content li::marker{
    color:var(--pa-red);

    font-weight:900;
}


/* Images */

.pfarticle-content img{
    display:block;

    width:auto;
    max-width:100%;
    height:auto;

    margin:
        27px auto;

    border-radius:14px;

    box-shadow:
        0 10px 26px rgba(8,45,75,.10);
}


/* Figures */

.pfarticle-content figure{
    max-width:100%;

    margin:
        28px auto;
}


.pfarticle-content figcaption{
    margin-top:8px;

    color:#8798a6;

    font-size:10px;
    text-align:center;
}


/* Blockquote */

.pfarticle-content blockquote{
    margin:
        28px 0;

    padding:
        18px 21px;

    border-right:
        4px solid var(--pa-red);

    border-radius:
        10px 0 0 10px;

    background:#f7f9fb;

    color:#425f75;
}


/* Tables */

.pfarticle-content table{
    width:100%;

    margin:
        27px 0;

    border-collapse:
        collapse;

    overflow:hidden;

    border-radius:10px;
}


.pfarticle-content th,
.pfarticle-content td{
    padding:
        11px 13px;

    border:
        1px solid #dce5ec;

    font-size:12px;
}


.pfarticle-content th{
    background:#0a3458;

    color:#fff;

    font-weight:900;
}


/* Embeds */

.pfarticle-content iframe,
.pfarticle-content video{
    width:100%;
    max-width:100%;

    border-radius:12px;
}


/*
 * Defensive cleanup against old social-share widgets
 * accidentally appended to imported posts.
 */
.pfarticle-content
.sharedaddy,

.pfarticle-content
.sd-sharing-enabled,

.pfarticle-content
.addtoany_share_save_container,

.pfarticle-content
.heateor_sss_sharing_container,

.pfarticle-content
.a2a_kit{
    display:none !important;
}



/* ==========================================================
   TAGS
   ========================================================== */

.pfarticle-tags{
    max-width:900px;

    margin:
        34px auto 0;

    padding-top:22px;

    border-top:
        1px solid #e5ebf0;
}


.pfarticle-tags > strong{
    display:block;

    margin-bottom:10px;

    color:#284b65;

    font-size:11px;
}


.pfarticle-tags > div{
    display:flex;

    flex-wrap:wrap;

    gap:7px;
}


.pfarticle-tags a{
    display:inline-flex;

    align-items:center;

    min-height:31px;

    padding:
        0 10px;

    border-radius:999px;

    background:#f4f7fa;

    color:#45637a;

    font-size:9px;
    font-weight:800;

    text-decoration:none;
}



/* ==========================================================
   END CTA
   ========================================================== */

.pfarticle-end-cta{
    max-width:900px;

    display:flex;

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

    gap:25px;

    margin:
        27px auto 0;

    padding:
        20px;

    border-radius:13px;

    background:#f6f8fb;

    border:
        1px solid #e0e7ed;
}


.pfarticle-end-cta span{
    display:block;

    margin-bottom:3px;

    color:var(--pa-red);

    font-size:9px;
    font-weight:900;
}


.pfarticle-end-cta strong{
    color:#163f5e;

    font-size:12px;
    line-height:1.7;
}


.pfarticle-end-cta > a{
    display:inline-flex;

    flex:0 0 auto;

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

    min-width:125px;
    min-height:40px;

    border-radius:8px;

    background:var(--pa-red);

    color:#fff;

    font-size:10px;
    font-weight:900;

    text-decoration:none;
}



/* ==========================================================
   RELATED
   ========================================================== */

.pfarticle-related{
    padding:
        50px 0 65px;

    background:#fff;

    border-top:
        1px solid #e4eaf0;
}


.pfarticle-related-head{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:20px;

    margin-bottom:22px;
}


.pfarticle-related-head span{
    display:block;

    color:var(--pa-red);

    font-size:10px;
    font-weight:900;
}


.pfarticle-related-head h2{
    margin:4px 0 0;

    color:var(--pa-navy);

    font-size:25px;
    font-weight:950;
}


.pfarticle-related-head > a{
    color:#526e83;

    font-size:10px;
    font-weight:800;

    text-decoration:none;
}


.pfarticle-related-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:20px;
}


.pfarticle-related-card{
    overflow:hidden;

    border:
        1px solid var(--pa-line);

    border-radius:15px;

    background:#fff;

    box-shadow:
        0 8px 24px rgba(5,43,72,.045);
}


.pfarticle-related-image{
    display:block;

    overflow:hidden;

    aspect-ratio:
        16/9;

    background:#e8eef3;
}


.pfarticle-related-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .3s ease;
}


.pfarticle-related-card:hover
.pfarticle-related-image img{
    transform:
        scale(1.035);
}


.pfarticle-related-placeholder{
    display:flex;

    width:100%;
    height:100%;

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

    background:
        linear-gradient(
            135deg,
            #0b3a61,
            #071a2d
        );

    color:#fff;

    font-size:12px;
    font-weight:900;
}


.pfarticle-related-body{
    padding:16px;
}


.pfarticle-related-body time{
    color:#92a0ac;

    font-size:9px;
}


.pfarticle-related-body h3{
    min-height:58px;

    margin:7px 0 13px;

    font-size:15px;
    line-height:1.8;

    font-weight:900;
}


.pfarticle-related-body h3 a{
    color:#133b59;

    text-decoration:none;
}


.pfarticle-related-more{
    display:flex;

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

    min-height:39px;

    padding:0 11px;

    border-radius:8px;

    background:#f4f7fa;

    color:#234c69;

    font-size:10px;
    font-weight:900;

    text-decoration:none;
}


.pfarticle-related-more span{
    color:var(--pa-red);

    font-size:16px;
}



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

@media(max-width:1050px){

    .pfarticle-hero-grid{
        grid-template-columns:
            1fr 390px;

        gap:30px;
    }


    .pfarticle-layout{
        grid-template-columns:
            230px minmax(0,1fr);
    }


    .pfarticle-content-card{
        padding:
            30px;
    }

}



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

@media(max-width:800px){

    .pfarticle-wrap{
        width:
            calc(100% - 24px);
    }


    .pfarticle-hero{
        padding:
            28px 0 34px;
    }


    .pfarticle-breadcrumb{
        margin-bottom:
            20px;
    }


    .pfarticle-hero-grid{
        grid-template-columns:
            1fr;

        gap:
            25px;
    }


    .pfarticle-hero h1{
        font-size:
            28px;

        line-height:
            1.65;
    }


    .pfarticle-intro{
        font-size:
            13px;
    }


    .pfarticle-meta{
        display:grid;

        grid-template-columns:
            1fr 1fr;
    }


    .pfarticle-meta > span{
        justify-content:center;
    }


    .pfarticle-hero-media{
        border-radius:14px;
    }


    .pfarticle-body-section{
        padding:
            25px 0 38px;
    }


    .pfarticle-layout{
        display:flex;

        flex-direction:column-reverse;

        gap:16px;
    }


    .pfarticle-sidebar{
        position:static;

        width:100%;
    }


    .pfarticle-side-card{
        display:none;
    }


    .pfarticle-content-card{
        width:100%;

        padding:
            22px 18px 25px;

        border-radius:
            14px;
    }


    .pfarticle-content{
        font-size:
            15px;

        line-height:
            2.2;
    }


    .pfarticle-content h2{
        margin-top:
            32px;

        font-size:
            22px;
    }


    .pfarticle-content h3{
        margin-top:
            25px;

        font-size:
            18px;
    }


    .pfarticle-content img{
        width:100%;
        height:auto;

        border-radius:
            11px;
    }


    .pfarticle-end-cta{
        align-items:stretch;

        flex-direction:column;
    }


    .pfarticle-end-cta > a{
        width:100%;
    }


    .pfarticle-related{
        padding:
            35px 0 48px;
    }


    .pfarticle-related-head{
        align-items:flex-start;

        flex-direction:column;
    }


    .pfarticle-related-grid{
        grid-template-columns:
            1fr;
    }


    .pfarticle-related-body h3{
        min-height:0;
    }

}



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

@media(max-width:430px){

    .pfarticle-hero h1{
        font-size:
            24px;
    }


    .pfarticle-meta{
        grid-template-columns:
            1fr;
    }


    .pfarticle-content-card{
        padding:
            19px 15px 22px;
    }


    .pfarticle-content{
        font-size:
            14.5px;
    }

}



/* ==========================================================
   PADIDAR_FULL_WIDTH_ARTICLE_R2
   ========================================================== */
@media (min-width: 801px){

    .pfarticle-wrap{
        width:min(calc(100% - 40px), 1680px) !important;
        max-width:none !important;
    }

    .pfarticle-layout{
        grid-template-columns: 290px minmax(0,1fr) !important;
        gap:28px !important;
        align-items:start !important;
    }

    .pfarticle-content-card{
        width:100% !important;
        max-width:none !important;
        padding:38px 42px 42px !important;
    }

    .pfarticle-content{
        width:100% !important;
        max-width:none !important;
    }

    .pfarticle-tags,
    .pfarticle-end-cta{
        max-width:none !important;
        width:100% !important;
    }

    .pfarticle-related-grid{
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
}

@media (min-width: 1400px){

    .pfarticle-wrap{
        width:min(calc(100% - 48px), 1780px) !important;
    }

    .pfarticle-layout{
        grid-template-columns: 300px minmax(0,1fr) !important;
        gap:32px !important;
    }

    .pfarticle-content-card{
        padding:42px 48px 46px !important;
    }
}


/* ==========================================================
   PADIDAR_SHARE_ICONS_FIX_R1
   ========================================================== */

.pfarticle-sidebar .sharedaddy,
.pfarticle-sidebar .sd-sharing,
.pfarticle-sidebar .sd-content,
.pfarticle-sidebar .a2a_kit,
.pfarticle-sidebar .heateor_sss_sharing_container,
.pfarticle-sidebar .heateor_sss_sharing_ul,
.pfarticle-sidebar .social-share,
.pfarticle-sidebar .share-links {
    width: 100% !important;
    overflow: hidden !important;
    direction: rtl !important;
    text-align: right !important;
}

.pfarticle-sidebar .sd-content ul,
.pfarticle-sidebar .heateor_sss_sharing_ul,
.pfarticle-sidebar .share-links,
.pfarticle-sidebar .a2a_kit {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pfarticle-sidebar .sd-content li,
.pfarticle-sidebar .heateor_sss_sharing_ul li,
.pfarticle-sidebar .share-links li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pfarticle-sidebar .sd-content a,
.pfarticle-sidebar .heateor_sss_sharing_ul a,
.pfarticle-sidebar .share-links a,
.pfarticle-sidebar .a2a_button_facebook,
.pfarticle-sidebar .a2a_button_twitter,
.pfarticle-sidebar .a2a_button_x,
.pfarticle-sidebar .a2a_button_telegram,
.pfarticle-sidebar .a2a_button_whatsapp,
.pfarticle-sidebar .a2a_button_linkedin {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 12px !important;
    background: #f3f7fb !important;
    border: 1px solid #d9e3ef !important;
    text-decoration: none !important;
    overflow: hidden !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pfarticle-sidebar .sd-content a:hover,
.pfarticle-sidebar .heateor_sss_sharing_ul a:hover,
.pfarticle-sidebar .share-links a:hover,
.pfarticle-sidebar .a2a_button_facebook:hover,
.pfarticle-sidebar .a2a_button_twitter:hover,
.pfarticle-sidebar .a2a_button_x:hover,
.pfarticle-sidebar .a2a_button_telegram:hover,
.pfarticle-sidebar .a2a_button_whatsapp:hover,
.pfarticle-sidebar .a2a_button_linkedin:hover {
    background: #0c3b68 !important;
    border-color: #0c3b68 !important;
}

.pfarticle-sidebar .sd-content a img,
.pfarticle-sidebar .sd-content a svg,
.pfarticle-sidebar .sd-content a i,
.pfarticle-sidebar .sd-content a span,
.pfarticle-sidebar .heateor_sss_sharing_ul a img,
.pfarticle-sidebar .heateor_sss_sharing_ul a svg,
.pfarticle-sidebar .heateor_sss_sharing_ul a i,
.pfarticle-sidebar .heateor_sss_sharing_ul a span,
.pfarticle-sidebar .share-links a img,
.pfarticle-sidebar .share-links a svg,
.pfarticle-sidebar .share-links a i,
.pfarticle-sidebar .share-links a span,
.pfarticle-sidebar .a2a_kit a img,
.pfarticle-sidebar .a2a_kit a svg,
.pfarticle-sidebar .a2a_kit a i,
.pfarticle-sidebar .a2a_kit a span {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    transform: none !important;
    display: inline-block !important;
    object-fit: contain !important;
}

.pfarticle-sidebar .sd-content a::before,
.pfarticle-sidebar .sd-content a::after,
.pfarticle-sidebar .heateor_sss_sharing_ul a::before,
.pfarticle-sidebar .heateor_sss_sharing_ul a::after,
.pfarticle-sidebar .share-links a::before,
.pfarticle-sidebar .share-links a::after,
.pfarticle-sidebar .a2a_kit a::before,
.pfarticle-sidebar .a2a_kit a::after {
    font-size: 18px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
}

.pfarticle-sidebar .sd-title,
.pfarticle-sidebar h3,
.pfarticle-sidebar .widget-title {
    margin-bottom: 10px !important;
}

@media (max-width: 800px){
    .pfarticle-sidebar .sd-content ul,
    .pfarticle-sidebar .heateor_sss_sharing_ul,
    .pfarticle-sidebar .share-links,
    .pfarticle-sidebar .a2a_kit {
        justify-content: flex-start !important;
    }
}