/* ==========================================================
   Premium Blog Listing — scoped under .blog-premium
   Mirrors the About-Us / Courses premium palette + rhythm.
     #193D7F (primary)   #2F508B (accent blue)
     #FECA16 (yellow)    #0F1B33 / #192335 (ink)
     #F3F5F8 (soft bg)   #6B7385 (muted)
   The global `.ap-eyebrow` pill comes from custom_style.css.
   ========================================================== */
.blog-premium {
    --bp-primary:#193D7F;
    --bp-accent:#2F508B;
    --bp-yellow:#FECA16;
    --bp-ink:#0F1B33;
    --bp-ink-2:#192335;
    --bp-soft:#F3F5F8;
    --bp-soft-2:#F6F9FE;
    --bp-muted:#6B7385;
    --bp-line:rgba(25,61,127,.10);
    --bp-shadow-sm:0 10px 30px rgba(25,61,127,.06);
    --bp-shadow-md:0 18px 40px rgba(25,61,127,.10);
    --bp-shadow-lg:0 30px 60px rgba(25,61,127,.18);
    position:relative;
    overflow:hidden;
}
.blog-premium > section,
.blog-premium > div { position:relative; z-index:1; }
.blog-premium .row.py-5 { padding-top:0!important; padding-bottom:0!important; }
.blog-premium .bp-section { padding:80px 0; }

/* Decorative blobs (subtle, behind everything) */
.blog-premium::before,
.blog-premium::after{
    content:'';position:absolute;width:520px;height:520px;border-radius:50%;
    filter:blur(90px);opacity:.30;pointer-events:none;z-index:0;
}
.blog-premium::before{top:160px;left:-260px;background:radial-gradient(circle,rgba(25,61,127,.20),transparent 70%);}
.blog-premium::after{top:900px;right:-260px;background:radial-gradient(circle,rgba(254,202,22,.16),transparent 70%);}

/* Yellow accent bar under headings */
.blog-premium .bp-bar{
    display:block;width:48px;height:4px;background:var(--bp-yellow);
    border-radius:2px;margin:18px 0 22px;
}

/* Section title scale */
.blog-premium .lets-start h2.g-title,
.blog-premium .bp-title{
    font-size:40px;line-height:1.18;font-weight:800;
    letter-spacing:-0.02em;color:var(--bp-ink)!important;
}
.blog-premium .lets-start .content,
.blog-premium .bp-copy{
    color:var(--bp-muted);font-size:15.5px;line-height:1.85;
}

/* ============ Intro band ============ */
.blog-premium .bp-intro{ padding:40px 0 10px; }
.blog-premium .bp-intro__copy{
    color:var(--bp-muted);font-size:16px;line-height:1.85;
    padding-left:22px;border-left:3px solid var(--bp-yellow);
}

/* ============ Blog grid spacing ============ */
.blog-premium .eNtery-item{ padding-bottom:30px; }
.blog-premium .row.mt-25{ margin-top:10px; }

/* ============ Blog card (premium) ============ */
.blog-premium .Ecard.b-card{
    background:#fff!important;
    border:1px solid var(--bp-line);
    border-radius:20px;
    box-shadow:var(--bp-shadow-sm)!important;
    overflow:hidden;
    transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;
    height:100%;
    position:relative;
    display:flex;flex-direction:column;
}
.blog-premium .Ecard.b-card::before{
    content:'';position:absolute;top:0;left:0;width:5px;height:0;
    background:var(--bp-yellow);
    transition:height .45s ease;z-index:3;
}
.blog-premium .Ecard.b-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--bp-shadow-lg)!important;
    border-color:rgba(254,202,22,.45);
}
.blog-premium .Ecard.b-card:hover::before{ height:100%; }

/* Image area */
.blog-premium .Ecard.b-card .card-head{
    position:relative;overflow:hidden;
    border-radius:0!important;
    background:var(--bp-soft);
    margin:0;
}
.blog-premium .Ecard.b-card .card-head img{
    width:100%;height:210px;object-fit:cover;
    border-radius:0!important;
    transition:transform .6s ease;
}
.blog-premium .Ecard.b-card:hover .card-head img{ transform:scale(1.06); }
.blog-premium .Ecard.b-card .card-head::after{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,rgba(15,27,51,0) 50%,rgba(15,27,51,.20) 100%);
}

/* Body */
.blog-premium .Ecard.b-card .card-body{
    padding:18px 20px 22px!important;
    display:flex;flex-direction:column;flex:1;
    background:#fff;
}
.blog-premium .Ecard.b-card .card-body > a{
    text-decoration:none;display:flex;flex-direction:column;gap:6px;flex:1;
}

/* Pretitle as a subtle eyebrow */
.blog-premium .Ecard.b-card .card-body p.blue-color{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(25,61,127,.08);
    border:1px solid rgba(25,61,127,.10);
    color:var(--bp-primary)!important;
    font-size:10.5px!important;font-weight:800!important;
    text-transform:uppercase;letter-spacing:.12em;line-height:1!important;
    padding:6px 12px;border-radius:999px;
    width:auto;align-self:flex-start;
    margin:0 0 12px!important;
    font-family:"Sora", sans-serif;
}
.blog-premium .Ecard.b-card .card-body p.blue-color:empty{ display:none; }
.blog-premium .Ecard.b-card .card-body p.blue-color::before{
    content:'';width:5px;height:5px;border-radius:50%;
    background:var(--bp-yellow);
    box-shadow:0 0 0 3px rgba(254,202,22,.18);
    flex-shrink:0;
}

/* Title */
.blog-premium .Ecard.b-card .card-body h4{
    color:var(--bp-ink)!important;font-weight:800!important;
    font-size:17px!important;line-height:1.4!important;
    letter-spacing:-0.01em;
    margin:0 0 14px!important;
    transition:color .25s ease;
}
.blog-premium .Ecard.b-card:hover .card-body h4{
    color:var(--bp-primary)!important;
}

/* Read-more affordance auto-injected via ::after on body link */
.blog-premium .Ecard.b-card .card-body > a::after{
    content:'Read More →';
    margin-top:auto;padding-top:14px;
    border-top:1px dashed var(--bp-line);
    color:var(--bp-primary);
    font-size:12.5px;font-weight:800;letter-spacing:.04em;
    text-transform:uppercase;
    transition:color .25s ease,letter-spacing .25s ease;
    font-family:"Sora", sans-serif;
}
.blog-premium .Ecard.b-card:hover .card-body > a::after{
    color:var(--bp-ink);
    letter-spacing:.06em;
}

/* ============ Empty state ============ */
.blog-premium .bg-white.radius-10{
    background:#fff!important;
    border:1px solid var(--bp-line);
    border-radius:20px!important;
    box-shadow:var(--bp-shadow-sm);
}

/* ============ Pagination ============ */
.blog-premium .entry-pagination{ margin-top:30px; }
.blog-premium .entry-pagination .pagination{
    gap:6px;flex-wrap:wrap;justify-content:center;
}
.blog-premium .entry-pagination .pagination .page-link,
.blog-premium .entry-pagination .pagination .page-item span{
    border:1px solid var(--bp-line);
    background:#fff;color:var(--bp-ink);
    border-radius:10px;min-width:40px;height:40px;
    display:inline-flex;align-items:center;justify-content:center;
    font-weight:700;font-size:14px;
    box-shadow:var(--bp-shadow-sm);
    transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;
}
.blog-premium .entry-pagination .pagination .page-link:hover{
    background:var(--bp-yellow);border-color:var(--bp-yellow);color:var(--bp-ink);
    transform:translateY(-2px);
}
.blog-premium .entry-pagination .pagination .page-item.active .page-link{
    background:linear-gradient(135deg,var(--bp-ink) 0%,var(--bp-primary) 100%);
    border-color:transparent;color:#fff;
}
.blog-premium .entry-pagination .pagination .page-item.disabled .page-link{
    opacity:.45;background:var(--bp-soft);
}

/* ============ Responsive ============ */
@media (max-width: 991.98px){
    .blog-premium .bp-section{ padding:56px 0; }
    .blog-premium .lets-start h2.g-title,
    .blog-premium .bp-title{ font-size:32px; }
    .blog-premium .Ecard.b-card .card-head img{ height:190px; }
}
@media (max-width: 575.98px){
    .blog-premium .lets-start h2.g-title,
    .blog-premium .bp-title{ font-size:26px; }
    .blog-premium .bp-intro__copy{ padding-left:14px; }
    .blog-premium .Ecard.b-card{ border-radius:16px; }
    .blog-premium .Ecard.b-card .card-head img{ height:180px; }
    .blog-premium .Ecard.b-card .card-body{ padding:16px 16px 18px!important; }
    .blog-premium .Ecard.b-card .card-body h4{ font-size:16px!important; }
}