/* ══════════════════════════════
   Blog / Actualités — prefix: nw-
   Root: #redia-news
   ══════════════════════════════ */

#redia-news { background: #ffffff; font-family: 'Urbanist', sans-serif; }
#redia-news h1, #redia-news h2, #redia-news h3,
#redia-news h4, #redia-news h5, #redia-news h6 { font-family: 'Urbanist', sans-serif; color: #121c27; margin: 0; padding: 0; }
#redia-news p { margin: 0; color: #4b535d; }
#redia-news a { text-decoration: none; transition: all .3s ease; }

/* grid section */
.nw-grid-section { background: #f5f5f5; padding: 100px 0; }
.nw-section-header { margin-bottom: 60px; }
.nw-section-label {
  display: inline-flex; align-items: center; gap: 14px;
  font-size: 10px; font-weight: 800; text-transform: uppercase;
  letter-spacing: 3px; color: #4b535d; margin-bottom: 18px;
}
.nw-section-label::before, .nw-section-label::after {
  content: ''; display: inline-block; width: 30px; height: 1px; background: rgba(18,28,39,.30);
}
.nw-section-header h2 { font-size: clamp(28px,3.5vw,46px); font-weight: 600; color: #121c27; letter-spacing: -0.8px; line-height: 1.15; }

/* card — mirrors homepage .s-blog__item design */
.nw-card {
  position: relative; z-index: 1;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.10);
  overflow: hidden;
  display: flex; flex-direction: column; height: 100%;
  transition: border-color .35s ease;
}
/* decorative shape — fades in on hover (CSS-only, no extra HTML needed) */
.nw-card::before {
  content: '';
  position: absolute; top: 0; left: 50%;
  transform: translateX(-50%);
  width: 90%; height: 100%;
  background: url('../../images/shapes/feature-shape.png') top center/100% auto no-repeat;
  pointer-events: none;
  opacity: 0; visibility: hidden;
  transition: opacity .4s ease, visibility .4s ease;
  z-index: -1;
}
.nw-card:hover { border-color: rgba(0,0,0,.20); }
.nw-card:hover::before { opacity: 1; visibility: visible; }

.nw-card__img { position: relative; overflow: hidden; flex-shrink: 0; height: 240px; }
.nw-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.nw-card:hover .nw-card__img img { transform: scale(1.08); }

.nw-card__cat {
  position: absolute; top: 18px; left: 18px;
  font-family: 'Mulish', sans-serif; font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 1.5px; color: #ffffff;
  background: #121c27; padding: 5px 14px;
  z-index: 2; pointer-events: none;
}

.nw-card__body { padding: 28px 26px 30px; display: flex; flex-direction: column; flex: 1; }
.nw-card__date {
  font-family: 'Mulish', sans-serif; font-size: 13px; font-weight: 600;
  color: #121c27; margin-bottom: 14px;
  display: inline-flex; align-items: center; gap: 8px;
}
.nw-card__date::before {
  content: ''; display: inline-block;
  width: 20px; height: 1px; background: #121c27;
}

.nw-card__body h4 {
  font-size: 22px; font-weight: 600; line-height: 1.35; margin-bottom: 14px;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.nw-card__body h4 a { color: #121c27; transition: color .3s; }
.nw-card__body h4 a:hover { color: #121c27; opacity: .85; }

.nw-card__excerpt {
  font-size: 15px; line-height: 1.75; color: #4b535d;
  font-family: 'Mulish', sans-serif; flex: 1; margin-bottom: 4px;
}

/* readmore — identical to homepage .s-proj-readmore / .s-blog-readmore */
.nw-card__link {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: 'Urbanist', sans-serif; font-size: 14px; font-weight: 600;
  color: #121c27; align-self: flex-start; margin-top: 18px;
  transition: color .35s ease, gap .35s ease;
}
.nw-card__link i { font-size: 12px; transition: transform .4s ease; }
.nw-card__link:hover { color: #121c27; gap: 14px; }
.nw-card__link:hover i { transform: rotate(45deg); }
.nw-grid-section .row { --bs-gutter-y: 28px; }

/* newsletter CTA */
.nw-newsletter { background: #f5f5f5; padding: 80px 0; }
.nw-newsletter__inner { display: flex; flex-direction: column; align-items: center; text-align: center; }
.nw-newsletter h2 { font-size: clamp(24px,3vw,40px); font-weight: 700; color: #121c27; letter-spacing: -0.6px; line-height: 1.2; margin-bottom: 14px; }
.nw-newsletter__sub { font-size: 15px; color: #4b535d; font-family: 'Mulish', sans-serif; margin-bottom: 38px; max-width: 460px; line-height: 1.7; }
.nw-nl-form { display: flex; align-items: stretch; max-width: 520px; width: 100%; position: relative; }
.nw-nl-form__icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: rgba(18,28,39,.35); font-size: 14px; pointer-events: none; z-index: 1; }
.nw-nl-form input[type="email"] {
  flex: 1; background: #ffffff; border: 1px solid rgba(18,28,39,.15); border-right: none;
  outline: none; padding: 16px 18px 16px 46px;
  font-family: 'Urbanist', sans-serif; font-size: 14px; color: #121c27;
  transition: border-color .3s, box-shadow .3s;
}
.nw-nl-form input[type="email"]::placeholder { color: rgba(18,28,39,.35); }
.nw-nl-form input[type="email"]:focus { border-color: #121c27; box-shadow: inset 0 0 0 1px rgba(18,28,39,.08); }
.nw-nl-form button {
  background: #121c27; color: #ffffff; border: 1px solid #121c27;
  padding: 14px 28px; font-family: 'Urbanist', sans-serif; font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 2px; cursor: pointer;
  transition: all .35s ease; white-space: nowrap; flex-shrink: 0;
}
.nw-nl-form button:hover { background: transparent; color: #121c27; }
@media (max-width: 767px) { .nw-nl-form { flex-direction: column; } .nw-nl-form input[type="email"] { border-right: 1px solid rgba(18,28,39,.15); border-bottom: none; } }