/* SAFAR.NET Smart Blog - all selectors are scoped to .sfb-landing */
.sfb-landing{
    --sfb-navy:#001f5b;
    --sfb-navy-dark:#000d2b;
    --sfb-blue:#0f5bd8;
    --sfb-cyan:#16b8c8;
    --sfb-text:#172033;
    --sfb-muted:#697386;
    --sfb-line:#e8edf4;
    --sfb-soft:#f5f8fc;
    direction:rtl;
    color:var(--sfb-text);
    background:#fff;
    width:100%;
}
.sfb-landing *,
.sfb-landing *::before,
.sfb-landing *::after{box-sizing:border-box}
.sfb-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}

.sfb-hero{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    color:#fff;
    background:
        radial-gradient(circle at 15% 0%,rgba(22,184,200,.35),transparent 38%),
        linear-gradient(135deg,var(--sfb-navy-dark) 0%,var(--sfb-navy) 58%,#063d8f 100%);
}
.sfb-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.12;
    background-image:radial-gradient(rgba(255,255,255,.85) .7px,transparent .7px);
    background-size:6px 6px;
}
.sfb-hero-orb{position:absolute;border-radius:999px;filter:blur(1px);pointer-events:none}
.sfb-hero-orb-one{width:280px;height:280px;left:-90px;bottom:-165px;background:rgba(255,255,255,.10)}
.sfb-hero-orb-two{width:150px;height:150px;right:8%;top:-75px;background:rgba(22,184,200,.16)}
.sfb-hero-inner{
    min-height:360px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:50px;
    padding-top:52px;
    padding-bottom:54px;
    position:relative;
}
.sfb-breadcrumb{
    grid-column:1/-1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;
    font-size:13px;
    color:rgba(255,255,255,.72);
    margin-bottom:-28px;
}
.sfb-breadcrumb a{color:#fff;transition:opacity .2s ease}
.sfb-breadcrumb a:hover{opacity:.75}
.sfb-breadcrumb strong{font-weight:600;color:rgba(255,255,255,.88)}
.sfb-hero-copy{max-width:790px}
.sfb-eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:7px 15px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:999px;
    background:rgba(255,255,255,.09);
    backdrop-filter:blur(8px);
    font-size:13px;
    font-weight:700;
    margin-bottom:18px;
}
.sfb-hero-copy h1{
    margin:0;
    color:#fff;
    font-size:clamp(34px,5vw,64px);
    line-height:1.22;
    letter-spacing:-1.2px;
}
.sfb-hero-copy p{
    max-width:740px;
    margin:20px 0 0;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:2;
}
.sfb-hero-stat{
    width:180px;
    aspect-ratio:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.24);
    background:rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 70px rgba(0,0,0,.18);
    backdrop-filter:blur(14px);
    text-align:center;
}
.sfb-hero-stat strong{font-size:48px;line-height:1;font-weight:800}
.sfb-hero-stat span{font-size:13px;margin-top:10px;color:rgba(255,255,255,.75)}

.sfb-content-wrap{padding-top:34px;padding-bottom:90px}
.sfb-tabs{
    display:flex;
    gap:10px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    padding:4px 2px 22px;
    margin-bottom:12px;
}
.sfb-tabs a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:9px 17px;
    border:1px solid var(--sfb-line);
    border-radius:999px;
    color:#43506a;
    background:#fff;
    font-size:13px;
    font-weight:700;
    box-shadow:0 5px 18px rgba(18,42,78,.04);
    transition:all .2s ease;
}
.sfb-tabs a:hover{transform:translateY(-2px);border-color:#cbd7e8;color:var(--sfb-navy)}
.sfb-tabs a.is-active{
    color:#fff;
    border-color:var(--sfb-navy);
    background:var(--sfb-navy);
    box-shadow:0 12px 30px rgba(0,31,91,.2);
}

.sfb-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}
.sfb-card{
    min-width:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    border:1px solid var(--sfb-line);
    border-radius:22px;
    background:#fff;
    box-shadow:0 14px 45px rgba(16,40,76,.07);
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.sfb-card:hover{
    transform:translateY(-7px);
    border-color:#d4deeb;
    box-shadow:0 24px 65px rgba(16,40,76,.14);
}
.sfb-card--featured{
    grid-column:span 2;
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
    min-height:390px;
}
.sfb-card-media{
    position:relative;
    min-height:230px;
    overflow:hidden;
    background:#dfe8f5;
}
.sfb-card--featured .sfb-card-media{min-height:100%;order:2}
.sfb-card-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.sfb-card:hover .sfb-card-media img{transform:scale(1.045)}
.sfb-card-media::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:45%;
    background:linear-gradient(to top,rgba(0,13,43,.46),transparent);
    pointer-events:none;
}
.sfb-card-media--empty{
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 25% 20%,rgba(22,184,200,.34),transparent 34%),
        linear-gradient(145deg,#00143e,#063d8f);
}
.sfb-card-media--empty > span:first-child{
    color:rgba(255,255,255,.9);
    font-family:Arial,sans-serif;
    font-size:26px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:1px;
    text-align:center;
}
.sfb-card-badge{
    position:absolute;
    z-index:2;
    right:16px;
    bottom:16px;
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:6px 12px;
    border-radius:999px;
    color:#fff;
    background:rgba(0,13,43,.72);
    border:1px solid rgba(255,255,255,.24);
    backdrop-filter:blur(9px);
    font-size:12px;
    font-weight:700;
}
.sfb-card-body{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:23px 22px 22px;
}
.sfb-card--featured .sfb-card-body{padding:38px 34px;justify-content:center}
.sfb-card-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;
    color:#7a8598;
    font-size:12px;
    margin-bottom:13px;
}
.sfb-card-meta i{display:block;width:4px;height:4px;border-radius:50%;background:#b9c2d0}
.sfb-card h2{
    margin:0;
    color:var(--sfb-text);
    font-size:21px;
    line-height:1.65;
    font-weight:800;
}
.sfb-card--featured h2{font-size:clamp(25px,2.5vw,34px);line-height:1.55}
.sfb-card h2 a{color:inherit}
.sfb-card-body > p{
    margin:13px 0 22px;
    color:var(--sfb-muted);
    font-size:14px;
    line-height:1.95;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.sfb-card--featured .sfb-card-body > p{font-size:15px;-webkit-line-clamp:4}
.sfb-read-more{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:9px;
    width:max-content;
    color:var(--sfb-blue);
    font-size:14px;
    font-weight:800;
}
.sfb-read-more span{transition:transform .2s ease}
.sfb-read-more:hover span{transform:translateX(-4px)}

.sfb-empty{
    min-height:310px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:48px 28px;
    border:1px dashed #cfd9e7;
    border-radius:24px;
    background:var(--sfb-soft);
}
.sfb-empty-icon{
    width:62px;
    height:62px;
    display:grid;
    place-items:center;
    margin-bottom:18px;
    border-radius:20px;
    color:#fff;
    background:var(--sfb-navy);
    font-size:26px;
    box-shadow:0 14px 35px rgba(0,31,91,.2);
}
.sfb-empty h2{margin:0 0 10px;font-size:24px;color:var(--sfb-text)}
.sfb-empty p{max-width:650px;margin:0;color:var(--sfb-muted);font-size:14px;line-height:2}

.sfb-pagination{margin-top:48px}
.sfb-pagination .page-numbers{
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0;
    margin:0;
}
.sfb-pagination .page-numbers li{margin:0}
.sfb-pagination a.page-numbers,
.sfb-pagination span.page-numbers{
    min-width:42px;
    height:42px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--sfb-line);
    border-radius:12px;
    color:#45516a;
    background:#fff;
    font-size:13px;
    font-weight:800;
}
.sfb-pagination span.page-numbers.current{
    color:#fff;
    border-color:var(--sfb-navy);
    background:var(--sfb-navy);
}

@media (max-width:1050px){
    .sfb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sfb-card--featured{grid-column:1/-1}
}
@media (max-width:760px){
    .sfb-shell{width:min(100% - 28px,1240px)}
    .sfb-hero-inner{min-height:0;grid-template-columns:1fr;gap:28px;padding-top:38px;padding-bottom:40px}
    .sfb-breadcrumb{margin-bottom:-4px}
    .sfb-hero-copy h1{font-size:38px;letter-spacing:-.5px}
    .sfb-hero-copy p{font-size:15px;line-height:1.9}
    .sfb-hero-stat{width:132px;aspect-ratio:auto;min-height:88px;border-radius:22px;align-items:flex-start;padding:17px 20px}
    .sfb-hero-stat strong{font-size:32px}
    .sfb-hero-stat span{margin-top:5px}
    .sfb-content-wrap{padding-top:25px;padding-bottom:60px}
    .sfb-grid{grid-template-columns:1fr;gap:18px}
    .sfb-card--featured{grid-column:auto;display:flex;min-height:0}
    .sfb-card--featured .sfb-card-media{order:0;min-height:240px}
    .sfb-card--featured .sfb-card-body{padding:24px 22px}
    .sfb-card--featured h2{font-size:24px}
}
@media (max-width:420px){
    .sfb-hero-copy h1{font-size:32px}
    .sfb-hero-copy p{font-size:14px}
    .sfb-tabs{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
    .sfb-card-media{min-height:210px}
    .sfb-card-body{padding:20px 18px}
    .sfb-card h2{font-size:19px}
}
@media (prefers-reduced-motion:reduce){
    .sfb-card,.sfb-card-media img,.sfb-tabs a,.sfb-read-more span{transition:none!important}
}

/* Managed blog single-post pages reuse the active theme page.php header/footer. */
.sfb-single{background:#fff;padding:58px 0 92px;color:var(--sfb-text,#172033)}
.sfb-single-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:34px;color:#7c8799;font-size:13px}
.sfb-single-breadcrumb a{color:#526078}.sfb-single-breadcrumb a:hover{color:#001f5b}
.sfb-single-header{max-width:980px;margin:0 auto 35px;text-align:center}
.sfb-single-category{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 14px;border-radius:999px;color:#fff;background:#001f5b;font-size:12px;font-weight:800}
.sfb-single-header h1{margin:18px 0 14px;color:#172033;font-size:clamp(32px,5vw,58px);line-height:1.45;letter-spacing:-1px}
.sfb-single-meta{display:flex;justify-content:center;align-items:center;gap:10px;color:#7c8799;font-size:13px}
.sfb-single-meta i{width:4px;height:4px;border-radius:50%;background:#b9c3d2}
.sfb-single-cover{overflow:hidden;margin:0 0 45px;border-radius:28px;box-shadow:0 24px 70px rgba(16,40,76,.14);background:#e8eef7}
.sfb-single-cover img{display:block;width:100%;max-height:680px;object-fit:cover}
.sfb-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.sfb-single-article-content{min-width:0;color:#263247;font-size:17px;line-height:2.15}
.sfb-single-article-content > :first-child{margin-top:0}
.sfb-single-article-content h2,.sfb-single-article-content h3,.sfb-single-article-content h4{color:#111d32;line-height:1.65;margin-top:42px;margin-bottom:15px}
.sfb-single-article-content h2{font-size:30px}.sfb-single-article-content h3{font-size:24px}.sfb-single-article-content h4{font-size:20px}
.sfb-single-article-content p{margin:0 0 20px}
.sfb-single-article-content ul,.sfb-single-article-content ol{padding-right:25px;margin:0 0 24px}
.sfb-single-article-content li{margin-bottom:9px}
.sfb-single-article-content img{max-width:100%;height:auto;border-radius:18px}
.sfb-single-article-content a{color:#0f5bd8;text-decoration:underline;text-underline-offset:4px}
.sfb-single-article-content blockquote{margin:28px 0;padding:22px 24px;border-right:4px solid #16b8c8;border-radius:14px;background:#f4f8fc;color:#34425a}
.sfb-single-article-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px}
.sfb-single-article-content th,.sfb-single-article-content td{padding:13px;border:1px solid #e2e8f1;text-align:right}
.sfb-single-article-content th{background:#f5f8fc}
.sfb-single-sidebar{position:sticky;top:30px;display:grid;gap:18px}
body.admin-bar .sfb-single-sidebar{top:62px}
.sfb-single-sidebox{padding:23px;border:1px solid #e7edf5;border-radius:20px;background:#f8fafd;box-shadow:0 12px 35px rgba(16,40,76,.05)}
.sfb-single-sidebox span{display:block;margin-bottom:8px;color:#7a8598;font-size:12px}
.sfb-single-sidebox strong{display:block;color:#172033;font-size:17px;line-height:1.7}
.sfb-single-sidebox a{display:inline-flex;margin-top:15px;color:#0f5bd8;font-size:13px;font-weight:800}
.sfb-single-sidebox--contact{color:#fff;border:0;background:linear-gradient(145deg,#001039,#063f93)}
.sfb-single-sidebox--contact span,.sfb-single-sidebox--contact strong,.sfb-single-sidebox--contact a{color:#fff}
.sfb-single-sidebox--contact a{font-size:22px;direction:ltr}
.sfb-related{margin-top:78px;padding-top:48px;border-top:1px solid #e8edf4}
.sfb-related-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.sfb-related-heading span{display:block;color:#0f5bd8;font-size:12px;font-weight:800;margin-bottom:5px}
.sfb-related-heading h2{margin:0;font-size:32px;color:#172033}
.sfb-related-heading > a{color:#0f5bd8;font-size:13px;font-weight:800}
.sfb-related-grid .sfb-card--featured{grid-column:auto;display:flex;min-height:0}
.sfb-related-grid .sfb-card--featured .sfb-card-media{order:0;min-height:230px}
@media(max-width:960px){.sfb-single-layout{grid-template-columns:1fr}.sfb-single-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sfb-single{padding:38px 0 62px}.sfb-single-header h1{font-size:34px}.sfb-single-cover{border-radius:20px;margin-bottom:32px}.sfb-single-layout{gap:30px}.sfb-single-article-content{font-size:16px;line-height:2.05}.sfb-single-article-content h2{font-size:25px}.sfb-single-sidebar{grid-template-columns:1fr}.sfb-related{margin-top:55px;padding-top:38px}.sfb-related-heading{align-items:start;flex-direction:column}.sfb-related-heading h2{font-size:28px}}
