/* WordPress / Elementor integration fixes so the theme-builder header & footer
   match the original exactly (Elementor wrappers override some Tailwind utilities). */

/* Sticky header on the Elementor header location */
.elementor-location-header { position: sticky; top: 0; z-index: 100; }
body.admin-bar .elementor-location-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .elementor-location-header { top: 46px; } }

/* Logo responsive sizing (Elementor resets img height:auto with higher specificity) */
.elementor-location-header img { height: 3rem !important; width: auto !important; max-width: none !important; }
@media (min-width: 640px)  { .elementor-location-header img { height: 4rem !important; } }
@media (min-width: 1024px) { .elementor-location-header img { height: 5rem !important; } }

.elementor-location-footer img { height: 3rem !important; width: auto !important; max-width: none !important; }
@media (min-width: 640px) { .elementor-location-footer img { height: 3.5rem !important; } }
@media (min-width: 768px) { .elementor-location-footer img { height: 4rem !important; } }

/* Elementor sometimes adds widget margins around our full-bleed widgets — remove */
.elementor-location-header .elementor-widget,
.elementor-location-footer .elementor-widget,
.elementor-widget-ise-home .elementor-widget-container,
.elementor-widget-ise-single-property .elementor-widget-container { margin: 0 !important; }

/* Elementor's unlayered `.elementor img{height:auto}` beats the original stylesheet's
   layered Tailwind height utilities — restore every fixed-height image class we use. */
.elementor img.h-full   { height: 100% !important; }
.elementor img.h-48     { height: 12rem !important; }
.elementor img.h-16     { height: 4rem !important; }
.elementor img.h-\[280px\] { height: 280px !important; }
@media (min-width: 640px) {
  .elementor img.sm\:h-24        { height: 6rem !important; }
  .elementor img.sm\:h-\[420px\] { height: 420px !important; }
}
@media (min-width: 1024px) {
  .elementor img.lg\:h-\[520px\] { height: 520px !important; }
}