/* Custom Cherished Creations golf outing popup — design image only */

html.atlas-golf-popup-open,
html.atlas-golf-popup-open body{
  overflow:hidden;
}

.atlas-golf-popup[hidden]{
  display:none !important;
}
.atlas-golf-popup.is-open{
  display:grid !important;
}

.atlas-golf-popup{
  position:fixed;
  inset:0;
  z-index:1000000;
  display:grid;
  place-items:center;
  padding:1.25rem;
}

.atlas-golf-popup__backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,18,12,.55);
  backdrop-filter:blur(5px);
  cursor:pointer;
}

/* No side bars — dialog hugs the design image */
.atlas-golf-popup__dialog{
  position:relative;
  z-index:1;
  width:min(1024px,94vw);
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(0,0,0,.45);
  animation:atlasGolfRise .45s cubic-bezier(.16,1,.3,1) both;
  line-height:0;
}

/*
 * Close hit-area — sits over the design’s white circular X
 * (center ~94.9% × 7.3%, diameter ~4.3% of width).
 * Invisible so the artwork close shows; keeps click + keyboard access.
 */
.atlas-golf-popup__close{
  position:absolute;
  top:4.1%;
  right:2.9%;
  z-index:6;
  width:4.3%;
  aspect-ratio:1 / 1;
  min-width:28px;
  min-height:28px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:transparent;
  box-shadow:none;
  padding:0;
  cursor:pointer;
  display:grid;
  place-items:center;
  appearance:none;
  -webkit-appearance:none;
  line-height:0;
}
.atlas-golf-popup__close svg{
  display:none;
}
.atlas-golf-popup__close:hover{
  background:rgba(255,255,255,.14);
}
.atlas-golf-popup__close:focus-visible{
  outline:3px solid #c2a05d;
  outline-offset:2px;
}

.atlas-golf-outing--image{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
  background:transparent;
  border-radius:14px;
  overflow:hidden;
}
.atlas-golf-outing__art{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  margin:0;
  padding:0;
  border:0;
  vertical-align:top;
  object-fit:fill;
}

/* Clickable areas — Register / Donate */
.atlas-golf-outing__hotspot{
  position:absolute;
  display:block;
  z-index:2;
  text-indent:-9999px;
  overflow:hidden;
  border-radius:8px;
}
.atlas-golf-outing__hotspot--register{
  left:43.5%;
  right:3.2%;
  top:70.5%;
  height:7.8%;
}
.atlas-golf-outing__hotspot--donate{
  left:71%;
  right:4%;
  top:80%;
  height:6.2%;
}
.atlas-golf-outing__hotspot:focus-visible{
  outline:3px solid #c2a05d;
  outline-offset:2px;
  text-indent:0;
  color:transparent;
}

@keyframes atlasGolfRise{
  from{opacity:0;transform:translateY(16px) scale(.985);}
  to{opacity:1;transform:none;}
}

@media (max-width:640px){
  .atlas-golf-popup{
    padding:.75rem;
    align-items:flex-start;
    padding-top:6vh;
    overflow:auto;
  }
  .atlas-golf-popup__close{
    top:3.6%;
    right:2.4%;
    width:7.2%;
    min-width:32px;
    min-height:32px;
  }
  .atlas-golf-outing__hotspot--register{top:70%;height:8%;}
  .atlas-golf-outing__hotspot--donate{top:80%;height:6%;}
}

@media (prefers-reduced-motion:reduce){
  .atlas-golf-popup__dialog{animation:none;}
}

.atlas-golf-outing .screen-reader-text{
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  word-wrap:normal !important;
}