/* Rand Markings blog article styles (scoped, generated). Reproduces the Tailwind + brand classes used in the blog posts so they render without the theme build. */
.rm-blog-article{max-width:100%;}
.rm-blog-article .-bottom-6{bottom:-1.5rem}
.rm-blog-article .-left-6{left:-1.5rem}
.rm-blog-article .-right-8{right:-2rem}
.rm-blog-article .-top-8{top:-2rem}
.rm-blog-article .absolute{position:absolute}
.rm-blog-article .bg-brand-accentlt{background-color:#f9ede3}
.rm-blog-article .bg-brand-teal{background-color:#0d9488}
.rm-blog-article .bg-brand-teal\/10{background-color:rgba(13,148,136,0.1)}
.rm-blog-article .bg-brand-tealfade{background-color:#e6f7f6}
.rm-blog-article .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-from),var(--tw-to))}
.rm-blog-article .bg-gray-100{background-color:#f3f4f6}
.rm-blog-article .bg-gray-50{background-color:#f9fafb}
.rm-blog-article .bg-gray-600{background-color:#4b5563}
.rm-blog-article .bg-gray-700{background-color:#374151}
.rm-blog-article .bg-gray-900{background-color:#111827}
.rm-blog-article .bg-white{background-color:#ffffff}
.rm-blog-article .bg-white\/10{background-color:rgba(255,255,255,0.1)}
.rm-blog-article .bg-white\/15{background-color:rgba(255,255,255,0.15)}
.rm-blog-article .bg-white\/5{background-color:rgba(255,255,255,0.05)}
.rm-blog-article .border{border-width:1px;border-style:solid}
.rm-blog-article .border-0{border-width:0}
.rm-blog-article .border-b{border-bottom-width:1px;border-bottom-style:solid}
.rm-blog-article .border-brand-accent{border-color:#c47241}
.rm-blog-article .border-brand-accent\/30{border-color:rgba(196,114,65,0.3)}
.rm-blog-article .border-brand-teal{border-color:#0d9488}
.rm-blog-article .border-brand-teal\/30{border-color:rgba(13,148,136,0.3)}
.rm-blog-article .border-gray-100{border-color:#f3f4f6}
.rm-blog-article .border-gray-700{border-color:#374151}
.rm-blog-article .border-gray-800{border-color:#1f2937}
.rm-blog-article .border-l-4{border-left-width:4px;border-left-style:solid}
.rm-blog-article .border-teal-100{border-color:#ccfbf1}
.rm-blog-article .border-teal-200{border-color:#99f6e4}
.rm-blog-article .cursor-pointer{cursor:pointer}
.rm-blog-article .duration-200{transition-duration:.2s}
.rm-blog-article .flex{display:flex}
.rm-blog-article .flex-shrink-0{flex-shrink:0}
.rm-blog-article .flex-wrap{flex-wrap:wrap}
.rm-blog-article .font-bold{font-weight:700}
.rm-blog-article .font-extrabold{font-weight:800}
.rm-blog-article .font-medium{font-weight:500}
.rm-blog-article .font-semibold{font-weight:600}
.rm-blog-article .from-brand-accent{--tw-from:#c47241}
.rm-blog-article .from-brand-teal{--tw-from:#0d9488}
.rm-blog-article .from-gray-800{--tw-from:#1f2937}
.rm-blog-article .gap-1{gap:0.25rem}
.rm-blog-article .gap-2{gap:0.5rem}
.rm-blog-article .gap-3{gap:0.75rem}
.rm-blog-article .gap-4{gap:1rem}
.rm-blog-article .grid{display:grid}
.rm-blog-article .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.rm-blog-article .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rm-blog-article .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rm-blog-article .h-10{height:2.5rem}
.rm-blog-article .h-12{height:3rem}
.rm-blog-article .h-24{height:6rem}
.rm-blog-article .h-36{height:9rem}
.rm-blog-article .h-9{height:2.25rem}
.rm-blog-article .hidden{display:none}
.rm-blog-article .hover\:bg-gray-50:hover{background-color:#f9fafb}
.rm-blog-article .hover\:bg-white\/25:hover{background-color:rgba(255,255,255,0.25)}
.rm-blog-article .inline-flex{display:inline-flex}
.rm-blog-article .items-center{align-items:center}
.rm-blog-article .items-start{align-items:flex-start}
.rm-blog-article .justify-between{justify-content:space-between}
.rm-blog-article .justify-center{justify-content:center}
.rm-blog-article .leading-relaxed{line-height:1.625}
.rm-blog-article .leading-tight{line-height:1.25}
.rm-blog-article .list-none{list-style:none}
.rm-blog-article .m-0{margin:0}
.rm-blog-article .max-w-2xl{max-width:42rem}
.rm-blog-article .max-w-lg{max-width:32rem}
.rm-blog-article .mb-0\.5{margin-bottom:0.125rem}
.rm-blog-article .mb-1{margin-bottom:0.25rem}
.rm-blog-article .mb-10{margin-bottom:2.5rem}
.rm-blog-article .mb-2{margin-bottom:0.5rem}
.rm-blog-article .mb-3{margin-bottom:0.75rem}
.rm-blog-article .mb-4{margin-bottom:1rem}
.rm-blog-article .mb-5{margin-bottom:1.25rem}
.rm-blog-article .mb-6{margin-bottom:1.5rem}
.rm-blog-article .mb-8{margin-bottom:2rem}
.rm-blog-article .ml-2{margin-left:0.5rem}
.rm-blog-article .ml-3{margin-left:0.75rem}
.rm-blog-article .mt-0{margin-top:0}
.rm-blog-article .mt-4{margin-top:1rem}
.rm-blog-article .my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.rm-blog-article .my-8{margin-top:2rem;margin-bottom:2rem}
.rm-blog-article .overflow-hidden{overflow:hidden}
.rm-blog-article .overflow-x-auto{overflow-x:auto}
.rm-blog-article .p-4{padding:1rem}
.rm-blog-article .p-5{padding:1.25rem}
.rm-blog-article .p-8{padding:2rem}
.rm-blog-article .pb-4{padding-bottom:1rem}
.rm-blog-article .pb-6{padding-bottom:1.5rem}
.rm-blog-article .pt-0\.5{padding-top:0.125rem}
.rm-blog-article .px-2{padding-left:0.5rem;padding-right:0.5rem}
.rm-blog-article .px-3{padding-left:0.75rem;padding-right:0.75rem}
.rm-blog-article .px-4{padding-left:1rem;padding-right:1rem}
.rm-blog-article .px-5{padding-left:1.25rem;padding-right:1.25rem}
.rm-blog-article .px-6{padding-left:1.5rem;padding-right:1.5rem}
.rm-blog-article .py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.rm-blog-article .py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.rm-blog-article .py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.rm-blog-article .py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.rm-blog-article .py-4{padding-top:1rem;padding-bottom:1rem}
.rm-blog-article .py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.rm-blog-article .relative{position:relative}
.rm-blog-article .rounded-2xl{border-radius:1rem}
.rm-blog-article .rounded-bl-2xl{border-bottom-left-radius:1rem}
.rm-blog-article .rounded-br-2xl{border-bottom-right-radius:1rem}
.rm-blog-article .rounded-full{border-radius:9999px}
.rm-blog-article .rounded-lg{border-radius:0.5rem}
.rm-blog-article .rounded-r-xl{border-top-right-radius:0.75rem;border-bottom-right-radius:0.75rem}
.rm-blog-article .rounded-tl-2xl{border-top-left-radius:1rem}
.rm-blog-article .rounded-tr-2xl{border-top-right-radius:1rem}
.rm-blog-article .rounded-xl{border-radius:0.75rem}
.rm-blog-article .shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.rm-blog-article .text-2xl{font-size:1.5rem;line-height:2rem}
.rm-blog-article .text-3xl{font-size:1.875rem;line-height:2.25rem}
.rm-blog-article .text-base{font-size:1rem;line-height:1.5rem}
.rm-blog-article .text-brand-accent{color:#c47241}
.rm-blog-article .text-brand-teal{color:#0d9488}
.rm-blog-article .text-center{text-align:center}
.rm-blog-article .text-gray-400{color:#9ca3af}
.rm-blog-article .text-gray-500{color:#6b7280}
.rm-blog-article .text-gray-600{color:#4b5563}
.rm-blog-article .text-gray-700{color:#374151}
.rm-blog-article .text-gray-800{color:#1f2937}
.rm-blog-article .text-gray-900{color:#111827}
.rm-blog-article .text-left{text-align:left}
.rm-blog-article .text-lg{font-size:1.125rem;line-height:1.75rem}
.rm-blog-article .text-orange-100{color:#ffedd5}
.rm-blog-article .text-sm{font-size:0.875rem;line-height:1.25rem}
.rm-blog-article .text-teal-100{color:#ccfbf1}
.rm-blog-article .text-white{color:#ffffff}
.rm-blog-article .text-xl{font-size:1.25rem;line-height:1.75rem}
.rm-blog-article .text-xs{font-size:0.75rem;line-height:1rem}
.rm-blog-article .to-\[\#b3622e\]{--tw-to:#b3622e}
.rm-blog-article .to-brand-tealdark{--tw-to:#0a7870}
.rm-blog-article .to-gray-700{--tw-to:#374151}
.rm-blog-article .tracking-wide{letter-spacing:0.025em}
.rm-blog-article .tracking-wider{letter-spacing:0.05em}
.rm-blog-article .transition-colors{transition:color .2s,background-color .2s,border-color .2s}
.rm-blog-article .transition-transform{transition:transform .2s}
.rm-blog-article .uppercase{text-transform:uppercase}
.rm-blog-article .w-10{width:2.5rem}
.rm-blog-article .w-12{width:3rem}
.rm-blog-article .w-2\/5{width:40%}
.rm-blog-article .w-24{width:6rem}
.rm-blog-article .w-36{width:9rem}
.rm-blog-article .w-6{width:1.5rem}
.rm-blog-article .w-9{width:2.25rem}
.rm-blog-article .w-\[30\%\]{width:30%}
.rm-blog-article .w-full{width:100%}
.rm-blog-article .z-10{z-index:10}
.rm-blog-article .space-y-1>*+*{margin-top:0.25rem}
.rm-blog-article .space-y-2>*+*{margin-top:0.5rem}
.rm-blog-article .space-y-3>*+*{margin-top:0.75rem}
.rm-blog-article .space-y-4>*+*{margin-top:1rem}
.rm-blog-article .divide-y>*+*{border-top:1px solid #f3f4f6}.rm-blog-article .divide-x>*+*{border-left:1px solid #f3f4f6}
.rm-blog-article .divide-y>*+*{border-top:1px solid #f9fafb}.rm-blog-article .divide-x>*+*{border-left:1px solid #f9fafb}
.rm-blog-article .divide-y>*+*{border-top-width:1px;border-top-style:solid}
.rm-blog-article .divide-x>*+*{border-left-width:1px;border-left-style:solid}
@media(min-width:640px){.rm-blog-article .sm\:block{display:block}}
@media(min-width:640px){.rm-blog-article .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:640px){.rm-blog-article .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:640px){.rm-blog-article .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}
/* --- source custom styles --- */

.rm-blog-article h2 {
      font-size: 1.45rem;
      font-weight: 700;
      color: #111827;
      margin-top: 2.5rem;
      margin-bottom: 0.9rem;
      padding-bottom: 0.5rem;
      border-bottom: 2px solid #e6f7f6;
    }
.rm-blog-article h3 {
      font-size: 1.05rem;
      font-weight: 700;
      color: #0d9488;
      margin-top: 1.6rem;
      margin-bottom: 0.5rem;
    }
.rm-blog-article p {
      color: #374151;
      line-height: 1.85;
      margin-bottom: 1.15rem;
    }
.rm-blog-article ul {
      margin: 0.5rem 0 1.2rem 1.25rem;
      list-style-type: disc;
    }
.rm-blog-article ul li {
      color: #374151;
      line-height: 1.8;
      margin-bottom: 0.3rem;
    }
.rm-blog-article a {
      color: #0d9488;
      font-weight: 500;
      text-decoration: underline;
      text-decoration-color: #c47241;
    }
.rm-blog-article a:hover { color: #c47241; }
.rm-blog-article strong { color: #111827; font-weight: 600; }
.rm-blog-article .toc-link.active {
      color: #0d9488;
      font-weight: 600;
    }
.rm-blog-article h2 {
      font-size: 1.45rem;
      font-weight: 700;
      color: #111827;
      margin-top: 2.5rem;
      margin-bottom: 0.9rem;
      padding-bottom: 0.5rem;
      border-bottom: 2px solid #e6f7f6;
    }
.rm-blog-article p {
      color: #374151;
      line-height: 1.85;
      margin-bottom: 1.15rem;
    }
.rm-blog-article ul {
      margin: 0.5rem 0 1.2rem 1.25rem;
      list-style-type: disc;
    }
.rm-blog-article ul li {
      color: #374151;
      line-height: 1.8;
      margin-bottom: 0.3rem;
    }
.rm-blog-article a {
      color: #0d9488;
      font-weight: 500;
      text-decoration: underline;
      text-decoration-color: #c47241;
    }
.rm-blog-article a:hover { color: #c47241; }
.rm-blog-article strong { color: #111827; font-weight: 600; }
.rm-blog-article .toc-link.active { color: #0d9488; font-weight: 600; }
.rm-blog-article h2 {
      font-size: 1.45rem;
      font-weight: 700;
      color: #111827;
      margin-top: 2.5rem;
      margin-bottom: 0.9rem;
      padding-bottom: 0.5rem;
      border-bottom: 2px solid #e6f7f6;
    }
.rm-blog-article h3 {
      font-size: 1.05rem;
      font-weight: 700;
      color: #0d9488;
      margin-top: 1.6rem;
      margin-bottom: 0.5rem;
    }
.rm-blog-article p {
      color: #374151;
      line-height: 1.85;
      margin-bottom: 1.15rem;
    }
.rm-blog-article ul {
      margin: 0.5rem 0 1.2rem 1.25rem;
      list-style-type: disc;
    }
.rm-blog-article ul li {
      color: #374151;
      line-height: 1.8;
      margin-bottom: 0.3rem;
    }
.rm-blog-article a {
      color: #0d9488;
      font-weight: 500;
      text-decoration: underline;
      text-decoration-color: #c47241;
    }
.rm-blog-article a:hover { color: #c47241; }
.rm-blog-article strong { color: #111827; font-weight: 600; }
.rm-blog-article .toc-link.active {
      color: #0d9488;
      font-weight: 600;
    }
.rm-blog-article h2 {
      font-size: 1.45rem;
      font-weight: 700;
      color: #111827;
      margin-top: 2.5rem;
      margin-bottom: 0.9rem;
      padding-bottom: 0.5rem;
      border-bottom: 2px solid #e6f7f6;
    }
.rm-blog-article h3 {
      font-size: 1.05rem;
      font-weight: 700;
      color: #0d9488;
      margin-top: 1.6rem;
      margin-bottom: 0.5rem;
    }
.rm-blog-article p {
      color: #374151;
      line-height: 1.85;
      margin-bottom: 1.15rem;
    }
.rm-blog-article ul {
      margin: 0.5rem 0 1.2rem 1.25rem;
      list-style-type: disc;
    }
.rm-blog-article ul li {
      color: #374151;
      line-height: 1.8;
      margin-bottom: 0.3rem;
    }
.rm-blog-article a {
      color: #0d9488;
      font-weight: 500;
      text-decoration: underline;
      text-decoration-color: #c47241;
    }
.rm-blog-article a:hover { color: #c47241; }
.rm-blog-article strong { color: #111827; font-weight: 600; }
.rm-blog-article .toc-link.active {
      color: #0d9488;
      font-weight: 600;
    }

    /* Winner badge */
    .winner-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      background: #0d9488;
      color: #fff;
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      padding: 2px 8px;
      border-radius: 9999px;
      vertical-align: middle;
      margin-left: 6px;
    }
  
/* ---- responsive safety guards (blog pages) ---- */
.rm-blog-article { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
.rm-blog-article img { max-width: 100%; height: auto; }
.rm-blog-article table { max-width: 100%; }
.rm-blog-article .overflow-x-auto { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.rm-blog-article .relative.overflow-hidden, .rm-blog-article .overflow-hidden { overflow: hidden; }
/* Kill any page-level horizontal scroll on blog containers (Mageplaza wrappers) */
.mpcss, .mp-blog-view, .post-view, .post-list-content, .post-post_content,
#mpblog-list-container, .mp-sidebar, .mp-blog-post-list { max-width: 100%; overflow-x: clip; }
@media (max-width: 640px) {
  .rm-blog-article { font-size: 0.97rem; }
  .rm-blog-article .p-8 { padding: 1.25rem; }
  .rm-blog-article .p-5 { padding: 1rem; }
  .rm-blog-article h1, .rm-blog-article .text-3xl, .rm-blog-article .text-4xl { font-size: 1.6rem; line-height: 1.2; }
}

/* ---- kill horizontal overflow on blog pages (blog.css loads on blog only) ---- */
.page-main { }
.columns, .column.main, .sidebar-main, .mp-sidebar, .mp-blog-view, .post-view,
.list-post-tabs, .post-left, .post-right { max-width: 100%; min-width: 0; overflow-wrap: break-word; }
.sidebar-main img, .mp-sidebar img, .mp-blog-view img, .list-post-tabs img,
.post-left img, .rm-blog-article img { max-width: 100%; height: auto; }
.list-post-tabs { display: flex; flex-wrap: wrap; gap: .5rem; }

/* ---- neutralise Luma bootstrap grid on Hyva blog (fixes mobile overflow) ---- */
.mp-blog-view [class*="col-md-"], .mp-blog-view [class*="col-sm-"], .mp-blog-view [class*="col-xs-"],
.mpcss [class*="col-"], .post-list-content, .post-post_content, .post-view-image,
.mp-blog-view .row, .mpcss .row {
  float: none !important; width: 100% !important; max-width: 100% !important;
  margin-left: 0 !important; margin-right: 0 !important;
  padding-left: 0 !important; padding-right: 0 !important;
}
.rm-blog-article.max-w-none { max-width: 100% !important; }

/* ---- stack multi-column card grids on mobile (fixes 2-up comparison overflow) ---- */
@media (max-width: 640px) {
  .rm-blog-article .grid-cols-2,
  .rm-blog-article .grid-cols-3 { grid-template-columns: 1fr !important; }
  .rm-blog-article .flex-wrap { flex-wrap: wrap; }
}

/* ============================================================
   BLOG LISTING + SIDEBAR + LAYOUT  (matches Panth/Infotech theme)
   Scoped to blog pages (blog.css only loads on mpblog_* handles)
   ============================================================ */
:root { --rmb-teal:#0d9488; --rmb-tealdark:#0a7870; --rmb-ink:#0f172a; --rmb-text:#374151; --rmb-muted:#6b7280; --rmb-border:#e7eaee; }

/* --- 2-column layout: content left, sidebar right --- */
.column.main { order: 1; min-width: 0; }
.sidebar-main { order: 2; }
@media (min-width: 1024px) {
  .columns { display: flex; align-items: flex-start; gap: 2.5rem; }
  .column.main { flex: 1 1 auto; }
  .sidebar-main { flex: 0 0 320px; position: sticky; top: 1.5rem; }
}
.mp-blog-view { max-width: 100%; }

/* --- Listing: post cards --- */
.post-list-body { display: block; }
.post-list-item {
  background:#fff; border:1px solid var(--rmb-border); border-radius:18px;
  box-shadow:0 1px 3px rgba(16,24,40,.06); padding:26px 30px; margin:0 0 22px;
  transition: box-shadow .2s ease, transform .2s ease;
}
.post-list-item:hover { box-shadow:0 16px 36px -14px rgba(13,148,136,.28); transform: translateY(-2px); }
.post-list-item .mp-post-title { margin:0 0 6px; font-size:1.4rem; font-weight:800; line-height:1.25; letter-spacing:-.01em; }
.post-list-item .mp-post-title .post-link-title, .post-list-item .post-link-title { color:var(--rmb-ink); text-decoration:none; }
.post-list-item .post-link-title:hover { color:var(--rmb-teal); }
.post-list-item .mp-post-info, .post-list-item .mp-info, .post-list-item .mp-post-meta-info { color:#9ca3af; font-size:.85rem; text-decoration:none; }
.post-list-item .mp-info:hover { color:var(--rmb-teal); }
.post-list-item .post-short-description { color:var(--rmb-text); line-height:1.75; margin:.7rem 0 1.1rem; }
.post-list-item .actions { margin-top: .3rem; }
.post-list-item .mp-read-more {
  display:inline-flex; align-items:center; gap:6px; background:var(--rmb-teal); color:#fff !important;
  padding:9px 20px; border-radius:999px; font-weight:700; font-size:.9rem; text-decoration:none; border:0;
}
.post-list-item .mp-read-more:hover { background:var(--rmb-tealdark); }
.post-list-item .mp-post-image img, .post-list-item .post-image img { width:100%; height:auto; border-radius:12px; margin-bottom:1rem; object-fit:cover; }
.mp-clearfix::after, .mp-clear { clear: both; }

/* toolbar (Show / item count) */
.mp-blog-view .toolbar, .mp-blog-view .pages, .amount, .field.limiter { color: var(--rmb-muted); font-size:.9rem; }

/* --- Sidebar --- */
.sidebar-main .block-title, .sidebar-main .block-mp-sidebar-heading,
.mp-sidebar > strong, .mpblog-search > strong, .sidebar-main [class*="heading"] > strong {
  font-weight:800; color:var(--rmb-ink); font-size:1.05rem; margin:0 0 .7rem; display:block;
}
.mp-sidebar { background:#fff; border:1px solid var(--rmb-border); border-radius:16px; padding:18px 20px; margin-bottom:20px; box-shadow:0 1px 3px rgba(16,24,40,.05); }
.mpblog-search input.input-text { width:100%; border:1px solid var(--rmb-border); border-radius:10px; padding:11px 14px; font-size:.95rem; }
.mpblog-search .actions button, .mpblog-search .action.search { color:var(--rmb-teal); }

/* Popular / Latest post rows -> small thumbnail + title */
.list-post-tabs { display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-bottom:1px solid #f3f4f6; }
.list-post-tabs:last-child { border-bottom:0; }
.list-post-tabs .post-left { flex:0 0 62px; }
.list-post-tabs .post-left img { width:62px; height:62px; object-fit:cover; border-radius:10px; background:#f3f4f6; }
.list-post-tabs .post-right { flex:1 1 auto; min-width:0; }
.list-post-tabs .post-right a { color:var(--rmb-ink); font-weight:600; font-size:.9rem; line-height:1.35; text-decoration:none; display:inline-block; }
.list-post-tabs .post-right a:hover { color:var(--rmb-teal); }
.list-post-tabs .post-right .mp-info, .list-post-tabs .post-right time { color:#9ca3af; font-size:.78rem; }

/* Archive + generic sidebar lists */
.sidebar-archives li, .sidebar-main ol li, .sidebar-main ul li { color:var(--rmb-text); padding:5px 0; }
.sidebar-archives a, .sidebar-main a { color:var(--rmb-text); text-decoration:none; }
.sidebar-archives a:hover, .sidebar-main a:hover { color:var(--rmb-teal); }

/* constrain every blog image (kills giant placeholders) */
.mp-blog-view img, .sidebar-main img, .post-view img { max-width:100%; height:auto; }

/* hide the Mageplaza credit + empty RSS clutter */
.mp-blog-view [class*="copyright"], .mp-blog-copyright, .mp-blog-view .mp-powered, .powered-by-mageplaza { display:none !important; }

/* mobile: sidebar below content, tidy spacing */
@media (max-width: 1023px) {
  .sidebar-main { margin-top: 2rem; }
}

/* hide Mageplaza credit footer */
.mp-footer, .mp-footer-links-light { display: none !important; }

/* ==========================================================================
   Sidebar v2: search card, Popular/Latest tab bar, RSS pill
   ========================================================================== */

/* --- RSS: bare orange icon -> quiet pill, right aligned above the list --- */
.mp-blog-rss { display: flex; justify-content: flex-end; margin: 0 0 14px; }
.mp-blog-rss .bb-rss-icon {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 14px; border: 1px solid var(--rmb-border); border-radius: 999px;
  background: #fff; color: var(--rmb-muted); font-size: .78rem; font-weight: 600;
  line-height: 1; text-decoration: none; transition: color .15s ease, border-color .15s ease;
}
.mp-blog-rss .bb-rss-icon::after { content: "RSS feed"; }
.mp-blog-rss .bb-rss-icon img { width: 14px; height: 14px; margin: 0; }
.mp-blog-rss .bb-rss-icon:hover { color: var(--rmb-teal); border-color: var(--rmb-teal); }

/* --- Search: same white card as the other sidebar blocks --- */
.mpblog-search {
  position: relative; background: #fff; border: 1px solid var(--rmb-border);
  border-radius: 16px; padding: 18px 20px; margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, .05);
}
.mpblog-search .field.search { margin: 0; }
.mpblog-search .label span, .mpblog-search label.label {
  display: block; font-weight: 800; color: var(--rmb-ink); font-size: 1.05rem; margin: 0 0 .7rem;
}
.mpblog-search .control { position: relative; }
.mpblog-search input.input-text {
  width: 100%; border: 1px solid var(--rmb-border); border-radius: 10px;
  padding: 11px 42px 11px 14px; font-size: .95rem; background: #fff; color: var(--rmb-ink);
}
.mpblog-search input.input-text:focus {
  outline: none; border-color: var(--rmb-teal); box-shadow: 0 0 0 3px rgba(13, 148, 136, .12);
}
/* pull the search button up so it sits inside the input, vertically centred */
.mpblog-search .actions {
  position: relative; z-index: 1; height: 44px; margin: -44px 0 0;
  display: flex; align-items: center; justify-content: flex-end; padding-right: 14px;
  pointer-events: none;
}
.mpblog-search .actions button.action.search { pointer-events: auto; }
.mpblog-search .actions button.action.search {
  display: flex; align-items: center; justify-content: center;
  background: none; border: 0; padding: 0; cursor: pointer; color: var(--rmb-muted);
}
.mpblog-search .actions button.action.search:hover { color: var(--rmb-teal); }
/* autocomplete dropdown: text rows, no placeholder images */
.mpblog-search .autocomplete-suggestions {
  background: #fff; border: 1px solid var(--rmb-border); border-radius: 12px; margin-top: 6px;
  box-shadow: 0 12px 28px -10px rgba(16, 24, 40, .18); overflow: hidden; padding: 4px 0;
  max-height: 380px; overflow-y: auto;
}
.mpblog-search .autocomplete-suggestion {
  display: block; padding: 0; border: 0; border-bottom: 1px solid #f3f4f6;
}
.mpblog-search .autocomplete-suggestion:last-child { border-bottom: 0; }
.mpblog-search .autocomplete-suggestion:hover { background: #f0fdfa; }
.mpblog-search .mpblog-suggestion { display: block; padding: 12px 16px; }
.mpblog-search .mpblog-suggestion-left { display: none; }
.mpblog-search .mpblog-suggestion-right { display: block; width: 100%; }
.mpblog-search .mpblog-product-name {
  color: var(--rmb-ink); font-weight: 600; font-size: .9rem; line-height: 1.35; margin: 0 0 3px;
}
.mpblog-search .mpblog-short-des {
  color: var(--rmb-muted); font-size: .8rem; line-height: 1.5; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mpblog-search .autocomplete-suggestion.cursor-pointer { cursor: pointer; }

/* --- Popular / Latest: real tab bar (titles on one row, panel below) --- */
.mp-sidebar .product.data.items {
  display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; list-style: none;
}
.mp-sidebar .data.item.title {
  order: 1; min-width: 0; margin: 0; border: 0; background: none;
}
.mp-sidebar .data.item.content {
  order: 2; grid-column: 1 / -1; width: auto; margin: 0; padding: 4px 0 0; border: 0; background: none;
}
.mp-sidebar .data.item.title > a.data.switch {
  display: block; padding: 10px 6px 12px; text-align: center; text-decoration: none;
  font-weight: 700; font-size: .9rem; color: var(--rmb-muted); cursor: pointer;
  border-bottom: 2px solid var(--rmb-border);
  transition: color .15s ease, border-color .15s ease;
}
.mp-sidebar .data.item.title > a.data.switch > div { text-align: center; }
.mp-sidebar .data.item.title:hover > a.data.switch { color: var(--rmb-ink); }
.mp-sidebar .data.item.title.active > a.data.switch {
  color: var(--rmb-teal); border-bottom-color: var(--rmb-teal);
}

/* --- Popular / Latest rows: text only, no thumbnail --- */
.mp-sidebar .list-post-tabs {
  display: block; flex-wrap: nowrap; gap: 0;
  padding: 14px 0; border-bottom: 1px solid #f3f4f6;
}
.mp-sidebar .list-post-tabs:first-child { padding-top: 6px; }
.mp-sidebar .list-post-tabs:last-of-type { border-bottom: 0; padding-bottom: 4px; }
.mp-sidebar .list-post-tabs .post-left { display: none; }
.mp-sidebar .list-post-tabs .post-right { display: block; width: 100%; }
.mp-sidebar .list-post-tabs .post-right > a {
  display: block; color: var(--rmb-ink); font-weight: 600; font-size: .9rem;
  line-height: 1.4; text-decoration: none;
}
.mp-sidebar .list-post-tabs .post-right > a:hover { color: var(--rmb-teal); }
.mp-sidebar .list-post-tabs .post-right .create-at {
  display: block; margin-top: 5px; color: #9ca3af; font-size: .78rem;
}
.mp-sidebar .mp-clear { display: none; }

/* ==========================================================================
   Post page: article sits in the same white card as the listing
   ========================================================================== */

/* the RSS link belongs on the listing, not on a single post */
.mp-blog-view > .mp-blog-rss { display: none; }

.mp-blog-view .post-view {
  background: #fff; border: 1px solid var(--rmb-border); border-radius: 18px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, .06); padding: 38px 44px; margin: 0 0 24px;
}
.mp-blog-view .post-view .post-list-content,
.mp-blog-view .post-view .post-post_content,
.mp-blog-view .post-view .post-view-image { padding: 0; width: 100%; float: none; }
.mp-blog-view .post-view .post-view-image img { border-radius: 14px; margin-bottom: 1.5rem; }

/* post footer meta (date) under the article */
.mp-blog-view .post-view .mp-post-info {
  margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--rmb-border);
  color: var(--rmb-muted); font-size: .85rem;
}

/* post title: rendered by the template for posts whose body has no hero h1 */
.mp-blog-view .post-view .rm-post-title {
  font-size: 2.1rem; line-height: 1.2; font-weight: 800; letter-spacing: -.02em;
  color: var(--rmb-ink); margin: 0 0 1.4rem; padding: 0 0 1.2rem;
  border-bottom: 1px solid var(--rmb-border);
}
@media (max-width: 767px) {
  .mp-blog-view .post-view .rm-post-title { font-size: 1.6rem; margin-bottom: 1.1rem; padding-bottom: 1rem; }
}

/* Mageplaza wraps the footer date in two bare <hr>s */
.mp-blog-view .post-view hr { display: none; }
.mp-blog-view .post-view .mp-post-info span { display: inline-flex; align-items: center; gap: 6px; }
.mp-blog-view .post-view .mp-post-info i { display: none; }

/* Links: teal, no permanent underline (it was underlining the CTA buttons too) */
.rm-blog-article a {
  color: var(--rmb-teal); text-decoration: none; text-decoration-color: currentColor;
  font-weight: 600;
}
.rm-blog-article p > a:hover,
.rm-blog-article li > a:hover { text-decoration: underline; }
.rm-blog-article a:hover { color: var(--rmb-tealdark); }
.rm-blog-article .rm-btn,
.rm-blog-article .rm-btn:hover,
.rm-blog-article .rm-cta a,
.rm-blog-article .rm-cta a:hover { text-decoration: none; }

/* "You might also like" list: the links already carry an arrow, so drop the dots */
.rm-blog-article .rm-note ul,
.rm-blog-article .bg-brand-tealfade ul,
.rm-blog-article .rm-links ul {
  list-style: none; margin-left: 0; padding-left: 0;
}
.rm-blog-article .rm-note ul li,
.rm-blog-article .bg-brand-tealfade ul li,
.rm-blog-article .rm-links ul li { margin-bottom: .45rem; }

@media (max-width: 767px) {
  .mp-blog-view .post-view { padding: 22px 18px; border-radius: 14px; }
}

/* ==========================================================================
   Article components (used by the posts): lede, callout, table, CTA
   ========================================================================== */
.rm-blog-article .rm-lede {
  font-size: 1.12rem; line-height: 1.75; color: #374151; margin: 0 0 1.6rem;
}
.rm-blog-article .rm-note {
  background: #f0fdfa; border: 1px solid #99f6e4; border-left: 4px solid var(--rmb-teal);
  border-radius: 12px; padding: 18px 22px; margin: 1.8rem 0;
}
.rm-blog-article .rm-note > :first-child { margin-top: 0; }
.rm-blog-article .rm-note > :last-child { margin-bottom: 0; }
.rm-blog-article .rm-note strong { color: var(--rmb-tealdark); }

.rm-blog-article .rm-table-wrap { overflow-x: auto; margin: 1.8rem 0; }
.rm-blog-article table {
  width: 100%; border-collapse: collapse; font-size: .95rem;
  border: 1px solid var(--rmb-border); border-radius: 12px; overflow: hidden;
}
.rm-blog-article thead th {
  background: #f0fdfa; color: var(--rmb-tealdark); font-weight: 700; text-align: left;
  padding: 12px 16px; border-bottom: 1px solid var(--rmb-border); white-space: nowrap;
}
.rm-blog-article tbody td {
  padding: 12px 16px; border-bottom: 1px solid #f3f4f6; color: var(--rmb-text); vertical-align: top;
}
.rm-blog-article tbody tr:last-child td { border-bottom: 0; }
.rm-blog-article tbody th {
  padding: 12px 16px; text-align: left; font-weight: 600; color: var(--rmb-ink);
  border-bottom: 1px solid #f3f4f6;
}

.rm-blog-article .rm-cta {
  background: linear-gradient(135deg, var(--rmb-teal), var(--rmb-tealdark));
  color: #fff; border-radius: 16px; padding: 30px 34px; margin: 2.2rem 0 .5rem;
}
.rm-blog-article .rm-cta h2, .rm-blog-article .rm-cta h3 {
  color: #fff; margin: 0 0 .6rem; border: 0; padding: 0;
}
.rm-blog-article .rm-cta p { color: rgba(255, 255, 255, .92); margin: 0 0 1.2rem; }
.rm-blog-article .rm-btn {
  display: inline-flex; align-items: center; gap: 8px; background: #fff;
  color: var(--rmb-tealdark) !important; font-weight: 700; text-decoration: none;
  padding: 12px 24px; border-radius: 999px;
}
.rm-blog-article .rm-btn:hover { background: #f0fdfa; color: var(--rmb-tealdark) !important; }

@media (max-width: 767px) {
  .rm-blog-article .rm-cta { padding: 22px 20px; }
  .rm-blog-article .rm-note { padding: 16px 18px; }
}