/* carousel.css – Property-Carousel-Nav (Startseite + Objektseite). */

/* Elementor: Property-Carousel-Pfeile im Nav-Slot (Klasse oder data-Attribut) */
.e-con.e-flex:has(> .rudelurlaub-carousel-nav-slot),
.e-con.e-flex:has(> [data-rudelurlaub-nav-slot]) {
    align-items: center !important;
}

/* Überschrift in derselben Zeile: kein Extra-Abstand → Pfeile auf gleicher Höhe */
.e-con.e-flex:has(> .rudelurlaub-carousel-nav-slot) > .e-con:not(.rudelurlaub-carousel-nav-slot):not([data-rudelurlaub-nav-slot]) .elementor-heading-title,
.e-con.e-flex:has(> [data-rudelurlaub-nav-slot]) > .e-con:not(.rudelurlaub-carousel-nav-slot):not([data-rudelurlaub-nav-slot]) .elementor-heading-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.25;
}

.rudelurlaub-carousel-nav-slot,
[data-rudelurlaub-nav-slot] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-self: center;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 0;
    margin: 0;
}

/* Nav-Box volle Slot-Breite, Pfeile rechts am Container-Rand */
.rudelurlaub-carousel-nav-slot > [id^="rhea-nav-"],
.rudelurlaub-carousel-nav-slot > .rhea-ultra-owl-nav.owl-nav,
[data-rudelurlaub-nav-slot] > [id^="rhea-nav-"],
[data-rudelurlaub-nav-slot] > .rhea-ultra-owl-nav.owl-nav {
    position: static;
    display: flex !important;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end !important;
    gap: 6px;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0;
    min-height: 0;
}

.rudelurlaub-carousel-nav-slot .rhea-ultra-carousel-nav-center,
[data-rudelurlaub-nav-slot] .rhea-ultra-carousel-nav-center {
    justify-content: flex-end !important;
}

/* Beide Pfeile: kompakt, hellgrauer Kreis (#F2F2F2), dunkelgraue Icons */
.rudelurlaub-carousel-nav-slot .owl-nav button.owl-prev,
.rudelurlaub-carousel-nav-slot .owl-nav button.owl-next,
[data-rudelurlaub-nav-slot] .owl-nav button.owl-prev,
[data-rudelurlaub-nav-slot] .owl-nav button.owl-next {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 50%;
    background: #f2f2f2 !important;
    box-shadow: none;
    cursor: pointer;
}

.rudelurlaub-carousel-nav-slot .owl-nav button.owl-prev:not(.disabled):hover,
.rudelurlaub-carousel-nav-slot .owl-nav button.owl-next:not(.disabled):hover,
[data-rudelurlaub-nav-slot] .owl-nav button.owl-prev:not(.disabled):hover,
[data-rudelurlaub-nav-slot] .owl-nav button.owl-next:not(.disabled):hover {
    background: #e5e5e5 !important;
}

.rudelurlaub-carousel-nav-slot .owl-nav button i,
[data-rudelurlaub-nav-slot] .owl-nav button i {
    color: #4b5563 !important;
    font-size: 14px;
}

.rudelurlaub-carousel-nav-slot .owl-nav button svg,
[data-rudelurlaub-nav-slot] .owl-nav button svg {
    display: block;
    width: 14px;
    height: 14px;
}

.rudelurlaub-carousel-nav-slot .owl-nav button path,
.rudelurlaub-carousel-nav-slot .owl-nav button svg path,
[data-rudelurlaub-nav-slot] .owl-nav button path,
[data-rudelurlaub-nav-slot] .owl-nav button svg path {
    fill: #4b5563 !important;
    stroke: #4b5563 !important;
}

.rudelurlaub-carousel-nav-slot .owl-nav button.disabled,
[data-rudelurlaub-nav-slot] .owl-nav button.disabled {
    opacity: 1;
    cursor: default;
    background: #f2f2f2 !important;
}

.rudelurlaub-carousel-nav-slot .owl-nav button.disabled i,
[data-rudelurlaub-nav-slot] .owl-nav button.disabled i {
    color: #9ca3af !important;
}

.rudelurlaub-carousel-nav-slot .owl-nav button.disabled path,
.rudelurlaub-carousel-nav-slot .owl-nav button.disabled svg path,
[data-rudelurlaub-nav-slot] .owl-nav button.disabled path,
[data-rudelurlaub-nav-slot] .owl-nav button.disabled svg path {
    fill: #9ca3af !important;
    stroke: #9ca3af !important;
}

/* Nach Verschiebung: kein leerer Nav-Platzhalter unter dem Carousel */
.rudelurlaub-property-carousel.rudelurlaub-nav-relocated {
    padding-bottom: 0;
}