/* =============================================================
   Modal close-button normalize — applies to EVERY modal
   Forces a consistent bare X (no circle background) in the
   top-right corner across all close-button class variants used
   throughout the codebase. Single source of truth.
   ============================================================= */

.ta-modal-close,
.mw-modal-close,
.access-modal-close,
.cs-close,
.company-modal-close,
.boostd-modal-close,
.report-overlay-close,
.modal-close,
.mw-aside-close,
.filter-sheet__close,
.modal-close-btn,
.ren-chat-close,
.rpt-toc-close,
.preview-close-btn {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: currentColor !important;
  opacity: 0.7;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: opacity 0.15s ease;
  z-index: 10;
}

.ta-modal-close:hover,
.mw-modal-close:hover,
.access-modal-close:hover,
.cs-close:hover,
.company-modal-close:hover,
.boostd-modal-close:hover,
.report-overlay-close:hover,
.modal-close:hover,
.mw-aside-close:hover,
.filter-sheet__close:hover,
.modal-close-btn:hover,
.ren-chat-close:hover,
.rpt-toc-close:hover,
.preview-close-btn:hover {
  background: transparent !important;
  background-color: transparent !important;
  opacity: 1;
}

/* Tier A modals have a pink/orange gradient header — the X must be
   white to read against it. Covers .ta-modal-close (canonical) and
   .access-modal-close on Tier A surfaces (giftShareModal, accessModal
   gradient variants) where the X overlaps the header strip. */
.ta-modal .ta-modal-close,
.ta-modal-overlay .ta-modal-close,
#giftShareModal .access-modal-close,
.access-modal--gradient .access-modal-close {
  color: #ffffff !important;
}
.ta-modal .ta-modal-close:hover,
.ta-modal-overlay .ta-modal-close:hover,
#giftShareModal .access-modal-close:hover,
.access-modal--gradient .access-modal-close:hover {
  color: #ffffff !important;
}

/* SVG icons inside any close button render at consistent size */
.ta-modal-close svg,
.mw-modal-close svg,
.access-modal-close svg,
.cs-close svg,
.company-modal-close svg,
.boostd-modal-close svg,
.report-overlay-close svg,
.modal-close svg,
.mw-aside-close svg,
.filter-sheet__close svg,
.modal-close-btn svg,
.ren-chat-close svg,
.rpt-toc-close svg,
.preview-close-btn svg {
  width: 18px;
  height: 18px;
}