/* === STYLES FOR FRONTEND BOOKING PANEL === */

.bkntc_tax_excluded{
    font-size: 12px;
    color:#828F9A;
    font-style: italic;
}

.bkntc_tax_excluded.bkntc_tax_top{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 25px;
}

.bkntc_tax_excluded.bkntc_tax_top.accordion{
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-top: -10px;
    margin-bottom: 5px;
}

.bkntc_tax_excluded.bkntc_tax_bottom{
    display: block;
    text-align: right;
}

@media only screen and ( max-width: 992px ) {
    .bkntc_tax_excluded.bkntc_tax_top, .bkntc_tax_excluded.bkntc_tax_top.accordion {
        position: relative;
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }
}

/* Styles for the frontend "inkl. MwSt" notice */
#booknetic_booking_panel .booknetic_confirm_details[data-price-id="tax_inclusive_notice"] {
    display: block !important;
    width: 100%;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    border-top: none !important;
    margin-top: 10px !important;
}

#booknetic_booking_panel .booknetic_confirm_details[data-price-id="tax_inclusive_notice"] .booknetic_confirm_details_title {
    text-align: center !important;
    width: 100% !important;
    font-size: 13px !important;
    color: #9da6b1 !important;
    font-style: italic !important;
    padding-right: 0 !important;
    border-bottom: none !important;
}

#booknetic_booking_panel .booknetic_confirm_details[data-price-id="tax_inclusive_notice"] .booknetic_confirm_details_price {
    display: none !important;
}


/* === FINAL FIX FOR BACKEND PAYMENT DETAILS MODAL === */

/* This rule finds the container div for a price line inside the backend modal */
.fs-modal .checkout-details--items > div {
    display: flex;
    justify-content: space-between;
}

/* This is the key: It finds the SPAN containing our custom text... */
.fs-modal .checkout-details--items span:first-child:is(:-webkit-any(h1, h2, h3, h4, h5, h6, p, span):-webkit-any(:link, :visited, :hover, :active, :focus, :focus-visible, :focus-within, :target, :lang(de-DE), :lang(de), :lang(en-US), :lang(en), :lang(und), :lang(zxx), :not(:lang(de-DE), :lang(de), :lang(en-US), :lang(en), :lang(und), :lang(zxx))) {
    /* ...and makes it take up the full width and centers the text. */
    width: 100%;
    text-align: center;
    font-style: italic;
    color: #888;
}

/* Then, it finds the PRICE span that comes immediately after our custom text span... */
.fs-modal .checkout-details--items span:first-child:is(:-webkit-any(h1, h2, h3, h4, h5, h6, p, span):-webkit-any(:link, :visited, :hover, :active, :focus, :focus-visible, :focus-within, :target, :lang(de-DE), :lang(de), :lang(en-US), :lang(en), :lang(und), :lang(zxx), :not(:lang(de-DE), :lang(de), :lang(en-US), :lang(en), :lang(und), :lang(zxx)))) + span {
    /* ...and hides it completely. */
    display: none !important;
}