/* Ortak renk, tipografi, sayfa ölçüleri ve mevcut genel kurallar.
 * style.css dosyasından taşınmıştır; mevcut kurallar korunur.
 */


/* YOURTOURKEY DESIGN TOKENS */
:root {
    /* Change this one value to switch the font across the entire site. */
    --ytk-font-family: "Inter", Arial, sans-serif;
    --ytk-ink: #1a2b49;
    --ytk-ink-rgb: 26, 43, 73;
    --ytk-star-color: #f28c28;
    --ytk-body-copy: rgba(var(--ytk-ink-rgb), 0.84);
    --ytk-body-copy-weight: 500;
    --ytk-layout-cut: 144px;
    --ytk-layout-max: 1256px;
    --ytk-h1-weight: 900;
    --ytk-h2-weight: 900;
    --ytk-h1-size: clamp(44px, 4.8vw, 60px);
    --ytk-h1-spacing: -3.4px;
    --ytk-h1-line-height: 0.99;
    --ytk-h2-size: clamp(30px, 3vw, 40px);
    --ytk-h2-spacing: -2px;
    --ytk-h2-line-height: 1.06;

    /* Product and collection titles share one responsive type scale. */
    --ytk-detail-h1-size: clamp(28px, 3vw, 40px);
    --ytk-detail-h1-line-height: 1.06;
    --ytk-detail-h1-spacing: -1.55px;

    /* Shared product-card and button system */
    --ytk-button-font-size: 13.5px;
    --ytk-button-font-weight: 650;
    --ytk-product-title-font-size: 18px;
    --ytk-product-title-line-height: 1.22;
    --ytk-product-title-font-weight: 650;
    --ytk-product-badge-font-size: 11.5px;
    --ytk-product-badge-font-weight: 650;
    --ytk-product-excerpt-font-size: 14px;
    --ytk-product-excerpt-line-height: 1.58;
    --ytk-product-excerpt-font-weight: 500;
    --ytk-product-copy-size: 15px;
    --ytk-product-compact-copy-size: 14px;
    --ytk-product-copy-line-height: 1.68;
    --ytk-product-copy-weight: 500;
    --ytk-booking-field-size: 13px;
    --ytk-booking-note-size: 12px;
    --ytk-product-price-label-size: 11px;
    --ytk-product-price-label-weight: 650;
    --ytk-product-price-size: 18px;
    --ytk-product-price-weight: 650;
    --ytk-product-price-unit-size: 12px;
    --ytk-product-price-unit-weight: 550;
    --ytk-product-card-min-height: 460px;
    --ytk-product-card-radius: 14px;
    --ytk-product-card-body-padding: 18px;
    --ytk-product-card-bottom-space: 22px;
}
/* Shared custom-page layout */
.ytk-sail-container,
.ytk-sub-container,
.ytk-faq-container,
.ytk-contact-container,
.ytk-about-container,
.ytk-terms-container,
.ytk-privacy-container,
.ytk-refund-container,
.ytk-distance-container {
    width: calc(100% - var(--ytk-layout-cut)) !important;
    max-width: var(--ytk-layout-max) !important;
}

.ytk-sail-hero h1,
.ytk-sub-hero h1 {
    font-size: clamp(48px, 5.3vw, 68px) !important;
}

.ytk-faq-hero h1,
.ytk-about-hero h1 {
    font-size: clamp(40px, 4.5vw, 56px) !important;
}

.ytk-contact-hero h1,
.ytk-terms-hero h1,
.ytk-privacy-hero h1,
.ytk-refund-hero h1,
.ytk-distance-hero h1 {
    font-size: clamp(38px, 4vw, 50px) !important;
}

@media (max-width: 680px) {
    .ytk-sail-hero h1,
    .ytk-sub-hero h1 {
        font-size: 34px !important;
    }

    .ytk-faq-hero h1,
    .ytk-about-hero h1 {
        font-size: 32px !important;
    }

    .ytk-contact-hero h1,
    .ytk-terms-hero h1,
    .ytk-privacy-hero h1,
    .ytk-refund-hero h1,
    .ytk-distance-hero h1 {
        font-size: 30px !important;
    }
}


@media (max-width: 980px) {
    :root { --ytk-layout-cut: 64px; --ytk-h1-size: 42px; --ytk-h2-size: 32px; }

    :root {
        --ytk-h1-size: 44px;
        --ytk-h1-spacing: -2px;
        --ytk-h1-line-height: 1.02;
        --ytk-h2-size: 34px;
        --ytk-h2-spacing: -1.3px;
        --ytk-h2-line-height: 1.08;
    }
}

@media (max-width: 680px) {
    :root { --ytk-layout-cut: 32px; --ytk-h1-size: 30px; --ytk-h2-size: 24px; }

    :root {
        --ytk-h1-size: 30px;
        --ytk-h1-spacing: -1.55px;
        --ytk-h1-line-height: 1.03;
        --ytk-h2-size: 24px;
        --ytk-h2-spacing: -0.8px;
        --ytk-h2-line-height: 1.12;
    }
}

@media (max-width: 760px) {
    :root {
        --ytk-detail-h1-size: 24px;
        --ytk-detail-h1-line-height: 1.08;
        --ytk-detail-h1-spacing: -1.1px;
    }
}

body {
    margin: 0;
    font-family: var(--ytk-font-family);
    color: var(--ytk-ink);
    background: #ffffff;
}

button,
input,
select,
textarea {
    font-family: var(--ytk-font-family);
}


/* GLOBAL WHATSAPP CONTACT */
.ytk-whatsapp-contact {
    position: fixed;
    z-index: 999;
    left: 24px;
    bottom: 24px;
    display: inline-flex;
    min-height: 58px;
    padding: 10px 16px 10px 11px;
    align-items: center;
    gap: 11px;
    border: 1px solid rgba(26, 43, 73, 0.1);
    border-radius: 18px;
    background: #fff;
    color: #1a2b49;
    box-shadow: 0 14px 36px rgba(7, 31, 45, 0.16);
    text-decoration: none;
    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        border-color 220ms ease;
}

.ytk-whatsapp-contact:hover,
.ytk-whatsapp-contact:focus-visible {
    color: #1a2b49;
    border-color: rgba(37, 211, 102, 0.42);
    box-shadow: 0 18px 42px rgba(7, 31, 45, 0.22);
    transform: translateY(-3px);
}

.ytk-whatsapp-contact img {
    display: block;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    object-fit: contain;
}

.ytk-whatsapp-contact__copy {
    display: grid;
    gap: 1px;
}

.ytk-whatsapp-contact__copy small {
    color: rgba(26, 43, 73, 0.62);
    font-size: 11px;
    line-height: 1.1;
    font-weight: 600;
}

.ytk-whatsapp-contact__copy strong {
    color: #1a2b49;
    font-size: 14px;
    line-height: 1.15;
    font-weight: 750;
}

@media (max-width: 760px) {
    .ytk-whatsapp-contact {
        left: 14px;
        right: auto;
        bottom: 14px;
        min-height: 48px;
        padding: 8px 13px 8px 9px;
        gap: 8px;
        border-color: rgba(255, 255, 255, 0.12);
        border-radius: 999px;
        background: #1a2b49;
        color: #fff;
        box-shadow: 0 12px 28px rgba(7, 31, 45, 0.24);
    }

    body.single-product .ytk-whatsapp-contact {
        bottom: 88px;
    }

    .ytk-whatsapp-contact:hover,
    .ytk-whatsapp-contact:focus-visible {
        color: #fff;
    }

    .ytk-whatsapp-contact img {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .ytk-whatsapp-contact__copy {
        display: block;
    }

    .ytk-whatsapp-contact__copy small {
        display: none;
    }

    .ytk-whatsapp-contact__copy strong {
        color: #fff;
        font-size: 13px;
        white-space: nowrap;
    }

}


/* WhatsApp contact removed by site owner. */
.ytk-whatsapp-contact {
    display: none !important;
}
