/* ══════════════════════════════════════════════════════════════════
 * Elementor compatibility — loaded only when Elementor is active, after
 * Elementor's own frontend CSS.
 *
 * Elementor resets every image inside its content (`.elementor img {
 * height:auto; border-radius:0; box-shadow:none }`). Our product cards and
 * section images rely on fixed heights / rounded corners, so re-assert them
 * with a slightly more specific selector.
 * ══════════════════════════════════════════════════════════════════ */

.elementor .product-card__media img,
.elementor .explore-range__media img,
.elementor .faq__visual img,
.elementor .nav__mega__thumb img,
.elementor .pp-hero__media img,
.elementor .pp-hero__media--gallery .pp-hero__gallery-item img,
.elementor .pp-hero__thumb img,
.elementor .pp-related__media img { height: 100%; }

.elementor .hero-carousel__slide img { height: auto; }
.elementor .services__brand-logo img { border-radius: 12px; }

/* Our sections manage their own spacing — no Elementor gaps between them. */
.elementor .elementor-widget[class*="elementor-widget-mishikas-"] { margin-bottom: 0; }
.elementor .elementor-widget[class*="elementor-widget-mishikas-"] > .elementor-widget-container { margin: 0; padding: 0; }

/* Product widget placed on a non-product page. */
.mishikas-pp-embed { min-height: 0 !important; padding-bottom: 0 !important; }

/* Inside the Elementor editor: show scroll-reveal sections immediately
   (the scroll animation would otherwise hide freshly edited sections). */
.elementor-editor-active .reveal,
.elementor-editor-active .pp-reveal { opacity: 1 !important; transform: none !important; }

/* "Edit header / footer" shortcut shown only inside the Elementor page editor */
.mishikas-global-header, .mishikas-global-footer { position: relative; }
/* the whole header / footer is one big click target in the editor; the label appears on hover (bottom centre, never over a button) */
.mishikas-edit-global {
  position: absolute; inset: 0; z-index: 99999; display: block;
  background: transparent; text-decoration: none; cursor: pointer;
  outline: 2px dashed transparent; outline-offset: -2px; transition: outline-color .15s, background .15s;
}
.mishikas-edit-global:hover { outline-color: #F5B042; background: rgba(245, 176, 66, .08); }
.mishikas-edit-global span {
  position: absolute; left: 50%; bottom: 6px; transform: translateX(-50%);
  background: #F5B042; color: #001B47; font: 600 12px/1 Poppins, sans-serif; white-space: nowrap;
  padding: 8px 14px; border-radius: 999px; box-shadow: 0 4px 14px rgba(0,0,0,.25);
  opacity: 0; transition: opacity .15s; pointer-events: none;
}
.mishikas-edit-global:hover span { opacity: 1; }
.mishikas-edit-global small { font-weight: 400; opacity: .75; }