/* ============ RH Blog (Dark Blue, Premium) ============ */
.rh-blog.dark {
  --rh-bg: #0f2240;            /* page bg */
  --rh-panel: #142c4a;         /* section base */
  --rh-panel-2: #163459;       /* section gradient end */
  --rh-card: #163456;          /* card base */
  --rh-card-2: #1a3c66;        /* card gradient end */
  --rh-white: #ffffff;
  --rh-text: #cfe0ff;          /* body text */
  --rh-muted: #93a8c9;         /* meta */
  --rh-accent-1: #56adff;      /* btn gradient */
  --rh-accent-2: #8fd3ff;
  --rh-border: rgba(255,255,255,.12);
  --rh-border-2: rgba(255,255,255,.2);
  --rh-glow: rgba(86,173,255,.35);
  --rh-radius: 22px;
}
.rh-blog.dark { background: var(--rh-bg); color: var(--rh-text); }

/* -------- HERO -------- */
rh-blog.dark .rh-blog__kicker{
  color: var(--rh-white);
  font-weight: 800;
  line-height: 1.15;
  font-size: clamp(28px, 2vw + 18px, 44px);
  margin: 0 0 8px;
}

.rh-blog.dark .rh-blog__hero .container{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  border: 1px solid var(--rh-border);
  border-radius: 28px;
  padding: 36px 28px 28px;
}
.rh-blog.dark .rh-blog__title{
  color: var(--rh-white);
  font-weight: 800;
  line-height: 1.15;
  font-size: clamp(28px, 2vw + 18px, 44px);
  margin: 0 0 8px;
}
.rh-blog.dark .rh-blog__subtitle{
  color: var(--rh-text);
  opacity:.9;
  margin: 0 0 18px;
}

.rh-blog.dark .rh-blog__search input[type="search"]{
  flex:1; background:transparent; border:0; outline:0;
  color: var(--rh-white);
  padding:10px 12px;
}
.rh-blog.dark .btn.btn--primary{
  background: linear-gradient(180deg, var(--rh-accent-1), var(--rh-accent-2));
  color:#091427; border:0; font-weight:800;
  border-radius:999px; padding:10px 16px;
  box-shadow: 0 10px 24px -10px var(--rh-glow);
  transition: transform .18s ease, box-shadow .18s ease;
}
.rh-blog.dark .btn.btn--primary:hover{ transform: translateY(-1px); box-shadow:0 14px 28px -12px var(--rh-glow); }

/* filters */
.rh-blog.dark .rh-blog__filters{ margin-top:14px; display:flex; flex-wrap:wrap; gap:8px; }
.rh-blog.dark .rh-blog__filters .chip{
  padding:8px 12px; border-radius:999px; font-weight:700; text-decoration:none;
  color:var(--rh-white);
  border:1px solid var(--rh-border);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
}
.rh-blog.dark .rh-blog__filters .chip.is-active{
  border-color: var(--rh-border-2);
  background: linear-gradient(180deg, var(--rh-accent-1), var(--rh-accent-2));
  color:#0a182c;
}

/* -------- FEATURED CARD (HERO) -------- */
.rh-blog.dark .rh-blog__featured { margin-top: 28px; }
.rh-blog.dark .rh-blog__featured .container{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  border:1px solid var(--rh-border);
  border-radius: 28px; padding: 18px;
}

.rh-blog.dark .featured-card.is-hero{
  position: relative;
  border-radius: 22px; overflow: hidden;
}
.rh-blog.dark .featured-card.is-hero .featured-card__media{
  position: relative; display:block; height: clamp(360px, 46vw, 520px);
  border-radius: 18px; overflow: hidden;
}
.rh-blog.dark .featured-card.is-hero .featured-card__media img{
  width:100%; height:100%; object-fit:cover;
  transform: scale(1.02); transition: transform .45s ease;
}
.rh-blog.dark .featured-card.is-hero .featured-card__media::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(7,16,32,0) 0%,
                                      rgba(7,16,32,.25) 55%,
                                      rgba(7,16,32,.60) 100%);
}
.rh-blog.dark .featured-card.is-hero:hover .featured-card__media img{
  transform: scale(1.06);
}
/* badge */
.rh-blog.dark .featured-card__badge{
  position:absolute; top:18px; left:18px; z-index:2;
  padding:8px 12px; border-radius:999px;
  font-weight:800; font-size:.85rem; letter-spacing:.2px;
  color:#071020;
  background: linear-gradient(180deg,#56adff,#8fd3ff);
  box-shadow: 0 10px 22px -10px rgba(86,173,255,.45);
}
/* glass overlay body */
.rh-blog.dark .featured-card.is-hero .featured-card__body{
  position: absolute; left: clamp(16px, 3vw, 32px); right: clamp(16px, 3vw, 32px);
  bottom: clamp(16px, 3vw, 32px);
  z-index: 2;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 18px;
  padding: clamp(14px, 2vw, 22px);
  backdrop-filter: blur(8px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 22px 44px rgba(10,24,44,.5);
}
.rh-blog.dark .featured-card.is-hero .meta{ color:#93a8c9; display:flex; gap:10px; align-items:center; }
.rh-blog.dark .featured-card.is-hero .meta .dot{ width:4px; height:4px; border-radius:50%; background:#93a8c9; display:inline-block; }
.rh-blog.dark .featured-card.is-hero .featured-card__title a{
  color:#fff; text-decoration:none;
  font-weight: 900; line-height:1.15;
  font-size: clamp(22px, 2.2vw + 14px, 38px);
}
.rh-blog.dark .featured-card.is-hero .featured-card__excerpt{
  color:#cfe0ff; margin: 8px 0 14px;
  font-size: clamp(14px, .5vw + 12px, 16px);
}
.rh-blog.dark .featured-card.is-hero .btn.btn--ghost{
  border: 0;
  color:#071020; font-weight: 800;
  padding: 12px 16px; border-radius: 999px;
  background: linear-gradient(180deg,#56adff,#8fd3ff);
  box-shadow: 0 12px 26px -12px rgba(86,173,255,.55);
  transition: transform .18s ease, box-shadow .18s ease;
}
.rh-blog.dark .featured-card.is-hero .btn.btn--ghost:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 32px -12px rgba(86,173,255,.6);
}
@media (max-width: 720px){
  .rh-blog.dark .featured-card.is-hero .featured-card__body{
    position: static; margin-top: 12px; backdrop-filter:none;
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  }
  .rh-blog.dark .featured-card__badge{ top:14px; left:14px; }
}

/* -------- GRID WRAPPER -------- */
.rh-blog.dark .rh-blog__grid .container{
  margin-top:26px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.00));
  border:1px solid var(--rh-border);
  border-radius: 28px; padding: 24px;
}
.rh-blog.dark .post-grid{ 
  display:grid; grid-template-columns: repeat(12, 1fr); gap:26px; row-gap:32px;
}
.rh-blog.dark .post-grid > .post-card{ grid-column: span 4; }
@media (max-width: 1100px){ .rh-blog.dark .post-grid > .post-card{ grid-column: span 6; } }
@media (max-width: 720px){ .rh-blog.dark .post-grid > .post-card{ grid-column: span 12; } }

/* -------- POST CARD -------- */
.rh-blog.dark .post-card{
  display:flex; flex-direction:column; height:100%;
  background: linear-gradient(180deg, var(--rh-card), var(--rh-card-2));
  border:1px solid var(--rh-border);
  border-radius: var(--rh-radius);
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 26px rgba(9,22,41,.45);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.rh-blog.dark .post-card:hover{
  transform: translateY(-6px);
  border-color: var(--rh-border-2);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 36px rgba(12,32,60,.55),
    0 0 0 1px rgba(143,211,255,.12);
}

.rh-blog.dark .post-card__media{
  position:relative; display:block; aspect-ratio: 16/9; overflow:hidden;
}
.rh-blog.dark .post-card__media img{ width:100%; height:100%; object-fit:cover; transform:scale(1.02); transition: transform .35s ease; display:block; }
.rh-blog.dark .post-card:hover .post-card__media img{ transform:scale(1.06); }
.rh-blog.dark .post-card__media:after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(6,17,32,0), rgba(6,17,32,.28) 68%, rgba(6,17,32,.46));
}

.rh-blog.dark .post-card__body{ padding:16px 18px 18px; display:flex; flex-direction:column; gap:8px; flex:1; }
.rh-blog.dark .post-card .meta{ color: var(--rh-muted); display:flex; align-items:center; gap:10px; font-size:.88rem; }
.rh-blog.dark .post-card .meta .dot{ width:4px; height:4px; background:var(--rh-muted); border-radius:50%; display:inline-block; }
.rh-blog.dark .meta__read{ color:#9fb3d3; }

.rh-blog.dark .post-card__title a{
  color: var(--rh-white);
  text-decoration:none;
  font-weight:800; line-height:1.25;
  font-size: clamp(18px, .6vw + 14px, 22px);
}
.rh-blog.dark .post-card__excerpt{ color: #b9cbea; margin:0; line-height:1.55; font-size:.95rem; }

/* grid CTAs = outline style (hero uses solid) */
.rh-blog.dark .text-link{
  margin-top:auto; align-self:flex-start;
  color:#9fd5ff; font-weight:800; text-decoration:none;
  border:1px solid rgba(159,213,255,.45);
  padding:10px 14px; border-radius:999px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.rh-blog.dark .text-link:hover{
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(159,213,255,.18), rgba(159,213,255,.10));
  color:#061120;
}

/* -------- Pagination -------- */
.rh-blog.dark .pagination{ margin-top:26px; display:flex; justify-content:center; }
.rh-blog.dark .pagination .page-numbers{
  color: var(--rh-white);
  border:1px solid var(--rh-border);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  padding:10px 12px; margin:0 6px; border-radius:12px; text-decoration:none;
}
.rh-blog.dark .pagination .page-numbers.current,
.rh-blog.dark .pagination .page-numbers:hover{
  border-color: var(--rh-border-2);
}

/* -------- No posts -------- */
.rh-blog.dark .no-posts{ color:var(--rh-white); opacity:.85; text-align:center; padding:20px 0; }
/* remove search spacing in hero */
.rh-blog.dark .rh-blog__hero .container{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  border: 1px solid var(--rh-border);
  border-radius: 28px;
  padding: 28px 28px 18px;
}

/* hide any old search styles safely (in case markup lingers) */
.rh-blog.dark .rh-blog__search{ display:none !important; }

/* filter chips sit closer to subtitle now */
.rh-blog.dark .rh-blog__filters{ margin-top: 6px; }

/* --- Footer CTA --- */
.rh-blog.dark .rh-blog__cta .container{
  margin-top: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid var(--rh-border);
  border-radius: 22px;
  padding: 26px;
  text-align: center;
}
.rh-blog.dark .rh-blog__cta .cta__inner h3{
  color: #fff; font-weight: 800; margin: 0 0 6px;
}
.rh-blog.dark .rh-blog__cta .cta__inner p{
  color: var(--rh-text); margin: 0 0 14px;
}
.rh-blog.dark .rh-blog__cta .cta__button{
  display: inline-block;
  background: linear-gradient(180deg, var(--rh-accent-1), var(--rh-accent-2));
  color:#061120; font-weight:800; text-decoration:none;
  padding: 12px 18px; border-radius: 999px;
  box-shadow: 0 12px 26px -12px var(--rh-glow);
  transition: transform .18s ease, box-shadow .18s ease;
}
.rh-blog.dark .rh-blog__cta .cta__button:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 32px -12px var(--rh-glow);
}