/* 1) Overlay that dims the entire page */
.overlay {
    position  : fixed               ;        /* Stay in place */
    top       : 0                   ; 
    left      : 0                   ; 
    width     : 100vw               ;
    height    : 100vh               ;
    background: rgba(0, 0, 0, 0.7); /* Semi-transparent black */
    z-index   : 9999                ; /* On top of everything */
  }
  
  /* Hide the overlay by default */
  .hidden {
    display: none;
  }
  
  /* 2) Glow style for the highlighted element */
  .glow-highlight {
    position  : relative                         ; /* So that the pseudo-element is relative to this container */
    z-index   : 10000                            ;     /* Make sure it’s above the overlay or otherwise stands out */
    box-shadow: 0 0 15px 5px #ffcc00 !important; /* Glow effect */
    transition: box-shadow 0.3s ease-in-out      ;
  }