/* Modal overlay */
.stw-modal {
  display: none;              /* hidden by default */
  position: fixed;
  inset: 0;                   /* shorthand for top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6); /* overlay background */
  justify-content: center;    /* horizontal centering */
  align-items: center;        /* vertical centering (controlled by Elementor) */
  z-index: 9999;
}

/* Modal content */
.stw-modal-content {
  background: #fff;
  padding: 25px;
  width: 90%;                 /* controlled by Elementor width/min/max */
  max-width: 600px;
  border-radius: 10px;        /* controlled by Elementor radius */
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
  position: relative;
  animation: stw-fadeInUp 0.3s ease;
}

/* Close icon */
.stw-modal-close {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 22px;            /* controlled by Elementor size */
  font-weight: bold;
  color: #666;                /* controlled by Elementor color */
  cursor: pointer;
  transition: color 0.2s ease;
}
.stw-modal-close:hover {
  color: #000;
}

/* Directions button */
.stw-directions-button {
  background: #0073e6;        /* controlled by Elementor background */
  color: #fff;                /* controlled by Elementor text color */
  padding: 10px 18px;         /* controlled by Elementor padding */
  border: none;
  border-radius: 6px;         /* controlled by Elementor radius */
  cursor: pointer;
  transition: background 0.3s ease;
}
.stw-directions-button:hover {
  background: #005bb5;        /* controlled by Elementor hover background */
}

/* Animation */
@keyframes stw-fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}