/* YourTourKey — Kapora, kalan ödeme, toplam tutar ve ödeme açıklamaları.
 * ytk-product.css içinden taşınmıştır. Masaüstü ve mobil kurallar birlikte tutulur.
 */

#booking-form .yith-wcdp-deposit-mandatory {
    display: none !important;
}

#booking-form #yith-wcdp-add-deposit-to-cart {
    margin: 0 !important;
}

.ytk-payment-plan__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
    padding-bottom: 8px;
}

.ytk-payment-plan__head > span {
    font-weight: 800;
    text-transform: uppercase;
}

.ytk-payment-plan__head > small {
    line-height: 1.4;
    font-weight: 500;
    text-align: right;
}

.ytk-payment-plan__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-weight: 500;
}

.ytk-payment-plan__row strong {
    flex: 0 0 auto;
}

.ytk-payment-plan__row .woocommerce-Price-amount {
    color: inherit;
    font: inherit;
}

.ytk-payment-plan__included {
    gap: 2px;
    margin-top: 8px;
}

.ytk-payment-plan a {
    color: var(--ytk-ink);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 520px) {
    .ytk-payment-plan__head > small {
            max-width: 120px;
        }
}

.ytk-payment-plan {
    margin: 15px 0 0;
    padding: 14px 0 0;
    border: 0;
    border-top: 1px solid #e2e6ea;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

.ytk-payment-plan__head {
    margin: 0 0 7px;
    padding: 0 0 9px;
    border-bottom: 1px solid #e7eaee;
}

.ytk-payment-plan__head > span {
    font-size: 12px;
    letter-spacing: 0.06em;
}

.ytk-payment-plan__head > small {
    color: rgba(var(--ytk-ink-rgb),0.64);
    font-size: 12px;
}

.ytk-payment-plan__row {
    padding: 5px 0;
    color: var(--ytk-ink);
    font-size: 13px;
    line-height: 1.35;
}

.ytk-payment-plan__row strong {
    color: var(--ytk-ink);
    font-size: 13.5px;
    font-weight: 700;
}

.ytk-payment-plan__included,
.ytk-booking-notice {
    position: relative;
    display: block;
    margin: 12px 0 0;
    padding: 14px 2px 0 42px;
    border: 0;
    border-top: 1px solid #e2e6ea;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
    color: var(--ytk-body-copy);
}

.ytk-payment-plan__included::before,
.ytk-booking-notice__icon {
    position: absolute;
    left: 3px;
    top: 14px;
    width: 28px;
    height: 28px;
    color: #0f8a66;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ytk-payment-plan__included::before {
    content: "check_circle";
    font-family: "Material Symbols Rounded";
    font-size: 27px;
    line-height: 1;
    font-feature-settings: "liga";
    font-variation-settings:
        'FILL' 0,
        'wght' 500,
        'GRAD' 0,
        'opsz' 24;
}

.ytk-payment-plan__included strong,
.ytk-booking-notice strong {
    display: block;
    margin: 0 0 3px;
    color: var(--ytk-ink);
    font-size: 13.5px;
    line-height: 1.3;
    font-weight: 750;
    letter-spacing: 0;
    text-transform: none;
}

.ytk-payment-plan__included span,
.ytk-booking-notice p {
    display: block;
    margin: 0;
    color: var(--ytk-body-copy);
    font-size: 12.5px;
    line-height: 1.48;
    font-weight: 500;
}

.ytk-booking-notice a {
    color: var(--ytk-ink);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 520px) {
    .ytk-payment-plan {
            padding-top: 13px;
        }

    .ytk-payment-plan__row {
            align-items: center;
            gap: 8px;
            font-size: 12.5px;
        }

    .ytk-payment-plan__row strong {
            font-size: 13.5px;
        }

    .ytk-payment-plan__included,
        .ytk-booking-notice {
            padding-left: 40px;
        }
}

#booking-form .yith-wcdp-single-add-to-cart-fields {
    margin: 0 !important;
}

.ytk-payment-plan__head > span {
    color: #024f4d;
}

.ytk-booking-notice--balance .ytk-booking-notice__icon::before {
    content: "credit_card";
    font-family: "Material Symbols Rounded";
    font-size: 27px;
    line-height: 1;
    font-feature-settings: "liga";
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}

@media (max-width: 760px) {
    .ytk-booking-mobile-position .ytk-payment-plan {
            margin-top: 14px;
            border-color: rgba(255, 255, 255, 0.16);
            background: transparent;
            color: rgba(255, 255, 255, 0.82);
        }

    .ytk-booking-mobile-position .ytk-payment-plan__head,
        .ytk-booking-mobile-position .ytk-payment-plan__row,
        .ytk-booking-mobile-position .ytk-payment-plan__included,
        .ytk-booking-mobile-position .ytk-booking-notice {
            border-color: rgba(255, 255, 255, 0.16);
            color: rgba(255, 255, 255, 0.82);
        }

    .ytk-booking-mobile-position .ytk-payment-plan__head > span,
        .ytk-booking-mobile-position .ytk-payment-plan__row strong,
        .ytk-booking-mobile-position .ytk-payment-plan__included strong,
        .ytk-booking-mobile-position .ytk-booking-notice strong {
            color: #fff;
        }

    .ytk-booking-mobile-position .ytk-payment-plan__head small {
            color: rgba(255, 255, 255, 0.58);
        }

    .ytk-booking-mobile-position .ytk-payment-plan a,
        .ytk-booking-mobile-position .ytk-booking-notice__icon {
            color: #7ddbd6;
        }

    .ytk-product-booking-card.ytk-people-ready .ytk-mobile-booking-reveal--payment {
            max-height: 900px;
        }

    .ytk-booking-mobile-position .ytk-payment-plan__included,
        .ytk-booking-mobile-position .ytk-booking-notice,
        .ytk-booking-mobile-position .ytk-booking-notice > div {
            border-color: rgba(255, 255, 255, 0.16) !important;
            background: #1a2b49 !important;
            color: #fff !important;
        }

    .ytk-booking-mobile-position .ytk-payment-plan__included strong,
        .ytk-booking-mobile-position .ytk-payment-plan__included span,
        .ytk-booking-mobile-position .ytk-booking-notice strong,
        .ytk-booking-mobile-position .ytk-booking-notice span,
        .ytk-booking-mobile-position .ytk-booking-notice p,
        .ytk-booking-mobile-position .ytk-booking-notice div,
        .ytk-booking-mobile-position .ytk-booking-notice a,
        .ytk-booking-mobile-position .ytk-booking-notice__icon {
            color: #fff !important;
        }
}