/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ===============================
   BASE LAYOUT
================================ */
.single-wrap{
  max-width:900px;
  margin:auto;
  padding:20px;
  box-sizing:border-box;
}

/* ===============================
   CATEGORY (NO BG + AMP BLINK)
================================ */
.sp-category{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:16px;
  font-weight:600;
}

.sp-category a {
  background: none;
  padding: 0;
  color: #0004FC;
  text-decoration: none;
}


.amp-icon{
  font-size:18px;
}

.blink{
  animation:pulse 1.5s infinite;
}

@keyframes pulse{
  0%{opacity:1}
  50%{opacity:.5}
  100%{opacity:1}
}

/* ===============================
   POST TITLE (BN + EN BALANCED)
================================ */
.sp-title{
  font-size:32px;
  line-height:1.4;
  margin:0 0 18px;
  font-family:
    'Noto Serif Bengali',
    'Hind Siliguri',
    'SolaimanLipi',
    'Noto Sans',
    Arial,
    sans-serif;
  font-weight:700;
}

/* ===============================
   SEPARATOR
================================ */
.sp-separator{
  height:1px;
  background:#ddd;
  margin:20px 0;
}

/* ===============================
   AUTHOR + ACTION BAR
================================ */
.sp-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  position:relative;
}

/* AUTHOR INFO */
.sp-author{
  display:flex;
  align-items:center;
  gap:12px;
}

.sp-author img{
  width:12px;
  height:12px;
  border-radius:50%;
}

.author-text{
  display:flex;
  flex-direction:column;
}

.author-name{
  display:flex;
  align-items:center;
  gap:6px;
  font-weight:600;
}

/* 🔥 VERIFIED BADGE – FINAL CONTROL */
:root{
  --verified-size:6px; /* change to 10px / 11px / 14px if needed */
}

.verified-icon{
  width:var(--verified-size);
  height:var(--verified-size);
  display:inline-block;
  vertical-align:middle;
}

.published-date{
  font-size:13px;
  color:#666;
}

/* ===============================
   FOLLOW / SHARE BUTTONS
================================ */
.sp-actions{
  display:flex;
  align-items:center;
  gap:16px;
}

.icon-btn{
  background:#f3f3f3;
  border:none;
  padding:10px;
  border-radius:50%;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

.icon-btn img{
  width:24px;
  height:24px;
  display:block;
}

/* ===============================
   FEATURED IMAGE CARD
================================ */
.sp-featured-card{
  border:3px solid #7a3cff;
  border-radius:14px;
  padding:8px;
  margin:20px 0;
}

.sp-featured-card img{
  width:100%;
  border-radius:10px;
  display:block;
}

/* ===============================
   SHARE CARD (FINAL POLISHED)
================================ */
.share-card{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  border:2px solid red;
  border-radius:14px;
  margin-bottom:20px;
  font-family:
    'Hind Siliguri',
    'Noto Sans Bengali',
    'SolaimanLipi',
    Arial,
    sans-serif;
}

/* SHARE LABEL */
.share-label{
  font-family:
    'Hind Siliguri',
    'Noto Sans Bengali',
    'SolaimanLipi',
    Arial,
    sans-serif;
  font-size:15px;
  font-weight:700;
  letter-spacing:0.2px;
  color:#111;
  margin-right:6px;
}

/* ICON LINKS */
.share-card a{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ICON IMAGES */
.share-card img{
  width:28px;
  height:28px;
  display:block;
}

/* FIX: Native share button same as others */
.share-card button{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.share-card button img{
  width:28px;
  height:28px;
  display:block;
}

/* ===============================
   POST CONTENT
================================ */
.sp-content{
  font-size:17px;
  line-height:1.8;
  margin-top:20px;
  font-family:
    'Noto Serif Bengali',
    'Hind Siliguri',
    'SolaimanLipi',
    'Noto Sans',
    Arial,
    sans-serif;
}

/* ===============================
   RELATED POSTS
================================ */
.related-parent{
  border:2px solid #8b7cff;
  border-radius:18px;
  padding:20px;
  margin-top:40px;
}

.related-parent h3{
  text-align:center;
  margin-bottom:20px;
  font-size:22px;
}

.related-inner{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
}

.related-item{
  display:flex;
  gap:10px;
  align-items:center;
  border:1px solid #ddd;
  border-radius:12px;
  padding:10px;
  text-decoration:none;
  color:#000;
}

.related-item img{
  width:60px;
  height:60px;
  border-radius:8px;
  object-fit:cover;
}

.related-item h4{
  font-size:15px;
  line-height:1.4;
  margin:0 0 4px;
}

.related-item span{
  font-size:12px;
  color:#666;
}

/* ===============================
   MODAL (FOLLOW / SHARE)
================================ */
.modal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.5);
  z-index:999;
}

.modal-box{
  background:#fff;
  max-width:340px;
  margin:15% auto;
  padding:22px;
  border-radius:16px;
  text-align:center;
}

.modal-box h4{
  margin-bottom:16px;
}

.modal-icons{
  display:flex;
  justify-content:center;
  gap:20px;
  margin:20px 0;
}

.modal-icons img{
  width:36px;
  height:36px;
}

.modal-close{
  background:#eee;
  border:none;
  padding:8px 14px;
  border-radius:8px;
  cursor:pointer;
}

/* ===============================
   RESPONSIVE FIXES
================================ */
@media(max-width:600px){

  .sp-title{
    font-size:26px;
  }

  .sp-meta{
    flex-wrap:wrap;
    gap:12px;
  }

  .share-card{
    flex-wrap:wrap;
    gap:14px;
  }

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

  .modal-box{
    margin:25% 16px;
  }
}


/* =====================================================
   MBM – Latest Updates (FINAL BADGES + PREMIUM CTA)
   ===================================================== */

.mbm-latest-posts {
    max-width: 1100px;
    margin: 40px auto;
    padding: 34px;
    border-radius: 24px;
    background:
        linear-gradient(120deg, #f8faff, #ffffff),
        radial-gradient(circle at top left, rgba(99,102,241,0.18), transparent 60%);
    border: 1.8px solid #dbe0ff;
    position: relative;
    overflow: hidden;
}

/* Neon glow */
.mbm-latest-posts::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: radial-gradient(circle, rgba(99,102,241,0.18), transparent 70%);
    animation: mbmGlow 8s linear infinite;
    pointer-events: none;
}

@keyframes mbmGlow { to { transform: rotate(360deg); } }

/* Title */
.mbm-latest-title {
	 font-family: "SolaimanLipi", "Noto Serif Bengali", serif;
    text-align: center;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 36px;
    background: linear-gradient(90deg, #111827, #4f5dff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Noto Serif Bengali", "SolaimanLipi", serif;
}

.mbm-dot {
    width: 9px;
    height: 9px;
    background: #ef4444;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    animation: mbmBlink 1.4s infinite;
}

@keyframes mbmBlink {
    0% { box-shadow: 0 0 0 0 rgba(239,68,68,.6); }
    70% { box-shadow: 0 0 0 8px rgba(239,68,68,0); }
}

/* Grid */
.mbm-latest-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}

/* Card base */
.mbm-post-card {
    position: relative;
    border-radius: 16px;
    padding: 16px;
    background: rgba(255,255,255,0.85);
    border: 1.2px solid #d6ddff;
    backdrop-filter: blur(6px);
}

/* ===== BADGES ===== */

/* LIVE */
.mbm-badge-live::before {
    content: "LIVE";
    background: linear-gradient(90deg, #ef4444, #f97316);
    animation: mbmPulse 1.5s infinite;
}

/* NEW */
.mbm-badge-new::before {
    content: "NEW";
    background: linear-gradient(90deg, #22c55e, #16a34a);
}

/* STAR */
.mbm-badge-star::before {
    content: "★";
    background: #07F569;
    color: #FFF200;
}

/* Common badge style */
.mbm-badge-live::before,
.mbm-badge-new::before,
.mbm-badge-star::before {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
    padding: 4px 8px;
    border-radius: 999px;
    color: #FFF200;
    line-height: 1;
}

@keyframes mbmPulse {
    0% { box-shadow: 0 0 0 0 rgba(239,68,68,.6); }
    70% { box-shadow: 0 0 0 10px rgba(239,68,68,0); }
}

/* Content */
.mbm-post-link {
    display: flex;
    gap: 14px;
    text-decoration: none;
    color: inherit;
}

.mbm-thumb img {
    width: 62px;
    height: 62px;
    border-radius: 10px;
    object-fit: cover;
}

.mbm-post-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
	/* 🔽 FONT CHANGE HERE */
    font-family: "SolaimanLipi", "Noto Sans Bengali", sans-serif;
}
}
.mbm-post-title .mbm-en {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mbm-post-date {
    font-size: 13px;
    color: #6b7280;

    /* 🔽 FONT CHANGE HERE */
    font-family: "Noto Sans Bengali", sans-serif;
}


/* ===== PREMIUM VIEW ALL BUTTON ===== */
.mbm-view-all {
    text-align: center;
    margin-top: 40px;
}

.mbm-view-all a {
    padding: 14px 38px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(90deg, #4f5dff, #6366f1);
    box-shadow: 0 0 0 rgba(79,93,255,0);
    transition: all .35s ease;
}

@media (hover:hover) {
    .mbm-view-all a:hover {
        box-shadow:
            0 0 20px rgba(79,93,255,.6),
            0 0 40px rgba(99,102,241,.4);
        transform: translateY(-2px);
    }
}

/* Mobile fix */
@media (max-width: 768px) {
    .mbm-latest-posts {
        margin: 24px 14px;
        padding: 22px;
    }

    .mbm-latest-grid {
        grid-template-columns: 1fr;
    }
}