/* Public membership pages: calm, readable forms with clear focus and validation states. */
.wa-membership-page {
    --wa-member-ink: #183326;
    --wa-member-muted: #617268;
    --wa-member-line: #dce7df;
    --wa-member-green: #218a53;
    --wa-member-green-dark: #17683f;
    color: var(--wa-member-ink);
    padding-bottom: clamp(44px, 6vw, 76px);
    background: #f7faf8;
}
.wa-membership-page,
.wa-membership-page * { box-sizing: border-box; }
.wa-membership-hero {
    padding: clamp(28px, 4vw, 46px) 0 clamp(25px, 3.5vw, 38px);
    border-bottom: 1px solid #e8eee9;
    background: #fff;
}
.wa-membership-hero .container,
.wa-membership-content > .container { width: min(100% - 36px, 1120px); }
.wa-membership-breadcrumb {
    color: #718078;
    font-size: 13px;
    font-weight: 540;
    line-height: 1.5;
}
.wa-membership-breadcrumb span { padding: 0 6px; color: #a1aea5; }
.wa-membership-hero h1 {
    margin: 0;
    color: var(--wa-member-ink);
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 740;
    letter-spacing: -.035em;
    line-height: 1.2;
}
.wa-membership-content { padding-top: clamp(30px, 5vw, 56px); }
.wa-membership-auth .wa-membership-content { padding-top: clamp(30px, 4.5vw, 52px); }
.wa-membership-card,
.wa-membership-panel {
    overflow: hidden;
    border: 1px solid #e4ece6 !important;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(26, 54, 37, .065);
}
.wa-membership-card .card-body { padding: clamp(24px, 5vw, 44px); }
.wa-membership-eyebrow {
    margin: 0 0 9px;
    color: var(--wa-member-green-dark);
    font-size: 11px;
    font-weight: 760;
    letter-spacing: .095em;
    line-height: 1.4;
    text-transform: uppercase;
}
.wa-membership-title {
    margin: 0 0 8px;
    color: var(--wa-member-ink);
    font-size: clamp(23px, 3vw, 28px);
    font-weight: 730;
    letter-spacing: -.03em;
    line-height: 1.25;
}
.wa-membership-intro {
    margin: 0 0 26px;
    color: var(--wa-member-muted);
    font-size: 15px;
    line-height: 1.6;
}
.wa-membership-page .form-label {
    margin-bottom: 7px;
    color: #2c4336;
    font-size: 14px;
    font-weight: 650;
}
.wa-membership-page .form-control {
    min-height: 48px;
    padding: 11px 13px;
    border: 1px solid #cfdcd2;
    border-radius: 8px;
    color: #193528;
    background-color: #fff;
    font-size: 15px;
    line-height: 1.45;
    box-shadow: none;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.wa-membership-page .form-control::placeholder { color: #87948b; }
.wa-membership-page .form-control:focus {
    border-color: #388b5b;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(33, 138, 83, .14);
}
.wa-membership-page .form-control[readonly] {
    color: #52655a;
    background: #f4f7f5;
}
.wa-membership-page .form-control:user-invalid {
    border-color: #c45454;
}
.wa-membership-page .form-text {
    margin-top: 6px;
    color: #718078;
    font-size: 12px;
    line-height: 1.5;
}
.wa-membership-alert {
    margin: 0 0 22px;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
}
.wa-membership-alert.alert-danger {
    border-color: #f0c9c9;
    color: #842d32;
    background: #fff5f4;
}
.wa-membership-alert.alert-success {
    border-color: #c9e4d2;
    color: #205d39;
    background: #f1faf4;
}
.wa-membership-page .wa-membership-submit,
.wa-membership-page .wa-membership-submit-secondary {
    min-height: 48px;
    padding: 11px 18px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 680;
    line-height: 1.4;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.wa-membership-page .wa-membership-submit {
    border-color: var(--wa-member-green);
    color: #fff;
    background: var(--wa-member-green);
}
.wa-membership-page .wa-membership-submit:hover,
.wa-membership-page .wa-membership-submit:focus-visible {
    border-color: var(--wa-member-green-dark);
    background: var(--wa-member-green-dark);
    box-shadow: 0 4px 12px rgba(25, 105, 62, .18);
}
.wa-membership-page .wa-membership-submit-secondary {
    border: 1px solid #3e8a5e;
    color: #236c43;
    background: #fff;
}
.wa-membership-page .wa-membership-submit-secondary:hover,
.wa-membership-page .wa-membership-submit-secondary:focus-visible {
    color: #165c36;
    border-color: #2e794d;
    background: #f2f8f4;
}
.wa-membership-page a:focus-visible,
.wa-membership-page button:focus-visible {
    outline: 3px solid rgba(33, 138, 83, .28);
    outline-offset: 3px;
}
.wa-membership-switch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px 8px;
    margin-top: 25px;
    padding-top: 19px;
    border-top: 1px solid #edf1ee;
    color: #68786e;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}
.wa-membership-switch a {
    color: #17683f;
    font-weight: 680;
    text-decoration: underline;
    text-decoration-color: rgba(23, 104, 63, .35);
    text-underline-offset: 3px;
}
.wa-membership-switch a:hover { color: #104d2f; text-decoration-color: currentColor; }

/* Signed-in account page */
.wa-membership-account .wa-membership-content > .container { max-width: 1120px; }
.wa-membership-account-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin: 0 0 26px;
    padding: 22px 24px;
    border: 1px solid #e3ebe5;
    border-radius: 13px;
    background: #fff;
}
.wa-membership-account-heading .wa-membership-eyebrow { margin-bottom: 5px; }
.wa-membership-account-heading h2 {
    margin: 0 0 4px;
    color: var(--wa-member-ink);
    font-size: clamp(21px, 2.5vw, 26px);
    font-weight: 720;
    letter-spacing: -.025em;
}
.wa-membership-account-heading p:not(.wa-membership-eyebrow) {
    margin: 0;
    color: var(--wa-member-muted);
    font-size: 14px;
    line-height: 1.5;
}
.wa-membership-logout { flex: 0 0 auto; margin: 0; }
.wa-membership-logout .btn {
    min-height: 42px;
    padding: 9px 14px;
    border-color: #d3ddd6;
    border-radius: 8px;
    color: #3d5145;
    font-size: 13px;
    font-weight: 630;
    background: #fff;
}
.wa-membership-logout .btn:hover { border-color: #b7c8bc; color: #203b2b; background: #f5f8f6; }
.wa-membership-panel .card-body { padding: clamp(22px, 3.4vw, 32px); }
.wa-membership-panel-heading { margin-bottom: 23px; padding-bottom: 17px; border-bottom: 1px solid #edf1ee; }
.wa-membership-panel-heading h2 {
    margin: 0 0 6px;
    color: var(--wa-member-ink);
    font-size: 20px;
    font-weight: 710;
    letter-spacing: -.02em;
}
.wa-membership-panel-heading p { margin: 0; color: var(--wa-member-muted); font-size: 13px; line-height: 1.5; }
.wa-membership-date {
    margin-top: 22px;
    padding-top: 15px;
    border-top: 1px solid #edf1ee;
    color: #718078;
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 575.98px) {
    .wa-membership-hero .container,
    .wa-membership-content > .container { width: min(100% - 28px, 1120px); }
    .wa-membership-page { padding-bottom: 38px; }
    .wa-membership-hero { padding-top: 24px; padding-bottom: 23px; }
    .wa-membership-auth .wa-membership-content { padding-top: 24px; }
    .wa-membership-card .card-body { padding: 23px 19px; }
    .wa-membership-account-heading { align-items: flex-start; flex-direction: column; gap: 16px; padding: 19px; }
    .wa-membership-logout { width: 100%; }
    .wa-membership-logout .btn { width: 100%; }
    .wa-membership-panel .card-body { padding: 21px 19px; }
    .wa-membership-page .wa-membership-submit,
    .wa-membership-page .wa-membership-submit-secondary { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .wa-membership-page *, .wa-membership-page *::before, .wa-membership-page *::after { transition-duration: .01ms !important; }
}

.wa-password-field{position:relative}.wa-password-field .form-control{padding-right:78px}.wa-password-toggle{position:absolute;top:50%;right:8px;min-width:54px;padding:5px 7px;transform:translateY(-50%);border:1px solid #cfdcd2;border-radius:6px;color:#356348;background:#f5faf6;font-size:11px;font-weight:700;cursor:pointer}.wa-password-toggle:hover{color:#fff;background:#218a53;border-color:#218a53}.wa-password-status{min-height:18px;margin-top:6px;color:#718078;font-size:12px}.wa-password-status.is-valid{color:#218a53;font-weight:650}.wa-password-status.is-invalid{color:#b33b43;font-weight:650}

.wa-account-hero-note{margin:7px 0 0;color:#718078;font-size:13px}.wa-account-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}.wa-account-sidebar{position:sticky;top:22px;padding:18px;border:1px solid #e1ebe4;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(26,54,37,.05)}.wa-account-profile{display:flex;align-items:center;flex-direction:column;padding-bottom:17px;border-bottom:1px solid #edf1ee;text-align:center}.wa-account-avatar{display:grid;width:58px;height:58px;place-items:center;margin-bottom:9px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#218a53,#17683f);font-size:24px;font-weight:760}.wa-account-profile strong{color:#1d3b2b;font-size:14px}.wa-account-profile span{max-width:100%;margin-top:4px;overflow:hidden;color:#718078;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.wa-account-profile small{margin-top:8px;padding:4px 9px;border-radius:20px;color:#1d7a49;background:#e9f7ee;font-size:10px;font-weight:700}.wa-account-nav{display:flex;flex-direction:column;gap:4px;margin:15px 0}.wa-account-nav a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:8px;color:#5e7165;font-size:12px;font-weight:620;text-decoration:none}.wa-account-nav a i{font-size:17px}.wa-account-nav a:hover,.wa-account-nav a.is-active{color:#17683f;background:#eff8f2}.wa-account-logout{padding-top:13px;border-top:1px solid #edf1ee}.wa-account-logout button{width:100%;padding:9px;border:1px solid #efcfd0;border-radius:7px;color:#a53f45;background:#fff7f7;font-size:11px;font-weight:700}.wa-account-dashboard{display:flex;min-width:0;flex-direction:column;gap:17px}.wa-account-welcome,.wa-account-section{border:1px solid #e1ebe4;border-radius:13px;background:#fff;box-shadow:0 8px 25px rgba(26,54,37,.045)}.wa-account-welcome{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px}.wa-account-welcome .wa-membership-eyebrow{margin-bottom:5px}.wa-account-welcome h2{margin:0 0 5px;color:#1b3929;font-size:22px}.wa-account-welcome p:not(.wa-membership-eyebrow){margin:0;color:#718078;font-size:13px}.wa-account-welcome-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;color:#fff;background:#218a53;font-size:24px}.wa-account-section{overflow:hidden}.wa-account-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #e2ebe5;background:#f5faf7}.wa-account-section-head h2{margin:0;color:#1d4430;font-size:14px;font-weight:740}.wa-account-section-head h2 i{margin-right:5px;color:#218a53}.wa-account-section-head p{margin:3px 0 0;color:#78887e;font-size:11px}.wa-account-section-head>a{padding:7px 10px;border-radius:6px;color:#fff;background:#218a53;font-size:10px;font-weight:700;text-decoration:none}.wa-account-table-wrap{overflow:auto}.wa-account-table{width:100%;border-collapse:collapse;font-size:11px}.wa-account-table th,.wa-account-table td{padding:11px 14px;border-bottom:1px solid #edf1ee;color:#5e7165;text-align:left;white-space:nowrap}.wa-account-table th{color:#829188;background:#fbfdfb;font-size:10px;font-weight:700}.wa-account-table td:first-child{color:#284f39;font-weight:700}.wa-account-badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:700}.wa-account-badge.is-paid{color:#218a53;background:#e8f7ed}.wa-account-badge.is-pending{color:#9a6b20;background:#fff6dd}.wa-account-empty{text-align:center!important;padding:24px!important;color:#8b9990!important}.wa-account-notice-box{display:flex;align-items:flex-start;gap:10px;margin:14px;padding:12px 14px;border:1px solid #dcecf4;border-radius:8px;color:#547183;background:#f3fbff;font-size:11px;line-height:1.55}.wa-account-notice-box i{color:#2786b2;font-size:18px}.wa-account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}.wa-account-stats>div{display:flex;min-height:74px;justify-content:center;flex-direction:column;padding:11px 13px;border:1px solid #e1ebe4;border-radius:8px;background:#fbfdfb}.wa-account-stats strong{color:#1f5c3a;font-size:19px}.wa-account-stats span{margin-top:4px;color:#7d8b82;font-size:10px}.wa-account-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.wa-account-edit-grid .wa-membership-panel{box-shadow:0 8px 25px rgba(26,54,37,.045)}
@media (max-width:900px){.wa-account-layout{grid-template-columns:1fr}.wa-account-sidebar{position:static}.wa-account-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wa-account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-account-edit-grid{grid-template-columns:1fr}}
@media (max-width:520px){.wa-account-welcome{align-items:flex-start;padding:18px;flex-direction:column}.wa-account-stats{grid-template-columns:1fr}.wa-account-section-head{align-items:flex-start;flex-direction:column}.wa-account-table th,.wa-account-table td{padding:10px 11px}}

.wa-account-form-body{padding:20px 22px}.wa-account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.wa-account-form-grid>.wide{grid-column:1/-1}.wa-account-form-body .form-label{display:block}.wa-account-form-body .btn{min-height:42px;padding:9px 17px;font-size:13px}@media(max-width:600px){.wa-account-form-grid{grid-template-columns:1fr}.wa-account-form-grid>.wide{grid-column:auto}}

.wa-account-nav a i,.wa-account-logout button i{display:inline-flex;width:19px;min-width:19px;align-items:center;justify-content:center;pointer-events:none}.wa-account-nav a{cursor:pointer}

/* Account navigation icons remain visible even when the icon font is unavailable. */
.wa-account-nav a i,.wa-account-logout button i{font-style:normal;line-height:1}.wa-account-nav a i.bx-grid-alt::before{content:'▦'!important;font-family:Arial,sans-serif!important}.wa-account-nav a i.bx-receipt::before{content:'▤'!important;font-family:Arial,sans-serif!important}.wa-account-nav a i.bx-user::before{content:'♙'!important;font-family:Arial,sans-serif!important}.wa-account-nav a i.bx-lock-alt::before{content:'▣'!important;font-family:Arial,sans-serif!important}.wa-account-nav a i.bx-cart::before{content:'▱'!important;font-family:Arial,sans-serif!important}.wa-account-logout button i.bx-log-out::before{content:'↪'!important;font-family:Arial,sans-serif!important}

.wa-inline-icon{display:inline-flex;width:19px;height:19px;align-items:center;justify-content:center;flex:0 0 19px;pointer-events:none}.wa-inline-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wa-account-section-head .wa-inline-icon{margin-right:5px;vertical-align:-4px}.wa-account-nav a,.wa-account-logout button{cursor:pointer}

.wa-support-list{display:grid;gap:14px}.wa-support-ticket{border:1px solid #e6ece9;border-radius:14px;padding:18px;background:#fff}.wa-support-ticket-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wa-support-ticket-head strong{display:block;color:#173b30}.wa-support-ticket-head small{display:block;margin-top:4px;color:#84928d}.wa-support-ticket>p{margin:14px 0 0;color:#465650;line-height:1.65}.wa-support-reply{margin-top:16px;padding:14px 16px;border-left:3px solid #157a55;background:#f1f8f4;border-radius:0 10px 10px 0}.wa-support-reply strong{color:#157a55}.wa-support-reply p{margin:7px 0 0;color:#465650;line-height:1.6}.wa-account-badge.acik{background:#fff4dc;color:#9a6500}.wa-account-badge.yanitlendi{background:#e5f7ed;color:#157a55}.wa-account-badge.kapali{background:#edf0f1;color:#64706c}.wa-support-create{margin-bottom:18px}.wa-support-create .wa-account-form-body{padding-top:4px}.wa-inline-icon{font-size:18px;font-weight:700;line-height:1}

/* Referans hesap paneli: bölümlü üye menüsü */
.wa-account-nav{gap:3px}.wa-account-nav-heading{display:block;margin:14px 8px 4px;color:#839188;font-size:9px;font-weight:800;letter-spacing:.08em;line-height:1.2}.wa-account-nav-heading:first-child{margin-top:3px}.wa-account-nav a{min-height:35px;padding:8px 10px}.wa-account-nav a span:last-child{min-width:0}.wa-account-nav a.is-active{box-shadow:inset 3px 0 0 #218a53}.wa-account-nav .wa-inline-icon{color:#6c7f74}.wa-account-nav a.is-active .wa-inline-icon{color:#218a53}.wa-account-logout{margin-top:15px}.wa-account-logout button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;text-transform:none}.wa-account-logout .wa-inline-icon{color:currentColor}