/* =========================================================================
   Responsive fixes - MS Dekor
   Targeted mobile/tablet fixes for third-party widgets / absolute decorations
   that expose no usable Elementor control. Loaded last + cache-busted
   (see functions.php).
   ========================================================================= */

/* --- Checkout: Packeta / Zasielkovna pickup-point button -----------------
   The "Vyberte si odberne miesto" button label is white-space:nowrap inside
   a fixed ~150px box, so on mobile its content (~272px) overflowed the order
   summary table and pushed horizontal scroll on the whole page. Let the label
   wrap and let the button use the available width. */
.packetery-widget-button-wrapper,
.packetery-widget-button-wrapper .form-row,
.packetery-widget-button-row,
.packeta-widget {
    max-width: 100%;
}
.packetery-widget-button-row,
.packetery-widget-button-row button,
.packeta-widget button.button {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    height: auto;
    line-height: 1.3;
}

/* --- Homepage: decorative leaf (listok.png) ------------------------------
   An absolutely-positioned decoration sticks ~93px past the right edge; its
   containers do not clip, so it caused horizontal scroll on phones. It fits
   on tablet/desktop, so hide it only on phones. */
@media (max-width: 767px) {
    .elementor-element-aea4a8b {
        display: none !important;
    }
}

/* --- Homepage product carousel: nav arrows -------------------------------
   The prev/next swiper arrows sit at the slide edges and stick ~30px past the
   right edge on phones and tablets, causing horizontal scroll. The carousel
   is swiped on touch devices, so hide the arrows up to tablet. */
@media (max-width: 1024px) {
    .elementor-widget-loop-carousel .elementor-swiper-button,
    .elementor-widget-loop-carousel .elementor-swiper-button-prev,
    .elementor-widget-loop-carousel .elementor-swiper-button-next {
        display: none !important;
    }
}