/* Existing Elementor header 152: scoped to phone sizing only. */
@media (max-width: 767px) {
    #site-header .elementor-element-dde4e9a { width: 40% !important; }
    #site-header .elementor-element-88bf355 { width: 60% !important; }
    #site-header .elementor-element-900a8b5 img {
        width: 130px !important;
        max-width: 100% !important;
        height: auto;
    }
    .site-breadcrumbs,
    .site-breadcrumbs ul {
        white-space: normal !important;
        overflow-wrap: anywhere;
    }
    .site-breadcrumbs li { white-space: normal !important; }
}

/* Keep the homepage hero captions readable during Slick's mobile transitions.
 * WooVina hides all captions in beforeChange, then starts zoomIn in afterChange.
 * Retain the slide movement; omit only the caption entrance animation on phones.
 */
@media (max-width: 767px) {
    .elementor-element-2436592c .wew-slides .woovina-slide-content {
        display: block !important;
        opacity: 1 !important;
        animation: none !important;
        -webkit-animation: none !important;
    }
}

/* Keep only the quotation dialog centered through viewport changes. */
body .ui-dialog.modal-enquiry-form {
  box-sizing: border-box;
  width: min(480px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}