/* ===== SAAVISA SITE POLISH R79 ===== */

/* 1) Premium frost-glass treatment for homepage hero trust strip */
.hero .stats.glass,
.hero .glass.stats,
.hero [class~="stats"][class~="glass"] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: 11px 13px !important;

  background:
    radial-gradient(120% 180% at 0% 0%,
      rgba(255,255,255,.92) 0%,
      rgba(255,255,255,.50) 38%,
      transparent 66%),
    radial-gradient(110% 160% at 100% 100%,
      rgba(78,186,236,.16) 0%,
      rgba(78,186,236,.06) 45%,
      transparent 72%),
    linear-gradient(135deg,
      rgba(255,255,255,.62) 0%,
      rgba(245,251,255,.44) 52%,
      rgba(224,245,255,.34) 100%) !important;

  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 20px !important;

  box-shadow:
    0 18px 46px rgba(18,67,98,.14),
    0 3px 10px rgba(18,67,98,.055),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(48,150,202,.08) !important;

  backdrop-filter: blur(20px) saturate(1.36) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.36) !important;
}

.hero .stats.glass::before,
.hero .glass.stats::before,
.hero [class~="stats"][class~="glass"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;

  background:
    linear-gradient(110deg,
      rgba(255,255,255,.34) 0%,
      rgba(255,255,255,.08) 38%,
      transparent 62%),
    radial-gradient(50% 100% at 18% 0%,
      rgba(255,255,255,.36),
      transparent 72%) !important;

  opacity: .76 !important;
}

.hero .stats.glass .stat,
.hero .glass.stats .stat,
.hero [class~="stats"][class~="glass"] .stat {
  position: relative !important;
  z-index: 1 !important;
  min-height: 58px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.hero .stats.glass .stat + .stat,
.hero .glass.stats .stat + .stat,
.hero [class~="stats"][class~="glass"] .stat + .stat {
  border-left-color: rgba(25,103,145,.14) !important;
}

@media (max-width: 980px) {
  .hero .stats.glass,
  .hero .glass.stats,
  .hero [class~="stats"][class~="glass"] {
    padding: 9px 10px !important;
    border-radius: 18px !important;

    background:
      radial-gradient(120% 170% at 0% 0%,
        rgba(255,255,255,.94),
        rgba(255,255,255,.54) 42%,
        transparent 70%),
      linear-gradient(135deg,
        rgba(255,255,255,.74),
        rgba(231,248,255,.50)) !important;

    box-shadow:
      0 13px 32px rgba(17,55,86,.11),
      inset 0 1px 0 rgba(255,255,255,.94) !important;

    backdrop-filter: blur(17px) saturate(1.28) !important;
    -webkit-backdrop-filter: blur(17px) saturate(1.28) !important;
  }
}

/* 2) Universal foreground-only entry motion */
.saa-entry-foreground {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition:
    opacity 800ms cubic-bezier(.215,.61,.355,1),
    transform 800ms cubic-bezier(.215,.61,.355,1);
  will-change: opacity, transform;
}

.saa-entry-foreground.saa-entry-visible {
  opacity: 1;
  transform: translate3d(0,0,0);
}

/* Neutralize old section-level animation if stale classes remain. */
section.saa-entry-reveal,
.comm-section.saa-entry-reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  .saa-entry-foreground,
  .saa-entry-foreground.saa-entry-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}

.news-read-more--inactive {
  opacity: .58;
  pointer-events: none;
  cursor: default;
}

/* ===== SAAVISA SITE POLISH R80 ===== */
/* Revised semi-transparent glass for homepage hero trust strip */
.hero .stats.glass,
.hero .glass.stats,
.hero [class~="stats"][class~="glass"] {
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.24) 0%,
      rgba(255,255,255,.14) 52%,
      rgba(224,245,255,.10) 100%) !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  box-shadow:
    0 14px 36px rgba(18,67,98,.10),
    0 3px 10px rgba(18,67,98,.045),
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 0 -1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter: blur(18px) saturate(1.22) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.22) !important;
}

.hero .stats.glass::before,
.hero .glass.stats::before,
.hero [class~="stats"][class~="glass"]::before {
  background:
    linear-gradient(110deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.06) 38%,
      transparent 62%),
    radial-gradient(46% 92% at 18% 0%,
      rgba(255,255,255,.20),
      transparent 72%) !important;
  opacity: .72 !important;
}

.hero .stats.glass .stat + .stat,
.hero .glass.stats .stat + .stat,
.hero [class~="stats"][class~="glass"] .stat + .stat {
  border-left-color: rgba(255,255,255,.20) !important;
}

@media (max-width: 980px) {
  .hero .stats.glass,
  .hero .glass.stats,
  .hero [class~="stats"][class~="glass"] {
    background:
      linear-gradient(135deg,
        rgba(255,255,255,.28) 0%,
        rgba(255,255,255,.16) 100%) !important;
    border-color: rgba(255,255,255,.34) !important;
    box-shadow:
      0 12px 30px rgba(17,55,86,.09),
      inset 0 1px 0 rgba(255,255,255,.36) !important;
    backdrop-filter: blur(16px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.18) !important;
  }
}

/* ===== SAAVISA HERO TRUST GLASS R81 =====
   Semi-transparent frosted glass + restored dividers.
*/
.hero .stats.glass,
.hero .glass.stats,
.hero [class~="stats"][class~="glass"] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  /* True semi-transparent glass: hero artwork remains visible through it. */
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.30) 0%,
      rgba(247,252,255,.20) 48%,
      rgba(220,244,255,.16) 100%) !important;

  border: 1px solid rgba(255,255,255,.50) !important;

  box-shadow:
    0 16px 38px rgba(19,67,98,.11),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 0 rgba(106,190,229,.10) !important;

  backdrop-filter: blur(24px) saturate(1.30) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.30) !important;
}

/* Frost bloom / micro-texture. Kept deliberately subtle. */
.hero .stats.glass::before,
.hero .glass.stats::before,
.hero [class~="stats"][class~="glass"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background:
    linear-gradient(115deg,
      rgba(255,255,255,.28) 0%,
      rgba(255,255,255,.08) 38%,
      transparent 62%),
    radial-gradient(circle at 15% 18%,
      rgba(255,255,255,.30) 0%,
      rgba(255,255,255,.08) 24%,
      transparent 48%),
    radial-gradient(circle,
      rgba(255,255,255,.18) 0 1px,
      transparent 1.4px) !important;

  background-size: auto, auto, 9px 9px !important;
  opacity: .46 !important;
}

.hero .stats.glass .stat,
.hero .glass.stats .stat,
.hero [class~="stats"][class~="glass"] .stat {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* RESTORED DIVIDERS — desktop four-column strip. */
@media (min-width: 981px) {
  .hero .stats.glass .stat:not(:last-child)::after,
  .hero .glass.stats .stat:not(:last-child)::after,
  .hero [class~="stats"][class~="glass"] .stat:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    right: -1px !important;
    bottom: 8px !important;
    width: 1px !important;
    pointer-events: none !important;
    background: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(44,105,139,.16) 18%,
      rgba(44,105,139,.28) 50%,
      rgba(44,105,139,.16) 82%,
      transparent 100%
    ) !important;
  }
}

/* Tablet two-column layout: divider between each pair only. */
@media (min-width: 721px) and (max-width: 980px) {
  .hero .stats.glass .stat:nth-child(odd)::after,
  .hero .glass.stats .stat:nth-child(odd)::after,
  .hero [class~="stats"][class~="glass"] .stat:nth-child(odd)::after {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    right: -1px !important;
    bottom: 8px !important;
    width: 1px !important;
    background: rgba(44,105,139,.20) !important;
  }
}

/* Keep the existing compact mobile trust-strip divider behavior explicit. */
@media (max-width: 720px) {
  .hero .stats.glass,
  .hero .glass.stats,
  .hero [class~="stats"][class~="glass"] {
    background:
      linear-gradient(135deg,
        rgba(255,255,255,.34) 0%,
        rgba(238,250,255,.20) 100%) !important;
    border-color: rgba(255,255,255,.46) !important;
    backdrop-filter: blur(20px) saturate(1.24) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.24) !important;
  }

  .hero .stats.glass .stat:first-child,
  .hero .glass.stats .stat:first-child,
  .hero [class~="stats"][class~="glass"] .stat:first-child {
    border-right: 1px solid rgba(44,105,139,.20) !important;
  }
}
/* ===== SAAVISA HERO TRUST GLASS R81 END ===== */