/* ═══════════════════════════════════════════════════════════════
   PUTIH DCARIK — Elementor conflict fixes (front end)
   ═══════════════════════════════════════════════════════════════

   Loaded only when Elementor's own frontend.min.css is on the page, and
   always after it.

   ── The image one is not cosmetic. ──────────────────────────────────────

   Elementor ships `.elementor img { height: auto }`. Every image container in
   this design sets `height: 100%` with `object-fit: cover` so the photograph
   fills its frame — and the two selectors have IDENTICAL specificity (0,1,1).
   Ties go to whichever loads last, and Elementor's stylesheet loads after
   main.css, so Elementor wins and every image collapses to its intrinsic
   aspect ratio inside a taller frame.

   The result is a large empty gap under each photograph: 1007px under each
   story slide, 605px under the location shot, 474px under every tall gallery
   frame. All 24 images on the page were affected.

   The fix raises specificity by one class rather than reaching for
   `!important` — AGENTS.md §4 is explicit that solving a conflict that way
   makes the next person's job worse, and there is a clean win available here.

     .elementor :is(.pd-hero__media, …) img   →  0,2,1  beats  0,1,1
     .elementor .pd-room__img                 →  0,2,0  beats  0,1,1

   Scoped to `.elementor` on purpose: this exists only to answer Elementor's
   rule, so it should apply exactly where that rule does and nowhere else.
   ═══════════════════════════════════════════════════════════════ */

.elementor :is(
  .pd-hero__media,
  .pd-stay__figure,
  .pd-story__slide,
  .pd-amen__preview,
  .pd-gal__item,
  .pd-loc__figure,
  .pd-book__media
) img,
.elementor .pd-room__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* The hero's crop is art-directed — the frame is chosen, not centred
   (AGENTS.md §8). Restated here because the rule above resets object-fit. */
.elementor .pd-hero__media img{ object-position: center 58%; }

/* Elementor's container defaults would otherwise add a second gutter on top of
   the one .pd-shell already applies, and pin the page to a narrower column
   than it was designed for (§5). */
.pd-page .e-con,
.pd-page .e-con-inner{ max-width: none; }