/* Qoffa Smart — v14 glass copy treatment
   Let the supplied photography remain visible through the copy surface. */

body.index-page .banner-overlay::before,
body.index-page .banner-slide[data-index='1'] .banner-overlay::before,
body.index-page .banner-slide[data-index='2'] .banner-overlay::before {
  border-color: rgba(229, 191, 104, .80);
  background: rgba(18, 55, 38, .38) !important;
  color: #fff7d9;
  box-shadow: 0 8px 22px rgba(8, 30, 19, .12), inset 0 1px 0 rgba(255, 255, 255, .25);
  backdrop-filter: blur(8px) saturate(125%);
  -webkit-backdrop-filter: blur(8px) saturate(125%);
}

body.index-page .banner-overlay::after,
body.index-page .banner-slide[data-index='1'] .banner-overlay::after,
body.index-page .banner-slide[data-index='2'] .banner-overlay::after {
  background: linear-gradient(105deg, rgba(13, 51, 34, .42), rgba(21, 62, 43, .22)) !important;
  border-left-color: rgba(229, 191, 104, .86);
  color: #fffdf6;
  box-shadow: 0 14px 30px rgba(7, 32, 20, .13), inset 0 1px 0 rgba(255, 255, 255, .24);
  backdrop-filter: blur(7px) saturate(120%);
  -webkit-backdrop-filter: blur(7px) saturate(120%);
  text-shadow: 0 2px 9px rgba(0, 0, 0, .30);
}

@media (max-width: 820px) {
  body.index-page .banner-overlay::after,
  body.index-page .banner-slide[data-index='1'] .banner-overlay::after,
  body.index-page .banner-slide[data-index='2'] .banner-overlay::after {
    background: linear-gradient(105deg, rgba(13, 51, 34, .40), rgba(21, 62, 43, .18)) !important;
    border-left-color: rgba(229, 191, 104, .84);
    box-shadow: 0 12px 26px rgba(7, 32, 20, .11), inset 0 1px 0 rgba(255, 255, 255, .26);
    backdrop-filter: blur(5px) saturate(118%);
    -webkit-backdrop-filter: blur(5px) saturate(118%);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.index-page .banner-overlay::before,
  body.index-page .banner-overlay::after {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}