/* ════════════════════════════════════════════════
   07 — NAJDI PATTERN SYSTEM
   Sprite usage, dividers, watermarks
   ════════════════════════════════════════════════ */

/* Sprite SVG hidden globally */
.najdi-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

/* Divider band — between sections */
.najdi-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 56px 24px;
  position: relative;
}
.najdi-divider svg {
  width: 100%;
  max-width: 360px;
  height: 28px;
  color: var(--olive-gold);
  opacity: 0.85;
}

/* Crown band — full-width above footer */
.najdi-crown {
  width: 100%;
  padding: 32px 0;
  background: var(--maroon-deep);
  display: flex;
  align-items: center;
  justify-content: center;
}
.najdi-crown svg {
  width: 100%;
  max-width: 1100px;
  height: 36px;
  color: var(--olive-gold);
  opacity: 0.6;
}

/* Watermark — large faded background pattern */
.najdi-watermark {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0.06;
  overflow: hidden;
}
.najdi-watermark svg {
  width: 90%;
  height: 90%;
  color: var(--maroon);
}

/* Stat separator — vertical Najdi triangle pair */
.najdi-stat-sep {
  display: inline-flex;
  align-items: center;
  height: 60px;
  color: var(--olive-gold);
  opacity: 0.4;
}
.najdi-stat-sep svg {
  width: 12px;
  height: 60px;
}

@media (max-width: 768px) {
  .najdi-divider { padding: 18px 16px; }
  .najdi-divider svg { max-width: 240px; height: 18px; }
  .najdi-crown svg { height: 24px; }
}