/*
 * Home page Wellness (Spa / Pool) decorative thread.
 *
 * After the intro + CTA were added above the photos, the Spa / Pool titles
 * sat lower while bg-well.png stayed pinned to the top of the section, so
 * the long red stroke crossed the Spa heading. This file only nudges that
 * background down. Content still comes from the Elementor widget.
 *
 * Scoped to vezaconslt_home_wellness, so it applies on every language.
 */

.elementor-widget-vezaconslt_home_wellness section {
    /* Tăng --well-bg-y = đường chỉ tụt xuống.
       --well-text-safe = chiều cao khối tiêu đề + intro + CTA; họa tiết
       chỉ vẽ từ mép này trở xuống nên không đè chữ. */
    --well-bg-x: calc(50% - 19.375rem);
    --well-bg-y: 2.5rem;
    --well-text-safe: 21.5rem;

    background-image: none !important;
}

.elementor-widget-vezaconslt_home_wellness section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: var(--well-text-safe);
    background-image: url("../images/fivestar/bg-well.png");
    background-repeat: no-repeat;
    background-position: var(--well-bg-x) calc(var(--well-bg-y) - var(--well-text-safe));
    pointer-events: none;
    z-index: 0;
}

@media (max-width: 767px) {
    .elementor-widget-vezaconslt_home_wellness section {
        --well-bg-y: 1.25rem;
        --well-text-safe: 18rem;
    }
}