/* =========================================================
   DR BASHAR BLOG TEMPLATE PRO 2.0
   IMPORTANT: No section/card/page background is forced.
   The site's global background remains fully visible.
========================================================= */

body.dbbt-archive-active,
body.dbbt-single-active{
    background:transparent!important;
    background-image:none!important;
}

#dbbt-blog{
    --dbbt-gold:var(--gold,#C9A35F);
    --dbbt-gold-light:#E5CB83;
    --dbbt-gold-dark:#9B762F;

    --dbbt-navy:#071827;
    --dbbt-navy-2:#0D2235;

    --dbbt-title:var(--text,#0D2235);
    --dbbt-text:var(--muted,#687684);
    --dbbt-line:rgba(13,34,53,.16);
    --dbbt-line-gold:rgba(201,163,95,.34);
    --dbbt-shadow:0 18px 45px rgba(13,34,53,.07);

    width:100%;
    min-height:60vh;

    color:var(--dbbt-title);

    background:transparent!important;
    background-image:none!important;

    font-family:inherit;

    direction:rtl;
}

html[data-theme="dark"] #dbbt-blog,
body.dark-mode #dbbt-blog,
html.dark #dbbt-blog{
    --dbbt-title:#FFFFFF;
    --dbbt-text:#C4CDD5;
    --dbbt-line:rgba(255,255,255,.13);
    --dbbt-line-gold:rgba(201,163,95,.34);
    --dbbt-shadow:0 20px 55px rgba(0,0,0,.16);
}

#dbbt-blog,
#dbbt-blog *,
#dbbt-blog *::before,
#dbbt-blog *::after{
    box-sizing:border-box;
}

#dbbt-blog :is(
    .dbbt-page,
    .dbbt-hero,
    .dbbt-hero__inner,
    .dbbt-archive-content,
    .dbbt-card,
    .dbbt-card__body,
    .dbbt-single-card,
    .dbbt-single-header,
    .dbbt-content,
    .dbbt-cta,
    .dbbt-single-footer,
    .dbbt-post-nav,
    .dbbt-post-nav__item,
    .dbbt-related,
    .dbbt-related-card,
    .dbbt-related-card__body,
    .dbbt-empty,
    .dbbt-comments,
    .dbbt-pagination .page-numbers
){
    background:transparent!important;
    background-image:none!important;
}

#dbbt-blog a{
    text-decoration:none!important;
}

#dbbt-blog img{
    max-width:100%;
}

#dbbt-blog svg{
    display:block;
}

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

#dbbt-blog .dbbt-shell{
    width:min(calc(100% - 34px),1440px);
    margin:0 auto;
}

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

#dbbt-blog .dbbt-hero{
    position:relative;
    padding:clamp(52px,7vw,96px) 0 clamp(38px,5vw,62px);
    text-align:center;
    border-bottom:1px solid var(--dbbt-line);
}

#dbbt-blog .dbbt-hero__inner{
    max-width:1000px;
}

#dbbt-blog .dbbt-kicker,
#dbbt-blog .dbbt-mini-label,
#dbbt-blog .dbbt-section-title > span,
#dbbt-blog .dbbt-cta__kicker{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:var(--dbbt-gold)!important;
    font-size:12px;
    font-weight:800;
    line-height:1.5;
}

#dbbt-blog .dbbt-kicker::before,
#dbbt-blog .dbbt-mini-label::before,
#dbbt-blog .dbbt-section-title > span::before,
#dbbt-blog .dbbt-cta__kicker::before{
    content:"";
    width:6px;
    height:6px;
    flex:0 0 6px;
    border-radius:50%;
    background:currentColor;
}

#dbbt-blog .dbbt-hero h1{
    margin:12px 0 12px!important;
    padding:0!important;
    color:var(--dbbt-title)!important;
    font-size:clamp(34px,4.6vw,62px)!important;
    line-height:1.14!important;
    font-weight:800!important;
    letter-spacing:-.4px;
}

#dbbt-blog .dbbt-hero p{
    max-width:820px;
    margin:0 auto!important;
    color:var(--dbbt-text)!important;
    font-size:clamp(14px,1.18vw,17px);
    line-height:1.95;
    font-weight:500;
}

#dbbt-blog .dbbt-filter-label{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:20px;
    padding:7px 12px;
    border:1px solid var(--dbbt-line-gold);
    border-radius:999px;
    color:var(--dbbt-text);
    background:transparent!important;
    font-size:12px;
}

#dbbt-blog .dbbt-filter-label strong{
    color:var(--dbbt-gold);
}

/* =========================================================
   ARCHIVE
========================================================= */

#dbbt-blog .dbbt-archive-content{
    padding:clamp(38px,5vw,70px) 0 clamp(58px,7vw,90px);
}

#dbbt-blog .dbbt-archive-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
}

#dbbt-blog .dbbt-archive-head h2,
#dbbt-blog .dbbt-section-title h2{
    margin:5px 0 0!important;
    color:var(--dbbt-title)!important;
    font-size:clamp(24px,2.6vw,36px)!important;
    line-height:1.25!important;
    font-weight:800!important;
}

#dbbt-blog .dbbt-post-count{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 11px;
    border:1px solid var(--dbbt-line);
    border-radius:999px;
    color:var(--dbbt-text);
    background:transparent!important;
    font-size:11px;
    font-weight:700;
}

/* =========================================================
   ARTICLE GRID
========================================================= */

#dbbt-blog .dbbt-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

#dbbt-blog .dbbt-card{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--dbbt-line);
    border-radius:24px;
    box-shadow:none!important;
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

#dbbt-blog .dbbt-card:hover{
    transform:translateY(-5px);
    border-color:rgba(201,163,95,.52);
    box-shadow:var(--dbbt-shadow)!important;
}

#dbbt-blog .dbbt-card__image{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border-bottom:1px solid var(--dbbt-line);
    background:transparent!important;
}

#dbbt-blog .dbbt-card__image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .65s cubic-bezier(.2,.8,.2,1);
}

#dbbt-blog .dbbt-card:hover .dbbt-card__image img{
    transform:scale(1.045);
}

#dbbt-blog .dbbt-placeholder{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:var(--dbbt-gold);
    background:transparent!important;
}

#dbbt-blog .dbbt-placeholder svg{
    width:58px;
    height:58px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.2;
    opacity:.72;
}

#dbbt-blog .dbbt-category{
    position:absolute;
    right:12px;
    bottom:12px;
    padding:6px 10px;
    border:1px solid rgba(201,163,95,.62);
    border-radius:999px;
    color:#FFF;
    background:rgba(7,24,39,.72)!important;
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    font-size:10px;
    font-weight:800;
}

#dbbt-blog .dbbt-card__body{
    padding:19px;
}

#dbbt-blog .dbbt-card__meta,
#dbbt-blog .dbbt-single-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    color:var(--dbbt-text);
    font-size:11px;
    font-weight:600;
}

#dbbt-blog .dbbt-card h2{
    margin:9px 0 9px!important;
    padding:0!important;
    font-size:clamp(20px,1.7vw,25px)!important;
    line-height:1.4!important;
    font-weight:800!important;
}

#dbbt-blog .dbbt-card h2 a{
    color:var(--dbbt-title)!important;
}

#dbbt-blog .dbbt-excerpt{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    min-height:5em;
    color:var(--dbbt-text)!important;
    font-size:13px;
    line-height:1.7;
}

#dbbt-blog .dbbt-read{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:16px;
    color:var(--dbbt-title)!important;
    font-size:12.5px;
    font-weight:800;
}

#dbbt-blog .dbbt-read__circle{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border:1px solid var(--dbbt-line-gold);
    border-radius:50%;
    color:var(--dbbt-gold);
    background:transparent!important;
    transition:background .25s ease,color .25s ease,transform .25s ease;
}

#dbbt-blog .dbbt-read__circle svg{
    width:13px;
    height:13px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

#dbbt-blog .dbbt-read:hover .dbbt-read__circle{
    background:var(--dbbt-gold)!important;
    color:#FFF;
    transform:translateX(-2px);
}

/* =========================================================
   PAGINATION
========================================================= */

#dbbt-blog .dbbt-pagination{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    margin-top:34px;
}

#dbbt-blog .dbbt-pagination .page-numbers{
    display:grid;
    place-items:center;
    min-width:40px;
    height:40px;
    padding:0 10px;
    border:1px solid var(--dbbt-line);
    border-radius:11px;
    color:var(--dbbt-title)!important;
    font-size:12px;
    font-weight:800;
    transition:border-color .2s ease,color .2s ease,background .2s ease;
}

#dbbt-blog .dbbt-pagination .page-numbers:hover,
#dbbt-blog .dbbt-pagination .page-numbers.current{
    border-color:var(--dbbt-gold);
    background:var(--dbbt-gold)!important;
    color:var(--dbbt-navy)!important;
}

/* =========================================================
   EMPTY
========================================================= */

#dbbt-blog .dbbt-empty{
    padding:55px 15px;
    text-align:center;
    border:1px solid var(--dbbt-line);
    border-radius:24px;
}

#dbbt-blog .dbbt-empty h2{
    margin:7px 0 20px!important;
    color:var(--dbbt-title)!important;
}

/* =========================================================
   SINGLE ARTICLE
========================================================= */

#dbbt-blog.dbbt-single-page{
    padding:clamp(40px,5vw,70px) 0 clamp(60px,7vw,95px);
}

#dbbt-blog .dbbt-single-shell{
    max-width:1120px;
}

#dbbt-blog .dbbt-single-card{
    overflow:visible;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

#dbbt-blog .dbbt-single-header{
    max-width:930px;
    margin:0 auto 28px;
    text-align:center;
}

#dbbt-blog .dbbt-single-meta{
    justify-content:center;
}

#dbbt-blog .dbbt-single-category{
    display:inline-flex;
    padding:5px 9px;
    border:1px solid var(--dbbt-line-gold);
    border-radius:999px;
    color:var(--dbbt-gold)!important;
    background:transparent!important;
    font-size:10px;
    font-weight:800;
}

#dbbt-blog .dbbt-single-header h1{
    margin:13px 0 0!important;
    padding:0!important;
    color:var(--dbbt-title)!important;
    font-size:clamp(34px,4.7vw,60px)!important;
    line-height:1.28!important;
    font-weight:800!important;
    letter-spacing:-.45px;
}

#dbbt-blog .dbbt-single-featured{
    width:100%;
    margin:0 0 32px!important;
    overflow:hidden;
    border:1px solid var(--dbbt-line);
    border-radius:28px;
    background:transparent!important;
}

#dbbt-blog .dbbt-single-featured img{
    display:block;
    width:100%;
    height:auto;
    max-height:680px;
    object-fit:cover;
}

/* =========================================================
   CONTENT TYPOGRAPHY
========================================================= */

#dbbt-blog .dbbt-content{
    width:min(100%,880px);
    margin:0 auto;
    color:var(--dbbt-text)!important;
    font-size:17px;
    line-height:2.05;
}

#dbbt-blog .dbbt-content > *:first-child{
    margin-top:0!important;
}

#dbbt-blog .dbbt-content p{
    margin:0 0 20px!important;
    color:var(--dbbt-text)!important;
}

#dbbt-blog .dbbt-content :is(h2,h3,h4){
    color:var(--dbbt-title)!important;
    font-weight:800!important;
}

#dbbt-blog .dbbt-content h2{
    margin:38px 0 15px!important;
    font-size:clamp(27px,2.6vw,36px)!important;
    line-height:1.35!important;
}

#dbbt-blog .dbbt-content h3{
    margin:30px 0 12px!important;
    color:var(--dbbt-gold)!important;
    font-size:clamp(21px,2vw,28px)!important;
    line-height:1.4!important;
}

#dbbt-blog .dbbt-content h4{
    margin:25px 0 10px!important;
    font-size:19px!important;
}

#dbbt-blog .dbbt-content a{
    color:var(--dbbt-gold-dark)!important;
    text-decoration:underline!important;
    text-underline-offset:3px;
}

html[data-theme="dark"] #dbbt-blog .dbbt-content a{
    color:var(--dbbt-gold-light)!important;
}

#dbbt-blog .dbbt-content :is(ul,ol){
    margin:16px 0 23px!important;
    padding-right:24px!important;
}

#dbbt-blog[dir="ltr"] .dbbt-content :is(ul,ol){
    padding-right:0!important;
    padding-left:24px!important;
}

#dbbt-blog .dbbt-content li{
    margin:0 0 9px!important;
    color:var(--dbbt-text)!important;
}

#dbbt-blog .dbbt-content li::marker{
    color:var(--dbbt-gold);
}

#dbbt-blog .dbbt-content blockquote{
    margin:28px 0!important;
    padding:16px 20px!important;
    border:0!important;
    border-right:3px solid var(--dbbt-gold)!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--dbbt-text)!important;
}

#dbbt-blog[dir="ltr"] .dbbt-content blockquote{
    border-right:0!important;
    border-left:3px solid var(--dbbt-gold)!important;
}

#dbbt-blog .dbbt-content img{
    height:auto;
    border-radius:18px;
}

#dbbt-blog .dbbt-content figure{
    margin:28px 0!important;
}

#dbbt-blog .dbbt-content figcaption{
    margin-top:8px;
    color:var(--dbbt-text);
    font-size:12px;
    text-align:center;
}

#dbbt-blog .dbbt-content table{
    width:100%!important;
    margin:28px 0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    overflow:hidden;
    border:1px solid var(--dbbt-line)!important;
    border-radius:16px!important;
    background:transparent!important;
}

#dbbt-blog .dbbt-content table th,
#dbbt-blog .dbbt-content table td{
    padding:12px 11px!important;
    border-left:1px solid var(--dbbt-line)!important;
    border-bottom:1px solid var(--dbbt-line)!important;
    background:transparent!important;
    color:var(--dbbt-text)!important;
    vertical-align:top!important;
}

#dbbt-blog .dbbt-content table th{
    color:var(--dbbt-title)!important;
    font-weight:800!important;
}

#dbbt-blog .dbbt-content table tr:last-child > *{
    border-bottom:0!important;
}

/* =========================================================
   CTA — TRANSPARENT
========================================================= */

#dbbt-blog .dbbt-cta{
    width:min(100%,880px);
    margin:42px auto 0;
    padding:25px;
    border:1px solid var(--dbbt-line-gold);
    border-radius:24px;
    background:transparent!important;
    box-shadow:none!important;
}

#dbbt-blog .dbbt-cta h2{
    margin:7px 0 9px!important;
    color:var(--dbbt-title)!important;
    font-size:clamp(24px,2.5vw,34px)!important;
    line-height:1.35!important;
    font-weight:800!important;
}

#dbbt-blog .dbbt-cta p{
    max-width:700px;
    margin:0 0 18px!important;
    color:var(--dbbt-text)!important;
    font-size:14px;
    line-height:1.8;
}

#dbbt-blog .dbbt-cta__actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

#dbbt-blog .dbbt-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:45px;
    padding:5px 6px 5px 16px;
    border-radius:999px;
    font-size:12.5px;
    font-weight:800;
    line-height:1;
}

#dbbt-blog .dbbt-btn--gold{
    border:1px solid var(--dbbt-gold);
    background:var(--dbbt-gold)!important;
    color:var(--dbbt-navy)!important;
}

#dbbt-blog .dbbt-btn--outline{
    border:1px solid var(--dbbt-line-gold);
    background:transparent!important;
    color:var(--dbbt-title)!important;
}

#dbbt-blog .dbbt-btn__circle{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    flex:0 0 32px;
    border-radius:50%;
    border:1px solid rgba(201,163,95,.32);
    background:#FFF!important;
    color:var(--dbbt-gold-dark);
}

#dbbt-blog .dbbt-btn__circle svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* =========================================================
   SHARE
========================================================= */

#dbbt-blog .dbbt-single-footer{
    width:min(100%,880px);
    margin:25px auto 0;
    padding-top:20px;
    border-top:1px solid var(--dbbt-line);
}

#dbbt-blog .dbbt-share{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

#dbbt-blog .dbbt-share strong{
    color:var(--dbbt-title);
    font-size:13px;
}

#dbbt-blog .dbbt-share__links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

#dbbt-blog .dbbt-share__links a{
    padding:7px 10px;
    border:1px solid var(--dbbt-line);
    border-radius:999px;
    background:transparent!important;
    color:var(--dbbt-text)!important;
    font-size:11px;
    font-weight:700;
}

#dbbt-blog .dbbt-share__links a:hover{
    border-color:var(--dbbt-gold);
    color:var(--dbbt-gold)!important;
}

/* =========================================================
   POST NAV
========================================================= */

#dbbt-blog .dbbt-post-nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:28px auto 0;
}

#dbbt-blog .dbbt-post-nav__item{
    min-width:0;
    border:1px solid var(--dbbt-line);
    border-radius:18px;
    overflow:hidden;
}

#dbbt-blog .dbbt-post-nav__item a{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-height:92px;
    padding:16px;
    color:var(--dbbt-title)!important;
}

#dbbt-blog .dbbt-post-nav__item a:hover{
    color:var(--dbbt-gold)!important;
}

#dbbt-blog .dbbt-post-nav__item span{
    color:var(--dbbt-gold);
    font-size:10px;
    font-weight:800;
}

#dbbt-blog .dbbt-post-nav__item strong{
    font-size:14px;
    line-height:1.5;
}

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

#dbbt-blog .dbbt-related{
    margin-top:50px;
    padding-top:35px;
    border-top:1px solid var(--dbbt-line);
}

#dbbt-blog .dbbt-section-title{
    margin-bottom:18px;
}

#dbbt-blog .dbbt-related-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
}

#dbbt-blog .dbbt-related-card{
    overflow:hidden;
    border:1px solid var(--dbbt-line);
    border-radius:20px;
    background:transparent!important;
    transition:transform .25s ease,border-color .25s ease;
}

#dbbt-blog .dbbt-related-card:hover{
    transform:translateY(-4px);
    border-color:rgba(201,163,95,.48);
}

#dbbt-blog .dbbt-related-image{
    position:relative;
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    border-bottom:1px solid var(--dbbt-line);
    background:transparent!important;
}

#dbbt-blog .dbbt-related-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

#dbbt-blog .dbbt-related-card__body{
    padding:14px;
}

#dbbt-blog .dbbt-related-card h3{
    margin:0!important;
    font-size:17px!important;
    line-height:1.45!important;
}

#dbbt-blog .dbbt-related-card h3 a{
    color:var(--dbbt-title)!important;
}

/* =========================================================
   COMMENTS
========================================================= */

#dbbt-blog .dbbt-comments{
    width:min(100%,880px);
    margin:40px auto 0;
    padding-top:30px;
    border-top:1px solid var(--dbbt-line);
}

#dbbt-blog .dbbt-comments :is(input,textarea){
    background:transparent!important;
    color:var(--dbbt-title)!important;
    border:1px solid var(--dbbt-line)!important;
    border-radius:12px!important;
}

/* =========================================================
   LTR / ENGLISH
========================================================= */

#dbbt-blog[dir="ltr"]{
    direction:ltr;
}

#dbbt-blog[dir="ltr"] .dbbt-category{
    right:auto;
    left:12px;
}

#dbbt-blog[dir="ltr"] .dbbt-read__circle svg,
#dbbt-blog[dir="ltr"] .dbbt-btn__circle svg{
    transform:rotate(180deg);
}

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

@media(max-width:1000px){
    #dbbt-blog .dbbt-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

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

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

@media(max-width:650px){
    #dbbt-blog .dbbt-shell{
        width:calc(100% - 20px);
    }

    #dbbt-blog .dbbt-hero{
        padding:36px 0 30px;
    }

    #dbbt-blog .dbbt-hero h1{
        font-size:32px!important;
    }

    #dbbt-blog .dbbt-hero p{
        font-size:13.5px;
        line-height:1.85;
    }

    #dbbt-blog .dbbt-archive-content{
        padding:30px 0 45px;
    }

    #dbbt-blog .dbbt-archive-head{
        align-items:center;
        margin-bottom:15px;
    }

    #dbbt-blog .dbbt-archive-head h2{
        font-size:23px!important;
    }

    #dbbt-blog .dbbt-post-count{
        font-size:10px;
    }

    #dbbt-blog .dbbt-grid{
        grid-template-columns:1fr;
        gap:11px;
    }

    #dbbt-blog .dbbt-card{
        display:grid;
        grid-template-columns:118px minmax(0,1fr);
        border-radius:18px;
    }

    #dbbt-blog .dbbt-card__image{
        height:100%;
        min-height:175px;
        aspect-ratio:auto;
        border-bottom:0;
        border-left:1px solid var(--dbbt-line);
    }

    #dbbt-blog[dir="ltr"] .dbbt-card__image{
        border-left:0;
        border-right:1px solid var(--dbbt-line);
    }

    #dbbt-blog .dbbt-category{
        right:7px;
        bottom:7px;
        padding:4px 7px;
        font-size:8.5px;
    }

    #dbbt-blog[dir="ltr"] .dbbt-category{
        right:auto;
        left:7px;
    }

    #dbbt-blog .dbbt-card__body{
        padding:13px 11px;
    }

    #dbbt-blog .dbbt-card__meta{
        font-size:9.5px;
        gap:5px;
    }

    #dbbt-blog .dbbt-card h2{
        margin:6px 0!important;
        font-size:17px!important;
        line-height:1.38!important;
    }

    #dbbt-blog .dbbt-excerpt{
        -webkit-line-clamp:2;
        min-height:0;
        font-size:11px;
        line-height:1.55;
    }

    #dbbt-blog .dbbt-read{
        margin-top:9px;
        font-size:10.5px;
    }

    #dbbt-blog .dbbt-read__circle{
        width:26px;
        height:26px;
    }

    #dbbt-blog.dbbt-single-page{
        padding:30px 0 48px;
    }

    #dbbt-blog .dbbt-single-header{
        margin-bottom:20px;
    }

    #dbbt-blog .dbbt-single-header h1{
        font-size:31px!important;
        line-height:1.35!important;
    }

    #dbbt-blog .dbbt-single-featured{
        margin-bottom:24px!important;
        border-radius:20px;
    }

    #dbbt-blog .dbbt-content{
        font-size:15.5px;
        line-height:1.95;
    }

    #dbbt-blog .dbbt-content h2{
        margin-top:31px!important;
        font-size:25px!important;
    }

    #dbbt-blog .dbbt-content h3{
        font-size:21px!important;
    }

    #dbbt-blog .dbbt-content table{
        display:block;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    #dbbt-blog .dbbt-cta{
        margin-top:32px;
        padding:19px 15px;
        border-radius:19px;
    }

    #dbbt-blog .dbbt-cta h2{
        font-size:23px!important;
    }

    #dbbt-blog .dbbt-cta__actions{
        flex-direction:column;
    }

    #dbbt-blog .dbbt-btn{
        width:100%;
    }

    #dbbt-blog .dbbt-share{
        align-items:flex-start;
        flex-direction:column;
    }

    #dbbt-blog .dbbt-post-nav{
        grid-template-columns:1fr;
    }

    #dbbt-blog .dbbt-related{
        margin-top:38px;
    }

    #dbbt-blog .dbbt-related-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

    #dbbt-blog .dbbt-related-card{
        display:grid;
        grid-template-columns:105px minmax(0,1fr);
    }

    #dbbt-blog .dbbt-related-image{
        height:100%;
        min-height:105px;
        aspect-ratio:auto;
        border-bottom:0;
        border-left:1px solid var(--dbbt-line);
    }

    #dbbt-blog[dir="ltr"] .dbbt-related-image{
        border-left:0;
        border-right:1px solid var(--dbbt-line);
    }

    #dbbt-blog .dbbt-related-card__body{
        display:flex;
        align-items:center;
        padding:11px;
    }

    #dbbt-blog .dbbt-related-card h3{
        font-size:14px!important;
    }
}

@media(max-width:390px){
    #dbbt-blog .dbbt-card{
        grid-template-columns:105px minmax(0,1fr);
    }

    #dbbt-blog .dbbt-card__image{
        min-height:165px;
    }

    #dbbt-blog .dbbt-card h2{
        font-size:16px!important;
    }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){
    #dbbt-blog *,
    #dbbt-blog *::before,
    #dbbt-blog *::after{
        transition:none!important;
        scroll-behavior:auto!important;
    }
}


/* =========================================================
   SHORTCODE BUTTONS
   [drbashar_whatsapp] / [drbashar_services]
   No forced section background.
========================================================= */

.dbbt-shortcut{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:44px;
    margin:6px 6px 6px 0;
    padding:5px 6px 5px 15px;
    border-radius:999px;
    font-family:inherit;
    font-size:12.5px;
    font-weight:800;
    line-height:1;
    text-decoration:none!important;
    transition:transform .25s ease,border-color .25s ease,color .25s ease,background .25s ease;
}

.dbbt-shortcut--whatsapp{
    border:1px solid var(--gold,#C9A35F);
    background:var(--gold,#C9A35F)!important;
    color:#071827!important;
}

.dbbt-shortcut--services{
    border:1px solid rgba(201,163,95,.42);
    background:transparent!important;
    color:var(--text,#0D2235)!important;
}

html[data-theme="dark"] .dbbt-shortcut--services,
body.dark-mode .dbbt-shortcut--services,
html.dark .dbbt-shortcut--services{
    color:#FFF!important;
}

.dbbt-shortcut:hover{
    transform:translateY(-2px);
}

.dbbt-shortcut__icon{
    display:grid;
    place-items:center;
    width:31px;
    height:31px;
    flex:0 0 31px;
    border-radius:50%;
    background:#FFF!important;
    color:#9B762F;
}

.dbbt-shortcut__icon svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

@media(max-width:650px){
    .dbbt-shortcut{
        width:100%;
        margin:5px 0;
    }
}