body.cms-editing [data-cms],
body.cms-editing [data-cms-img],
body.cms-editing [data-cms-block] {
  cursor: pointer !important;
  position: relative;
}

body.cms-editing [data-cms]:hover,
body.cms-editing [data-cms-img]:hover,
body.cms-editing [data-cms-block]:hover {
  outline: 2px dashed #52B788;
  outline-offset: 3px;
}

body.cms-editing [data-cms].cms-edit-active,
body.cms-editing [data-cms-img].cms-edit-active,
body.cms-editing [data-cms-block].cms-edit-active {
  outline: 3px solid #E07B39;
  outline-offset: 3px;
  background: rgba(82, 183, 136, 0.1);
}

/* Let clicks pass through to the editable block (event cards, pillar links, etc.) */
body.cms-editing [data-cms-block] a,
body.cms-editing [data-cms-block] button {
  pointer-events: none;
}

body.cms-editing .event-card[data-cms-block] {
  cursor: pointer !important;
}

body.cms-editing .event-card[data-cms-block]::after {
  content: '✏️ Click to edit event';
  position: absolute;
  top: 10px;
  right: 10px;
  background: #1B4332;
  color: #fff;
  font-size: 0.68rem;
  font-family: 'DM Sans', sans-serif;
  padding: 4px 8px;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.15s;
  pointer-events: none;
  z-index: 2;
}

body.cms-editing .event-card[data-cms-block]:hover::after {
  opacity: 1;
}

body.cms-editing .footer-col[data-cms-block]::after {
  content: '✏️ Click to edit links';
  position: absolute;
  top: 0;
  right: 0;
  background: #1B4332;
  color: #fff;
  font-size: 0.65rem;
  font-family: 'DM Sans', sans-serif;
  padding: 4px 8px;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.15s;
  pointer-events: none;
}

body.cms-editing .footer-col[data-cms-block] {
  position: relative;
  cursor: pointer !important;
}

body.cms-editing .footer-col[data-cms-block]:hover::after {
  opacity: 1;
}

body.cms-editing .fade-up {
  opacity: 1 !important;
  transform: none !important;
}