/* ============================================================
   RTC ABETIFI — BACKGROUND ENHANCEMENTS
   css/backgrounds.css
   ============================================================ */

/* ── STATS BAND: diagonal stripe overlay + angled bottom ─── */
.stats-band {
  position: relative;
}
.stats-band::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    -55deg,
    rgba(255,255,255,.055) 0, rgba(255,255,255,.055) 1px,
    transparent 1px, transparent 13px
  );
  pointer-events: none;
}
/* Diagonal bottom edge — site-wrapper overflow:hidden clips the protruding corners */
.stats-band::after {
  content: '';
  position: absolute;
  bottom: -18px; left: -4%; width: 108%; height: 36px;
  background: var(--blue-mid);
  transform: skewY(-1.1deg);
  transform-origin: right bottom;
  z-index: 2;
}

/* ── INTRO SECTION: dot grid ────────────────────────────── */
.intro-section {
  background-color: var(--off-white);
  background-image: radial-gradient(circle, rgba(26,61,110,.12) 1.5px, transparent 1.5px);
  background-size: 26px 26px;
  position: relative;
  z-index: 1;
  margin-top: -18px;
  padding-top: calc(64px + 18px);
}

/* ── DIRECTOR'S MESSAGE: dark navy + cross watermark ─────── */
.directors-message {
  background-color: #0d1f45;
  background-image:
    url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 0h6v48h-6zM0 21h48v6H0z' fill='%23ffffff' fill-opacity='0.035'/%3E%3C/svg%3E"),
    linear-gradient(150deg, #071529 0%, #1a3d6e 55%, #071529 100%);
  position: relative;
  overflow: hidden;
}
/* Gold radial glow — top right corner */
.directors-message::before {
  content: '';
  position: absolute;
  top: -120px; right: -120px;
  width: 560px; height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200,154,42,.12) 0%, transparent 60%);
  pointer-events: none;
}
/* Subtle blue glow — bottom left */
.directors-message::after {
  content: '';
  position: absolute;
  bottom: -80px; left: -80px;
  width: 360px; height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37,99,168,.45) 0%, transparent 65%);
  pointer-events: none;
}
/* Text colour overrides for dark background */
.directors-message .dm-section-head .sec-label { color: rgba(200,154,42,.9); }
.directors-message .dm-section-head .sec-title  { color: #ffffff; }

/* ── NEWS SECTION: faint 45° diagonal lines ─────────────── */
.news-section {
  background-color: #f8fafc;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(26,61,110,.028) 0, rgba(26,61,110,.028) 1px,
    transparent 1px, transparent 30px
  );
}

/* ── PROGRAMMES STRIP: cross watermark + gold centre glow ─── */
.prog-strip {
  position: relative;
  overflow: hidden;
}
.prog-strip::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 0h8v56h-8zM0 24h56v8H0z' fill='%23ffffff' fill-opacity='0.03'/%3E%3C/svg%3E");
  pointer-events: none;
}
.prog-strip::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 700px; height: 700px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(200,154,42,.09) 0%, transparent 60%);
  pointer-events: none;
}

/* ── NEWSLETTER: diagonal stripe + grain texture ─────────── */
.newsletter {
  position: relative;
  overflow: hidden;
}
/* Diagonal stripe layer */
.newsletter::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255,255,255,.05) 0, rgba(255,255,255,.05) 1px,
    transparent 1px, transparent 16px
  );
  pointer-events: none;
}
/* SVG fractal noise grain */
.newsletter::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");
  pointer-events: none;
  opacity: 0.45;
}

/* ── PAGE BANNERS: richer gradient + cross pattern + accent circles ─ */
.page-banner {
  background-color: #0d1f45;
  background-image:
    url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 0h6v48h-6zM0 21h48v6H0z' fill='%23ffffff' fill-opacity='0.04'/%3E%3C/svg%3E"),
    linear-gradient(135deg, #071529 0%, #1a3d6e 45%, #1e5aa8 100%);
  position: relative;
  overflow: hidden;
}
/* Small blue circle — bottom left */
.page-banner::before {
  content: '';
  position: absolute;
  left: -60px; bottom: -60px;
  width: 260px; height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(26,61,110,.55) 0%, transparent 70%);
  border: 1px solid rgba(255,255,255,.06);
  pointer-events: none;
}
/* Gold circle accent — top right */
.page-banner::after {
  content: '';
  position: absolute;
  right: -80px; top: -80px;
  width: 380px; height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200,154,42,.15) 0%, transparent 65%);
  border: 1px solid rgba(200,154,42,.13);
  pointer-events: none;
}

/* ── ANNIVERSARY HERO: enhanced gradient ────────────────────── */
.anniv-hero-overlay {
  background: linear-gradient(
    135deg,
    rgba(7,21,41,.92) 0%,
    rgba(26,61,110,.72) 55%,
    rgba(30,90,168,.45) 100%
  );
}

/* ── ADMIN / PAGE BODY SECTIONS ─────────────────────────────── */
.page-body {
  position: relative;
  background-color: #f8fafc;
  background-image: radial-gradient(circle, rgba(26,61,110,.07) 1px, transparent 1px);
  background-size: 32px 32px;
}