/* ============================================================
   RedMinds Blog Template — Modern
   Scoped styles: .redms-blog
   ============================================================ */

.redms-bleed{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
  
}

.redms-blog{
  --redms-accent:#b44f47;
  --redms-ink:#0f172a;
  --redms-muted:#64748b;
  --redms-border:rgba(2,6,23,.12);
  --redms-card:#ffffff;
  --redms-bg:#ffffff;
  --redms-soft:#f5f7fb;
  --redms-shadow:0 14px 34px rgba(2,6,23,.10);
  --redms-shadow2:0 18px 44px rgba(2,6,23,.14);

  background:var(--redms-bg);
  color:var(--redms-ink);
  padding:36px 0 64px;
}

.redms-blog *,
.redms-blog *::before,
.redms-blog *::after{ box-sizing:border-box; }

.redms-blog__container{
  width:min(var(--redms-blog-max, 1240px), calc(100% - var(--redms-blog-gutter, 32px)));
  margin:0 auto;
}


/* Elementor custom header content area */
.redms-blog-pagehead{ margin:0 0 24px; }
.redms-blog-pagehead:empty{ display:none; }

/* Basic typography inside page header */
.redms-blog-pagehead h1,
.redms-blog-pagehead h2,
.redms-blog-pagehead h3{ color:var(--redms-ink); }
.redms-blog-pagehead p{ color:var(--redms-muted); }

/* ------------------------------
   Featured hero
------------------------------ */
.redms-blog-hero{ position:relative; border-radius:22px; overflow:hidden; box-shadow:var(--redms-shadow); margin:0 0 22px; }
.redms-blog-hero__link{ display:block; text-decoration:none; color:inherit; }
.redms-blog-hero__media{ position:absolute; inset:0; background:center/cover no-repeat; transform:scale(1.02); transition:transform .55s ease; }
.redms-blog-hero__overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(2,6,23,.10), rgba(2,6,23,.78)); }
.redms-blog-hero__content{ position:relative; padding:40px 34px; min-height:320px; display:flex; flex-direction:column; justify-content:flex-end; gap:12px; }
.redms-blog-hero:hover .redms-blog-hero__media{ transform:scale(1.06); }

.redms-blog-hero__badges{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.redms-blog-badge{ display:inline-flex; align-items:center; gap:8px; font-weight:900; font-size:12px; letter-spacing:.2px; padding:8px 12px; border-radius:999px; }
.redms-blog-badge.is-accent{ background:var(--redms-accent); color:#fff; }
.redms-blog-badge.is-ghost{ background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); color:#fff; }

.redms-blog-hero__title{ margin:0; color:#fff; font-weight:950; letter-spacing:-.3px; line-height:1.12; font-size:42px; max-width:24ch; text-shadow:0 18px 40px rgba(0,0,0,.35); }

.redms-blog-hero__meta{ display:flex; flex-wrap:wrap; gap:12px 16px; align-items:center; color:rgba(255,255,255,.92); font-weight:700; font-size:13px; }
.redms-blog-meta{ display:inline-flex; align-items:center; gap:8px; }
.redms-blog-meta__dot{ width:6px; height:6px; border-radius:999px; background:rgba(255,255,255,.75); display:inline-block; }
.redms-blog-hero__cta{ margin-left:auto; font-weight:950; color:#fff; display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); }

/* ------------------------------
   Category chips
------------------------------ */
.redms-blog-chips{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 22px; align-items:center; justify-content:flex-start; }
.redms-blog-chip{
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none;
  padding:11px 14px;
  border-radius:999px;
  border:1px solid var(--redms-border);
  background:#fff;
  color:var(--redms-ink);
  font-weight:900;
  font-size:13px;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.redms-blog-chip:hover{ transform:translateY(-2px); border-color:rgba(180,79,71,.40); background:rgba(180,79,71,.08); }
.redms-blog-chip.is-active{ background:var(--redms-accent); border-color:var(--redms-accent); color:#fff; }

/* ------------------------------
   Main layout
------------------------------ */
.redms-blog-layout{
  display:grid;
  grid-template-columns: 1fr 360px;
  gap:22px;
  align-items:start;
}
@media (max-width: 1024px){
  .redms-blog-layout{ grid-template-columns:1fr; }
}

/* ------------------------------
   Posts grid
------------------------------ */
.redms-blog-grid{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:18px; }
@media (max-width: 700px){
  .redms-blog-grid{ grid-template-columns:1fr; }
  .redms-blog-hero__title{ font-size:32px; }
  .redms-blog-hero__content{ padding:28px 18px; min-height:280px; }
}

.redms-blog-card{
  background:var(--redms-card);
  border:1px solid var(--redms-border);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(2,6,23,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.redms-blog-card:hover{ transform:translateY(-6px); box-shadow:var(--redms-shadow2); border-color:rgba(180,79,71,.28); }

.redms-blog-card__media{ display:block; position:relative; aspect-ratio: 16/10; overflow:hidden; background:var(--redms-soft); }
.redms-blog-card__media img{ width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.02); transition:transform .55s ease; }
.redms-blog-card:hover .redms-blog-card__media img{ transform:scale(1.07); }
.redms-blog-card__ph{ position:absolute; inset:0; background:repeating-linear-gradient(135deg,#e5e7eb,#e5e7eb 12px,#f3f4f6 12px,#f3f4f6 24px); }

.redms-blog-card__body{ padding:16px 16px 18px; }
.redms-blog-card__top{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 10px; }
.redms-blog-card__cat{ font-weight:950; font-size:12px; color:var(--redms-accent); }
.redms-blog-card__read{ font-weight:800; font-size:12px; color:var(--redms-muted); }

.redms-blog-card__title{ margin:0 0 8px; font-size:18px; line-height:1.25; letter-spacing:-.2px; }
.redms-blog-card__title a{ color:var(--redms-ink); text-decoration:none; font-weight:950; }
.redms-blog-card__title a:hover{ color:var(--redms-accent); }

.redms-blog-card__excerpt{ margin:0 0 12px; color:var(--redms-muted); line-height:1.55; font-size:13px; }

.redms-blog-card__bottom{ display:flex; align-items:center; gap:10px; color:var(--redms-muted); font-weight:800; font-size:12px; }
.redms-blog-avatar{ width:26px; height:26px; border-radius:999px; background:linear-gradient(135deg, rgba(180,79,71,.18), rgba(15,23,42,.06)); border:1px solid rgba(2,6,23,.10); }
.redms-blog-card__author{ color:var(--redms-ink); font-weight:900; }

/* Load more */
.redms-blog-more{ display:flex; justify-content:center; margin:22px 0 0; }
.redms-blog-more__btn{
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid rgba(180,79,71,.35);
  background:rgba(180,79,71,.10);
  color:var(--redms-ink);
  font-weight:950;
}
.redms-blog-more__btn:hover{ background:rgba(180,79,71,.16); }

.redms-blog-empty{ padding:22px; border:1px dashed var(--redms-border); border-radius:16px; color:var(--redms-muted); background:rgba(2,6,23,.02); }

/* ------------------------------
   Sidebar
------------------------------ */
.redms-blog-side{
  position:sticky;
  top:18px;
  display:flex;
  flex-direction:column;
  gap:16px;
}
@media (max-width: 1024px){
  .redms-blog-side{ position:static; }
}

.redms-blog-side__box{
  background:#fff;
  border:1px solid var(--redms-border);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 24px rgba(2,6,23,.05);
}
.redms-blog-side__box--dark{
  background:linear-gradient(180deg, rgba(15,23,42,.96), rgba(15,23,42,.88));
  color:#fff;
  border-color:rgba(255,255,255,.12);
}

.redms-blog-side__title{ margin:0 0 10px; font-size:16px; font-weight:950; letter-spacing:-.2px; }
.redms-blog-side__box--dark .redms-blog-side__title{ color:#fff; }

.redms-blog-side__text{ margin:0 0 12px; color:var(--redms-muted); font-size:13px; line-height:1.55; }
.redms-blog-side__box--dark .redms-blog-side__text{ color:rgba(255,255,255,.86); }

/* Search */
.redms-blog-search{ display:flex; gap:10px; }
.redms-blog-search input{
  flex:1;
  border:1px solid var(--redms-border);
  border-radius:12px;
  padding:12px 12px;
  font-weight:700;
  outline:none;
}
.redms-blog-search button{
  border:1px solid rgba(180,79,71,.35);
  background:rgba(180,79,71,.10);
  border-radius:12px;
  padding:0 14px;
  font-weight:950;
  cursor:pointer;
}

/* Newsletter */
.redms-blog-news{ display:flex; flex-direction:column; gap:10px; }
.redms-blog-news input{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:12px;
  padding:12px 12px;
  outline:none;
}
.redms-blog-news input::placeholder{ color:rgba(255,255,255,.70); }
.redms-blog-news button{
  border:0;
  background:var(--redms-accent);
  color:#fff;
  border-radius:12px;
  padding:12px 12px;
  font-weight:950;
  cursor:pointer;
}
.redms-blog-side__fine{ margin:10px 0 0; font-size:12px; color:rgba(255,255,255,.72); }

/* Popular */
.redms-blog-pop{ display:flex; flex-direction:column; gap:12px; }
.redms-blog-pop__item{ display:flex; gap:12px; text-decoration:none; color:inherit; }
.redms-blog-pop__thumb{ width:56px; height:56px; border-radius:14px; background:center/cover no-repeat; border:1px solid var(--redms-border); background-color:var(--redms-soft); flex:0 0 auto; }
.redms-blog-pop__cat{ font-size:11px; font-weight:950; color:var(--redms-accent); }
.redms-blog-pop__t{ font-size:13px; font-weight:900; line-height:1.35; color:var(--redms-ink); }

/* CTA */
.redms-blog-cta{ background:linear-gradient(180deg, rgba(180,79,71,.10), rgba(2,6,23,.02)); }
.redms-blog-cta__icon{ width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:rgba(180,79,71,.18); border:1px solid rgba(180,79,71,.25); margin:0 0 10px; }
.redms-blog-cta__btn{
  display:inline-flex; text-decoration:none; font-weight:950;
  padding:12px 14px; border-radius:12px;
  background:var(--redms-accent); color:#fff;
}

.redms-blog-credit{ font-size:12px; color:var(--redms-muted); padding:0 4px; }
.redms-blog-credit a{ color:var(--redms-accent); font-weight:950; text-decoration:none; }