/* Astrolegenda shared dialog close control — centered SVG icon, 2026-08-09
   Page-specific classes keep their positioning and JS hooks.
   The shared layer standardizes the touch target, visual state and icon geometry. */

button.astrolegenda-dialog-close[type="button"][aria-label][class] {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 1px solid rgba(199, 151, 56, .38) !important;
  border-radius: 50% !important;
  background: rgba(255, 253, 249, .96) !important;
  color: #8b5d08 !important;
  box-shadow: 0 7px 20px rgba(91, 55, 17, .10) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation;
  outline: none !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

/* One rendering path only: a real SVG centered by the button grid.
   Do not use the font-dependent multiplication sign or pseudo-elements. */
button.astrolegenda-dialog-close[type="button"][aria-label][class] > svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
  overflow: visible;
  transform: none !important;
}

button.astrolegenda-dialog-close[type="button"][aria-label][class] > span {
  display: none !important;
}

button.astrolegenda-dialog-close[type="button"][aria-label][class]::before,
button.astrolegenda-dialog-close[type="button"][aria-label][class]::after {
  content: none !important;
  display: none !important;
}

@media (hover: hover) and (pointer: fine) {
  button.astrolegenda-dialog-close[type="button"][aria-label][class]:hover {
    border-color: rgba(183, 122, 0, .62) !important;
    background: #fff3dc !important;
    color: #7d5207 !important;
    box-shadow: 0 9px 23px rgba(91, 55, 17, .14) !important;
    transform: translateY(-1px) !important;
  }
}

button.astrolegenda-dialog-close[type="button"][aria-label][class]:focus-visible {
  outline: 3px solid rgba(190, 132, 20, .28) !important;
  outline-offset: 2px !important;
}

button.astrolegenda-dialog-close[type="button"][aria-label][class]:active {
  transform: scale(.97) !important;
}

@media screen and (max-width: 760px) {
  button.astrolegenda-dialog-close[type="button"][aria-label][class] {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }
}