/* Başlıktaki Rey hesap penceresi (assets/js/login-panel.js .fba-p ekler). Sitenin Ek CSS'indeki "LOGIN PANEL" kurallarının
   (30px dolgu, büyük harf, siyah düğme, yüzen etiketler) üstüne yazar; giriş sonrası menü (.rey-accountForms yerine gelir) etkilenmez. */

:root {
    --fba-band: #0095ff;
    --fba-band-tc: #ffffff;
    --fba-cta: #fbc800;
    --fba-cta-tc: #14161a;
}

/* "html body": sitenin Ek CSS'i aynı ağırlıkta !important ile genişlik/dolgu veriyor (Empoli 330px + 30px) */
html body .rey-accountPanel:has(.fba-p) {
    width: 380px !important;
    min-width: 0 !important;
    max-width: calc(100vw - 24px) !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 20px !important;
}

/* Rey beyaz zemini pencere yüksekliğinde ayrı bir katman (::before) olarak çiziyor; içerik kayınca zemin yukarıda kalıp
   formlar zeminsiz görünüyordu (telefonda). Zemin pencerenin kendisinde. */
.rey-accountPanel:has(.fba-p) {
    background: #fff !important;
}

.rey-accountPanel:has(.fba-p)::before,
.rey-accountPanel-wrapper.--layout-drop:has(.fba-p)::before {
    display: none !important;
}

.rey-accountPanel .fba-p {
    flex: 1 1 auto;
    width: 100% !important;
    max-width: none !important;
}

.fba-p {
    --fba-ink: #14161a;
    --fba-muted: #5b6069;
    --fba-line: #e3e6ea;
    --fba-link: #0a66c2;
    color: var(--fba-ink);
}

.fba-p,
.fba-p :is(input, button, label, p, span, a, div, b) {
    font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

.fba-p .fba-p-band {
    padding: 22px 22px 18px;
    background: var(--fba-band);
    color: var(--fba-band-tc);
    text-align: center;
}

.fba-p .fba-p-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

.fba-p .fba-p-band p {
    margin: 4px auto 0;
    max-width: 300px;
    color: inherit;
    font-size: 14px;
    line-height: 1.45;
    opacity: 0.95;
}

.fba-p .fba-p-band::after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    margin: 12px auto 0;
    border-radius: 2px;
    background: var(--fba-cta);
}

.fba-p .fba-p-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 4px 22px 18px;
    border-bottom: 1.5px solid var(--fba-line);
}

.fba-p .fba-p-tabs button {
    position: relative;
    min-height: 48px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--fba-muted);
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    cursor: pointer;
}

.fba-p .fba-p-tabs button[aria-selected="true"] {
    color: var(--fba-ink);
}

.fba-p .fba-p-tabs button[aria-selected="true"]::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: -1.5px;
    height: 3px;
    border-radius: 2px;
    background: var(--fba-cta);
}

.fba-p .rey-accountPanel-form {
    padding: 0 22px 22px;
}

/* Sekmeler başlığın yerini alır; şifre formunda başlık kalır */
.fba-p :is(.rey-loginForm, .rey-registerForm) .rey-accountPanel-title {
    display: none !important;
}

.fba-p .rey-forgetForm .rey-accountPanel-title {
    margin: 0 0 8px !important;
    color: var(--fba-ink) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-align: left !important;
    text-transform: none !important;
}

/* Alanlar: yüzen etiket yerine üstte sabit etiket */
.fba-p .rey-form-row--text {
    display: flex !important;
    flex-direction: column;
    margin: 0 0 14px !important;
    padding: 0 !important;
}

.fba-p .rey-form-row--text label.rey-label {
    position: static !important;
    order: -1;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: var(--fba-ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.fba-p .rey-form-row--text label.rey-label .required {
    color: #c62828 !important;
}

.fba-p input.rey-input--text {
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1.5px solid var(--fba-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--fba-ink) !important;
    font-size: 16px !important;
}

.fba-p input.rey-input--text:focus {
    border-color: var(--fba-band) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--fba-band) 18%, transparent) !important;
    outline: 0 !important;
}

/* Woo'nun göz düğmesi bu pencerede simgesiz kalıp alanın altına satır ekliyor */
.fba-p .__passVisibility-wrapper {
    display: block !important;
    position: relative;
}

.fba-p .__passVisibility-wrapper .show-password-input {
    display: none !important;
}

/* Kom ihåg mig + Glömt lösenord bir satırda, düğme altta tam genişlik */
.fba-p .rey-form-row--reset-mobile {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0 12px;
    margin: -2px 0 0 !important;
}

.fba-p .rey-form-row--reset-mobile > .col {
    flex: 0 1 auto;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fba-p .rey-form-row--reset-mobile > .col.text-right {
    flex: 1 0 100%;
    order: 3;
    margin-top: 12px !important;
}

.fba-p label.rey-label--checkbox {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    margin: 0 !important;
    cursor: pointer;
}

.fba-p label.rey-label--checkbox > span:not(.rey-label-text) {
    flex: none;
    width: 20px !important;
    padding-left: 0 !important; /* Rey kutuyu 36px dolgunun içine çiziyor */
}

.fba-p label.rey-label--checkbox .rey-label-text {
    color: var(--fba-ink) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

.fba-p .fba-p-lost {
    min-height: 44px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: var(--fba-link) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-decoration: none !important;
}

.fba-p .fba-p-lost::after {
    display: none !important;
}

/* Formlar arası geçiş sekmelerde */
.fba-p .rey-accountForms-links {
    display: none !important;
}

.fba-p button.submit-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--fba-cta) !important;
    color: var(--fba-cta-tc) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.fba-p button.submit-btn:hover {
    filter: brightness(0.96);
}

/* Metinler */
.fba-p :is(.--small-text p, .woocommerce-form-forgot-formData > p:first-child, .woocommerce-privacy-policy-text p) {
    margin: 0 0 14px !important;
    color: var(--fba-muted) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-transform: none !important;
}

.fba-p .rey-form-row.--small-text {
    margin: 0 !important;
}

.fba-p .woocommerce-privacy-policy-text a {
    color: var(--fba-ink) !important;
    font-weight: 700;
}

.fba-p .sgr-main {
    margin: 0 0 14px;
    transform-origin: left top;
}

/* Bildirimler */
.fba-p .rey-accountForms-notice.--filled {
    margin: 12px 0 0 !important;
    padding: 10px 12px !important;
    border-radius: 12px;
    background: #fdecec;
    color: #8a1c1c;
    font-size: 13px;
    line-height: 1.45;
}

.fba-p .rey-accountForms-notice.--filled * {
    color: inherit !important;
}

.fba-p .rey-accountForms-notice.--filled :is(ul, li, div, p) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    list-style: none !important;
    min-height: 0 !important;
}

.fba-p .rey-accountForms-notice.--filled :is(ul, li, div, p)::before {
    display: none !important;
}

.fba-p .rey-accountForms-notice.--filled a {
    font-weight: 700;
}

/* Sosyal giriş: "eller" ayracı kapsayıcıyla birlikte gizlenir (uygulamada .nsl-container gizli) */
.fba-p .nsl-container {
    margin: 0 !important;
    padding: 0 !important;
}

.fba-p .nsl-container::before {
    content: var(--fba-or, "eller");
    display: flex;
    justify-content: center;
    margin: 18px 0 12px;
    color: var(--fba-muted);
    font-size: 13px;
    background: linear-gradient(var(--fba-line), var(--fba-line)) left center / calc(50% - 30px) 1px no-repeat,
        linear-gradient(var(--fba-line), var(--fba-line)) right center / calc(50% - 30px) 1px no-repeat;
}

.fba-p .nsl-container-buttons {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    width: 100% !important;
    padding: 0 !important;
}

.fba-p .nsl-container-buttons a {
    display: block !important;
    margin: 0 !important;
}

.fba-p .nsl-button {
    display: flex !important;
    align-items: center;
    height: auto !important;
    min-height: 48px;
    margin: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.fba-p .nsl-button-google {
    border: 1.5px solid var(--fba-line) !important;
    background: #fff !important;
}

.fba-p .nsl-button-google .nsl-button-label-container {
    color: #1f1f1f !important;
}

.fba-p .nsl-button-label-container {
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* Pencere uzun formda ekrana sığsın; kaydırma pencerenin içinde kalır */
@media (max-width: 767px) {
    html body .rey-accountPanel:has(.fba-p) {
        width: auto !important;
        max-height: calc(100dvh - 140px);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: none;
    }

    .rey-accountPanel:has(.fba-p)::-webkit-scrollbar {
        display: none;
    }
}

/* Kısa ekran (tarayıcı çubukları açık telefon): bant ve boşluklar sıkılaşır */
@media (max-width: 767px) and (max-height: 760px) {
    .fba-p .fba-p-band {
        padding: 14px 18px 12px;
    }

    .fba-p .fba-p-title {
        font-size: 19px;
    }

    .fba-p .fba-p-band p {
        font-size: 13px;
    }

    .fba-p .fba-p-band::after {
        margin-top: 8px;
    }

    .fba-p .fba-p-tabs {
        margin: 0 18px 12px;
    }

    .fba-p .fba-p-tabs button {
        min-height: 44px;
    }

    .fba-p .rey-accountPanel-form {
        padding: 0 18px 18px;
    }

    .fba-p .rey-form-row--text {
        margin-bottom: 10px !important;
    }

    .fba-p input.rey-input--text {
        height: 46px !important;
    }

    .fba-p button.submit-btn {
        height: 48px !important;
    }

    .fba-p .nsl-container::before {
        margin: 12px 0 10px;
    }

    .fba-p .nsl-button {
        min-height: 44px;
    }
}

/* Giriş yapmış müşteri: bant + simgeli satırlar */
.fba-p--menu .woocommerce-MyAccount-navigation {
    margin: 0 !important;
    padding: 6px 14px 16px !important;
}

.fba-p--menu .woocommerce-MyAccount-navigation .rey-accountPanel-title {
    display: none !important;
}

.fba-p--menu .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.fba-p--menu .woocommerce-MyAccount-navigation li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--fba-line) !important;
    border-radius: 0 !important;
    background: none !important;
    font-size: 15px !important;
    text-align: left !important;
}

.fba-p--menu .woocommerce-MyAccount-navigation li a {
    --fba-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
    position: relative;
    display: flex !important;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 28px 0 8px !important;
    border: 0 !important;
    border-radius: 10px;
    background: none !important;
    color: var(--fba-ink) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

.fba-p--menu .woocommerce-MyAccount-navigation li a::before {
    content: "";
    flex: none;
    width: 20px;
    height: 20px;
    background: var(--fba-muted);
    -webkit-mask: var(--fba-ico) center / contain no-repeat;
    mask: var(--fba-ico) center / contain no-repeat;
}

.fba-p--menu .woocommerce-MyAccount-navigation li a::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin: 0 !important;
    border: solid #a3a8b0;
    border-width: 2px 2px 0 0;
    background: none !important;
    transform: translateY(-50%) rotate(45deg);
    opacity: 1 !important;
}

.fba-p--menu .woocommerce-MyAccount-navigation li a:hover,
.fba-p--menu .woocommerce-MyAccount-navigation li a:focus-visible {
    background: #f5f6f8 !important;
}

.fba-p--menu .woocommerce-MyAccount-navigation li a sup {
    top: 0;
    min-width: 22px;
    height: 22px;
    margin-left: auto;
    padding: 0 7px;
    border: 0 !important;
    border-radius: 11px;
    background: var(--fba-cta);
    color: var(--fba-cta-tc);
    font-size: 12px;
    font-weight: 800;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
}

.fba-p--menu li[class*="--orders"] a { --fba-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E"); }
.fba-p--menu li[class*="bonus"] a { --fba-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E"); }
.fba-p--menu li[class*="booking"] a { --fba-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16'/%3E%3C/svg%3E"); }
.fba-p--menu li[class*="--edit-account"] a { --fba-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }
.fba-p--menu li[class*="address"] a { --fba-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E"); }
.fba-p--menu li[class*="referral"] a,
.fba-p--menu li[class*="refer"] a { --fba-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M5 12v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-8M12 8C10 4 6 4 6 6.5S10 8 12 8zM12 8c2-4 6-4 6-1.5S14 8 12 8z'/%3E%3C/svg%3E"); }
.fba-p--menu li[class*="radera"] a,
.fba-p--menu li[class*="delete"] a { --fba-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13'/%3E%3C/svg%3E"); color: var(--fba-muted) !important; font-weight: 500 !important; }

/* Logga ut: satır değil, alttaki ikincil düğme */
.fba-p--menu .woocommerce-MyAccount-navigation li[class*="customer-logout"] {
    margin-top: 14px !important;
    border-bottom: 0 !important;
}

.fba-p--menu .woocommerce-MyAccount-navigation li[class*="customer-logout"] a {
    justify-content: center;
    min-height: 48px;
    padding: 0 16px !important;
    border: 1.5px solid var(--fba-line) !important;
    border-radius: 12px;
    color: var(--fba-ink) !important;
    font-weight: 700 !important;
}

.fba-p--menu .woocommerce-MyAccount-navigation li[class*="customer-logout"] a::before,
.fba-p--menu .woocommerce-MyAccount-navigation li[class*="customer-logout"] a::after {
    display: none !important;
}