/* Didgah Kish 1.1.1 — rounded local-service panels and photographic shell.
   Images are shipped with the theme and already blurred at build time.
   This stylesheet is loaded AFTER the existing editorial design. */

/* Match the actual neighboring module radius AND clip the dark inner bars.
   In the v2 layout these cards are direct children of .dkv-service-grid,
   not children of .dkh-services-stack as in the previous homepage. */
body.dkg-newsroom .dkv-service-grid > :is(.dkh-weather-card, .dkh-prayer-card) {
  min-width: 0;
  overflow: hidden;
  border-radius: var(--dkv-radius, 11px);
  isolation: isolate;
  background-color: #fff;
  box-shadow: 0 4px 17px rgb(4 37 77 / 5%);
}

/* Masthead: a softened Kish seafront beneath a milky, text-safe overlay. */
.dkv-header .dkv-masthead {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #f3f9fd;
  background-image: none;
}
.dkv-header .dkv-masthead::before,
.dkv-header .dkv-masthead::after {
  content: '';
  position: absolute;
  pointer-events: none;
  inset: 0;
}
.dkv-header .dkv-masthead::before {
  inset: -12px;
  background: url('../images/kish-header-haze.webp') center 48% / cover no-repeat;
  opacity: .98;
  transform: scale(1.025);
}
.dkv-header .dkv-masthead::after {
  background: linear-gradient(110deg,
    rgb(247 251 255 / 79%) 0%,
    rgb(249 252 255 / 61%) 30%,
    rgb(244 250 255 / 69%) 61%,
    rgb(245 250 254 / 80%) 100%);
}
.dkv-header .dkv-masthead > .dkv-masthead-inner {
  position: relative;
  z-index: 1;
}

/* Footer: warm palm silhouettes subtly visible below the midnight-blue layer. */
.dkv-footer {
  isolation: isolate;
}
.dkv-footer::before {
  content: '';
  position: absolute;
  inset: -12px;
  background: url('../images/kish-footer-haze.webp') center 54% / cover no-repeat;
  opacity: .96;
  transform: scale(1.025);
  pointer-events: none;
}
.dkv-footer::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg,
    rgb(4 21 42 / 76%) 0%,
    rgb(6 31 58 / 61%) 46%,
    rgb(4 26 50 / 73%) 100%);
  pointer-events: none;
}
.dkv-footer > :is(.dkv-footer-grid, .dkv-footer-bottom) {
  position: relative;
  z-index: 1;
}

/* Preserve the theme's intentionally light footer preset. */
.dkv-footer.dkv-footer-style_5::before { opacity: .34; }
.dkv-footer.dkv-footer-style_5::after {
  background: linear-gradient(105deg,
    rgb(246 250 255 / 96%), rgb(241 248 254 / 88%) 52%, rgb(236 246 254 / 95%));
}

@media (max-width: 680px) {
  .dkv-header .dkv-masthead::before { background-position: 52% 50%; }
  .dkv-footer::before { background-position: 57% 52%; }
}

@media (prefers-reduced-motion: reduce) {
  .dkv-header .dkv-masthead::before,
  .dkv-footer::before { transform: none; }
}