/* VRCC Local Fixes - gallery close button.

   The villa template carries a custom CSS block on the off-canvas container:

       #off-canvas-cef2671 .e-off-canvas__content {
           pointer-events: none !important;
       }

   Elementor sets pointer-events: none on the outer off-canvas shell and
   switches it back to all on .e-off-canvas__content so the contents stay
   operable. The rule above cancels that switch-back, which is what makes the
   close button unreachable.

   The intent behind it was click-through: the content area covers the whole
   screen, so without pointer-events: none a click anywhere would hit the
   content instead of the overlay and nothing would close. Measured across the
   viewport, however, the overlay is only reachable in a narrow strip at the
   top - the slider re-enables pointer events for itself and its image element
   spans the full width, so it intercepts everything else. The rule therefore
   pays with the close button for a benefit it mostly does not deliver.

   The close button was blocked twice over:
     1. pointer-events: none, inherited from the content wrapper
     2. stacking order - its container and the gallery container both sit at
        z-index 1, and the gallery comes later in the document, so it paints
        on top

   Both are corrected below. Deliberately NOT done by editing the template:
   "Single Listing Template" (post 1354) belongs to Priority Marketing, is
   actively maintained, and any change there would be lost on their next
   revision without anyone noticing.

   pointer-events is restored on the link only, not on its container. The
   container is absolutely positioned and larger than the visible button;
   making the whole box clickable would swallow clicks that should still reach
   the overlay. */

.e-off-canvas__content a[href*="off_canvas"] {
  pointer-events: auto !important;
}

.e-off-canvas__content .elementor-element:has(a[href*="off_canvas"]) {
  z-index: 100 !important;
}

/* Fallback for browsers without :has(). Targets the current template ids
   directly, which is brittle by nature - if Priority Marketing rebuilds the
   template these ids change, and the rule above takes over. */
#off-canvas-cef2671 .elementor-element-d499416 {
  z-index: 100 !important;
}