/* =========================================================================
   SANDLINE — My Account / Login / Register override stylesheet
   Bu dosya footer'da Woodmart inline CSS'inden SONRA yüklenir.
   Dolayısıyla Woodmart varsayılan stillerini güvenle ezer.
   Tüm Woodmart sınıfları korunur; yalnızca görsel katman.
   ========================================================================= */

:root {
  --sl-bg: #ffffff;
  --sl-surface: #ffffff;
  --sl-surface-2: #fafafa;
  --sl-surface-3: #f4f4f5;
  --sl-ink: #111111;
  --sl-ink-soft: #3f3f46;
  --sl-muted: #71717a;
  --sl-line: rgba(17, 17, 17, 0.08);
  --sl-line-strong: rgba(17, 17, 17, 0.16);
  --sl-danger: #dc2626;
  --sl-success: #16a34a;
  --sl-warning: #d97706;
  --sl-radius-sm: 8px;
  --sl-radius: 12px;
  --sl-radius-lg: 16px;
  --sl-shadow-sm: 0 1px 2px rgba(17, 17, 17, 0.04);
  --sl-shadow: 0 4px 16px rgba(17, 17, 17, 0.06);
  --sl-shadow-lg: 0 12px 40px rgba(17, 17, 17, 0.08);
  --sl-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --sl-dur: 220ms;
}

/* =========================================================================
   Kart konteyner — koyu sayfa üzerinde aydınlık ada
   ========================================================================= */
body.woocommerce-account .wd-registration-page {
  position: relative;
  max-width: 1120px !important;
  margin: 24px auto 48px !important;
  padding: clamp(28px, 4vw, 56px) !important;
  border-radius: var(--sl-radius-lg) !important;
  background:
    radial-gradient(900px 360px at 0% 0%, rgba(17, 17, 17, 0.04), transparent 60%),
    radial-gradient(700px 300px at 100% 100%, rgba(17, 17, 17, 0.035), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
  border: 1px solid var(--sl-line) !important;
  box-shadow: var(--sl-shadow-lg) !important;
  color: var(--sl-ink) !important;
  overflow: hidden;
  isolation: isolate;
}

/* Üst marka şeridi */
body.woocommerce-account .wd-registration-page::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #111 0%, #444 50%, #111 100%);
  z-index: 1;
}

/* Nokta dokulu hafif arkaplan */
body.woocommerce-account .wd-registration-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: radial-gradient(rgba(17, 17, 17, 0.06) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.5), transparent 70%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0.5), transparent 70%);
  pointer-events: none;
}

/* =========================================================================
   İki sütun düzeni
   ========================================================================= */
body.woocommerce-account .wd-registration-page #customer_login {
  display: grid !important;
  grid-template-columns: 1fr 1px 1fr !important;
  gap: 0 !important;
  margin: 0 !important;
  align-items: stretch !important;
}

body.woocommerce-account .wd-registration-page #customer_login::before {
  content: "";
  grid-column: 2 / 3;
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--sl-line-strong) 20%, var(--sl-line-strong) 80%, transparent);
  margin: 24px 0;
  border: 0 !important;
}

/* Woodmart varsayılan sağ-sol border'ını sıfırla */
body.woocommerce-account .wd-registration-page #customer_login > div {
  border: 0 !important;
  border-inline-start: 0 !important;
  border-inline-end: 0 !important;
}

body.woocommerce-account .wd-registration-page .wd-col.col-login {
  grid-column: 1 / 2;
  padding: 16px clamp(20px, 3vw, 40px) 16px 8px !important;
}
body.woocommerce-account .wd-registration-page .wd-col.col-register {
  grid-column: 3 / 4;
  padding: 16px 8px 16px clamp(20px, 3vw, 40px) !important;
}

/* Kayıt kapalıysa tek sütun */
body.woocommerce-account .wd-registration-page.wd-no-registration {
  max-width: 520px !important;
}
body.woocommerce-account .wd-registration-page.wd-no-registration .wd-col.col-login,
body.woocommerce-account .wd-registration-page .wd-col.col-login:only-child {
  padding: 0 !important;
  grid-column: 1 / -1;
}

/* =========================================================================
   Başlıklar
   ========================================================================= */
body.woocommerce-account .wd-registration-page .wd-login-title {
  font-size: clamp(22px, 2.2vw, 28px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: var(--sl-ink) !important;
  margin: 0 0 6px !important;
  line-height: 1.2 !important;
  position: relative;
  padding-bottom: 14px !important;
  text-transform: none !important;
}
body.woocommerce-account .wd-registration-page .wd-login-title::after {
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  background: var(--sl-ink);
  margin-top: 10px;
  border-radius: 2px;
}

body.woocommerce-account .wd-registration-page .login-info,
body.woocommerce-account .wd-registration-page .registration-info {
  color: var(--sl-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 0 22px !important;
}

/* =========================================================================
   Form (login + register)
   ========================================================================= */
body.woocommerce-account .wd-registration-page .woocommerce-form-login,
body.woocommerce-account .wd-registration-page .woocommerce-form-register {
  border: 0 !important;
  background: transparent !important;
  padding: 8px 0 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

body.woocommerce-account .wd-registration-page .form-row {
  margin: 0 0 16px !important;
  padding: 0 !important;
  display: block !important;
}

body.woocommerce-account .wd-registration-page .form-row label:not(.checkbox) {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--sl-muted) !important;
  margin: 0 0 8px !important;
}
body.woocommerce-account .wd-registration-page .form-row .required {
  color: var(--sl-ink) !important;
  text-decoration: none !important;
  margin-left: 2px;
}

/* Input alanları — taban */
body.woocommerce-account .wd-registration-page .form-row input.input-text,
body.woocommerce-account .wd-registration-page .form-row input[type="text"],
body.woocommerce-account .wd-registration-page .form-row input[type="email"],
body.woocommerce-account .wd-registration-page .form-row input[type="password"] {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--sl-line-strong) !important;
  border-radius: var(--sl-radius) !important;
  background-color: #ffffff !important;
  background-repeat: no-repeat !important;
  background-position: 16px center !important;
  background-size: 18px 18px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  color: var(--sl-ink) !important;
  box-shadow: var(--sl-shadow-sm) !important;
  transition: border-color var(--sl-dur) var(--sl-ease),
              box-shadow var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .wd-registration-page .form-row input.input-text::placeholder {
  color: #a1a1aa !important;
  font-weight: 400;
}
body.woocommerce-account .wd-registration-page .form-row input.input-text:hover {
  border-color: var(--sl-ink-soft) !important;
}
body.woocommerce-account .wd-registration-page .form-row input.input-text:focus {
  border-color: var(--sl-ink) !important;
  box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08) !important;
  outline: 0 !important;
  background-color: #ffffff !important;
}

/* E-posta / kullanıcı ikonu */
body.woocommerce-account .wd-registration-page .form-row input#username,
body.woocommerce-account .wd-registration-page .form-row input#reg_email,
body.woocommerce-account .wd-registration-page .form-row input[type="email"],
body.woocommerce-account .wd-registration-page .form-row input[name="username"],
body.woocommerce-account .wd-registration-page .form-row input[name="email"] {
  padding-left: 44px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><polyline points='22,6 12,13 2,6'/></svg>") !important;
}

/* Şifre ikonu */
body.woocommerce-account .wd-registration-page .form-row input[type="password"],
body.woocommerce-account .wd-registration-page .form-row input#password,
body.woocommerce-account .wd-registration-page .form-row input#reg_password {
  padding-left: 44px !important;
  padding-right: 48px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") !important;
}

/* Şifre göster/gizle butonu */
body.woocommerce-account .wd-registration-page .password-input {
  position: relative !important;
  display: block !important;
}
body.woocommerce-account .wd-registration-page .show-password-input {
  position: absolute !important;
  inset-inline-end: 14px !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  color: var(--sl-muted) !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity var(--sl-dur) var(--sl-ease), color var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .wd-registration-page .show-password-input:hover {
  opacity: 1;
  color: var(--sl-ink) !important;
}

/* Şifre güç göstergesi */
body.woocommerce-account .wd-registration-page .woocommerce-password-strength {
  border-radius: var(--sl-radius-sm) !important;
  padding: 8px 12px !important;
  margin-top: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-align: center !important;
  border: 1px solid var(--sl-line) !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-password-strength.short {
  background: rgba(220, 38, 38, 0.06) !important;
  color: var(--sl-danger) !important;
  border-color: rgba(220, 38, 38, 0.2) !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-password-strength.bad {
  background: rgba(217, 119, 6, 0.06) !important;
  color: var(--sl-warning) !important;
  border-color: rgba(217, 119, 6, 0.2) !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-password-strength.good {
  background: rgba(22, 163, 74, 0.06) !important;
  color: var(--sl-success) !important;
  border-color: rgba(22, 163, 74, 0.2) !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-password-strength.strong {
  background: var(--sl-success) !important;
  color: #fff !important;
  border-color: var(--sl-success) !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-password-hint {
  font-size: 12px !important;
  color: var(--sl-muted) !important;
  margin-top: 6px !important;
  line-height: 1.5 !important;
}

/* "Beni hatırla" + "Şifremi unuttum" satırı (Woodmart .login-form-footer) */
body.woocommerce-account .wd-registration-page .login-form-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 4px 0 18px !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-form-login__rememberme {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 14px !important;
  color: var(--sl-ink-soft) !important;
  cursor: pointer !important;
  user-select: none !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-form-login__rememberme input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 1.5px solid var(--sl-line-strong) !important;
  border-radius: 5px !important;
  background: #fff !important;
  cursor: pointer !important;
  position: relative !important;
  flex-shrink: 0 !important;
  transition: background var(--sl-dur) var(--sl-ease),
              border-color var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-form-login__rememberme input[type="checkbox"]:checked {
  background: var(--sl-ink) !important;
  border-color: var(--sl-ink) !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-form-login__rememberme input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
body.woocommerce-account .wd-registration-page .woocommerce-form-login__rememberme span {
  font-weight: 500 !important;
  color: var(--sl-ink-soft) !important;
}

body.woocommerce-account .wd-registration-page .lost_password,
body.woocommerce-account .wd-registration-page .woocommerce-LostPassword {
  margin: 0 !important;
  font-size: 13px !important;
}
body.woocommerce-account .wd-registration-page .lost_password a,
body.woocommerce-account .wd-registration-page .woocommerce-LostPassword a {
  color: var(--sl-muted) !important;
  text-decoration: none !important;
  border-bottom: 1px dashed var(--sl-line-strong) !important;
  padding-bottom: 1px !important;
  transition: color var(--sl-dur) var(--sl-ease), border-color var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .wd-registration-page .lost_password a:hover,
body.woocommerce-account .wd-registration-page .woocommerce-LostPassword a:hover {
  color: var(--sl-ink) !important;
  border-bottom-color: var(--sl-ink) !important;
}

/* Gizlilik politikası */
body.woocommerce-account .wd-registration-page .woocommerce-privacy-policy-text {
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: var(--sl-muted) !important;
  margin: 4px 0 18px !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-privacy-policy-text a {
  color: var(--sl-ink) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--sl-line-strong) !important;
  text-underline-offset: 3px !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-privacy-policy-text a:hover {
  text-decoration-color: var(--sl-ink) !important;
}

/* =========================================================================
   Submit butonu — büyük, prestijli, pill
   ========================================================================= */
body.woocommerce-account .wd-registration-page .woocommerce-form-login .button,
body.woocommerce-account .wd-registration-page .woocommerce-form-register .button,
body.woocommerce-account .wd-registration-page .woocommerce-form-login__submit,
body.woocommerce-account .wd-registration-page .woocommerce-form-register__submit,
body.woocommerce-account .wd-registration-page button[name="login"],
body.woocommerce-account .wd-registration-page button[name="register"] {
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 15px 28px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  border-radius: 999px !important;
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  box-shadow: 0 6px 20px rgba(17, 17, 17, 0.12) !important;
  cursor: pointer;
  transition: transform var(--sl-dur) var(--sl-ease),
              box-shadow var(--sl-dur) var(--sl-ease),
              background var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .wd-registration-page .woocommerce-form-login .button::after,
body.woocommerce-account .wd-registration-page .woocommerce-form-register .button::after,
body.woocommerce-account .wd-registration-page button[name="login"]::after,
body.woocommerce-account .wd-registration-page button[name="register"]::after {
  content: " →";
  display: inline;
  margin-left: 4px;
  transition: transform var(--sl-dur) var(--sl-ease);
}
body.woocommerce-account .wd-registration-page .woocommerce-form-login .button:hover,
body.woocommerce-account .wd-registration-page .woocommerce-form-register .button:hover,
body.woocommerce-account .wd-registration-page button[name="login"]:hover,
body.woocommerce-account .wd-registration-page button[name="register"]:hover {
  background: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(17, 17, 17, 0.22) !important;
}

/* =========================================================================
   "Veya" ayırıcı + sekmeli mod
   ========================================================================= */
body.woocommerce-account .wd-registration-page .wd-login-divider {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 18px !important;
  color: var(--sl-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
body.woocommerce-account .wd-registration-page .wd-login-divider::before,
body.woocommerce-account .wd-registration-page .wd-login-divider::after {
  content: "";
  flex: 1 0 0;
  height: 1px;
  background: var(--sl-line-strong) !important;
  border: 0 !important;
}
body.woocommerce-account .wd-registration-page .wd-login-divider span {
  margin: 0 !important;
  background: transparent;
}

/* Tabs modu */
body.woocommerce-account .wd-registration-page.wd-register-tabs {
  max-width: 520px !important;
}
body.woocommerce-account .wd-registration-page.wd-register-tabs #customer_login {
  display: block !important;
}
body.woocommerce-account .wd-registration-page.wd-register-tabs #customer_login::before {
  display: none !important;
}
body.woocommerce-account .wd-registration-page.wd-register-tabs .wd-col {
  padding: 0 !important;
  width: 100% !important;
}
body.woocommerce-account .wd-registration-page.wd-register-tabs .wd-col.col-register-text {
  display: block !important;
  margin-top: 24px !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--sl-line) !important;
  text-align: center !important;
}
body.woocommerce-account .wd-registration-page.wd-register-tabs .wd-switch-to-register {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--sl-ink) !important;
  border: 1.5px solid var(--sl-line-strong) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  transition: border-color var(--sl-dur) var(--sl-ease),
              background var(--sl-dur) var(--sl-ease),
              color var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .wd-registration-page.wd-register-tabs .wd-switch-to-register:hover {
  background: var(--sl-ink) !important;
  color: #ffffff !important;
  border-color: var(--sl-ink) !important;
  transform: none !important;
}

/* Default modda 'col-register-text' gizli */
body.woocommerce-account .wd-registration-page:not(.wd-register-tabs) .wd-col.col-register-text {
  display: none !important;
}

/* =========================================================================
   Şifre sıfırlama sayfası
   ========================================================================= */
body.woocommerce-account .woocommerce-ResetPassword.lost_reset_password {
  max-width: 520px !important;
  margin: 24px auto 48px !important;
  padding: clamp(28px, 4vw, 44px) !important;
  background: #ffffff !important;
  border: 1px solid var(--sl-line) !important;
  border-radius: var(--sl-radius-lg) !important;
  box-shadow: var(--sl-shadow) !important;
  color: var(--sl-ink) !important;
}
body.woocommerce-account .woocommerce-ResetPassword.lost_reset_password p:first-of-type {
  color: var(--sl-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
}

/* =========================================================================
   Hesap bildirim mesajları
   ========================================================================= */
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info {
  border-radius: var(--sl-radius) !important;
  padding: 14px 18px !important;
  font-size: 14px !important;
  background: #ffffff !important;
  color: var(--sl-ink) !important;
  border: 1px solid var(--sl-line) !important;
  box-shadow: var(--sl-shadow-sm) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error {
  border-left: 3px solid var(--sl-danger) !important;
}
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message {
  border-left: 3px solid var(--sl-success) !important;
}

/* =========================================================================
   Giriş yapmış kullanıcı için Account dashboard (My Account ana ekranı)
   — koyu sayfa üzerinde aydınlık iki sütunlu kart (sidebar + content)
   Markup/hook'lar değişmez, sadece görsel katman ezilir.

   Woodmart gerçek markup'ı:
     .wd-my-account-wrapper.wd-grid-g
       └─ .wd-my-account-sidebar.wd-grid-col
            ├─ h3.woocommerce-MyAccount-title.entry-title
            └─ nav.woocommerce-MyAccount-navigation
                 └─ ul.wd-nav-my-acc.wd-nav
                      └─ li.woocommerce-MyAccount-navigation-link
                           .woocommerce-MyAccount-navigation-link--{endpoint}
                           .is-active.wd-active (aktifken)
                           └─ a > span.nav-link-text
       └─ .woocommerce-MyAccount-content.wd-grid-col
   ========================================================================= */

/* Genel sayfa düzeni — wrapper'a soluk alma payı ver */
body.woocommerce-account .wd-my-account-wrapper {
  max-width: 1200px !important;
  margin: 24px auto 48px !important;
  padding: 0 16px !important;
  --wd-gap: 28px !important;
  --wd-gap-lg: 28px !important;
  --wd-gap-md: 20px !important;
  --wd-gap-sm: 16px !important;
}

/* ---------------------------------------------------------------------
   FALLBACK: Woodmart Builder modunda .wd-my-account-sidebar / .wd-my-account-wrapper
   olmayabilir. Bu durum için doğrudan .woocommerce-MyAccount-navigation ve
   .woocommerce-MyAccount-content elementlerini DA kart yap.
   --------------------------------------------------------------------- */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #ffffff !important;
  border: 1px solid var(--sl-line) !important;
  border-radius: var(--sl-radius-lg) !important;
  padding: 14px !important;
  box-shadow: var(--sl-shadow) !important;
  color: var(--sl-ink) !important;
  position: relative;
  overflow: hidden;
}
body.woocommerce-account .woocommerce-MyAccount-navigation::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #111 0%, #444 50%, #111 100%);
  z-index: 1;
  pointer-events: none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  background: transparent !important;
  grid-template-columns: none !important;
  --wd-col-lg: 1 !important;
  --wd-col-md: 1 !important;
  --wd-col-sm: 1 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  width: 100% !important;
  display: block !important;
  box-shadow: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li > a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 12px 14px !important;
  border-radius: var(--sl-radius) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--sl-ink-soft) !important;
  text-decoration: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  --wd-link-color: var(--sl-ink-soft) !important;
  --wd-link-color-hover: var(--sl-ink) !important;
  transition: background var(--sl-dur) var(--sl-ease),
              color var(--sl-dur) var(--sl-ease),
              padding-left var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li > a:hover {
  background: var(--sl-surface-2) !important;
  color: var(--sl-ink) !important;
  padding-left: 18px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li.is-active > a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li.wd-active > a {
  background: var(--sl-ink) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 6px 18px rgba(17, 17, 17, 0.18) !important;
  --wd-link-color: #ffffff !important;
  --wd-link-color-hover: #ffffff !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li > a .nav-link-text {
  color: inherit !important;
  background: transparent !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li.is-active > a .nav-link-text,
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li.wd-active > a .nav-link-text {
  color: #ffffff !important;
}
/* Logout */
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--customer-logout,
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li.wd-my-acc-customer-logout {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid var(--sl-line) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--customer-logout > a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul > li.wd-my-acc-customer-logout > a {
  color: var(--sl-danger) !important;
  --wd-link-color: var(--sl-danger) !important;
  --wd-link-color-hover: var(--sl-danger) !important;
}

/* ---------------------------------------------------------------------
   Sidebar (sol kolon) — beyaz kart
   .wd-my-account-sidebar Woodmart'ın grid kolonu;
   içinde h3 başlık + nav menüsü var. Tüm bunları tek kart yap.
   --------------------------------------------------------------------- */
body.woocommerce-account .wd-my-account-wrapper .wd-my-account-sidebar.wd-grid-col {
  background: #ffffff !important;
  border: 1px solid var(--sl-line) !important;
  border-radius: var(--sl-radius-lg) !important;
  padding: 18px !important;
  box-shadow: var(--sl-shadow) !important;
  color: var(--sl-ink) !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  align-self: flex-start;
}

/* Sidebar üst marka şeridi */
body.woocommerce-account .wd-my-account-wrapper .wd-my-account-sidebar.wd-grid-col::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #111 0%, #444 50%, #111 100%);
  z-index: 1;
  pointer-events: none;
}

/* Sidebar başlığı "Hesabım" */
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-title,
body.woocommerce-account .wd-my-account-sidebar h3.entry-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sl-muted) !important;
  margin: 0 0 14px !important;
  padding: 8px 12px 14px !important;
  border-bottom: 1px solid var(--sl-line) !important;
  border-inline: 0 !important;
}

/* Nav ve list — Woodmart varsayılan box paddinglerini sıfırla */
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  grid-template-columns: none !important;
  --wd-col-lg: 1 !important;
  --wd-col-md: 1 !important;
  --wd-col-sm: 1 !important;
}

body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  width: 100% !important;
  display: block !important;
}

/* Link */
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li > a,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li > a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 12px 14px !important;
  border-radius: var(--sl-radius) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--sl-ink-soft) !important;
  text-decoration: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  --wd-link-color: var(--sl-ink-soft) !important;
  --wd-link-color-hover: var(--sl-ink) !important;
  --wd-link-decor: none !important;
  --wd-link-decor-hover: none !important;
  transition: background var(--sl-dur) var(--sl-ease),
              color var(--sl-dur) var(--sl-ease),
              padding-left var(--sl-dur) var(--sl-ease) !important;
}

/* Woodmart'ın .wd-nav-icon span'ini SVG taşıyıcısı yap */
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li > a .wd-nav-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  opacity: 0.8;
  display: inline-block !important;
  flex-shrink: 0 !important;
}
/* Woodmart'ın font ikonunu gizle */
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li > a .wd-nav-icon::before,
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li > a .wd-nav-icon::after {
  display: none !important;
  content: none !important;
}

/* .nav-link-text span — Woodmart wrap'i, label burada */
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li > a .nav-link-text,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li > a .nav-link-text {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* `wd-nav-icon` yoksa (Woodmart show_icons=false ise), ::before ile ikon koy */
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li > a::before {
  content: "";
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0.8;
  transition: opacity var(--sl-dur) var(--sl-ease);
}
/* .wd-nav-icon span varsa ::before'u gizle (çift ikon olmasın) */
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li > a:has(> .wd-nav-icon)::before {
  display: none !important;
}

/* Endpoint başına SVG ikon — hem ::before hem .wd-nav-icon için ortak background-image */
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--dashboard > a::before,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--dashboard > a .wd-nav-icon,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-dashboard > a .wd-nav-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='7' height='9' rx='1.5'/><rect x='14' y='3' width='7' height='5' rx='1.5'/><rect x='14' y='12' width='7' height='9' rx='1.5'/><rect x='3' y='16' width='7' height='5' rx='1.5'/></svg>");
}
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--orders > a::before,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--orders > a .wd-nav-icon,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-orders > a .wd-nav-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/><path d='M3 6h18'/><path d='M16 10a4 4 0 1 1-8 0'/></svg>");
}
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--downloads > a::before,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--downloads > a .wd-nav-icon,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-downloads > a .wd-nav-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/><polyline points='7 10 12 15 17 10'/><line x1='12' y1='15' x2='12' y2='3'/></svg>");
}
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--edit-address > a::before,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--edit-address > a .wd-nav-icon,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-edit-address > a .wd-nav-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/><circle cx='12' cy='10' r='3'/></svg>");
}
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--payment-methods > a::before,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--payment-methods > a .wd-nav-icon,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-payment-methods > a .wd-nav-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='2'/><line x1='2' y1='10' x2='22' y2='10'/></svg>");
}
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--edit-account > a::before,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--edit-account > a .wd-nav-icon,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-edit-account > a .wd-nav-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21a8 8 0 0 1 16 0'/></svg>");
}
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout > a::before,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout > a .wd-nav-icon,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-customer-logout > a .wd-nav-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/><polyline points='16 17 21 12 16 7'/><line x1='21' y1='12' x2='9' y2='12'/></svg>");
}

/* Hover + focus */
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li > a:hover,
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li > a:focus-visible,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li > a:hover,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li > a:focus-visible {
  background: var(--sl-surface-2) !important;
  color: var(--sl-ink) !important;
  padding-left: 18px !important;
  outline: 0 !important;
}
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li > a:hover .wd-nav-icon,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li > a:hover::before {
  opacity: 1;
}

/* Aktif item (Woodmart hem .is-active hem .wd-active ekliyor) */
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li.is-active > a,
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li.wd-active > a,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li.is-active > a,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li.wd-active > a {
  background: var(--sl-ink) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 6px 18px rgba(17, 17, 17, 0.18) !important;
  padding-left: 14px !important;
  --wd-link-color: #ffffff !important;
  --wd-link-color-hover: #ffffff !important;
}
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li.is-active > a .wd-nav-icon,
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li.wd-active > a .wd-nav-icon,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li.is-active > a::before,
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li.wd-active > a::before {
  opacity: 1;
  filter: invert(1) brightness(2);
}
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li.is-active > a .nav-link-text,
body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li.wd-active > a .nav-link-text {
  color: #ffffff !important;
}

/* Logout — özel renk + üst ayraç */
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-customer-logout {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid var(--sl-line) !important;
}
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout > a,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-customer-logout > a {
  color: var(--sl-danger) !important;
  --wd-link-color: var(--sl-danger) !important;
  --wd-link-color-hover: var(--sl-danger) !important;
}
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout > a .nav-link-text,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-customer-logout > a .nav-link-text {
  color: var(--sl-danger) !important;
}
body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout > a:hover,
body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-customer-logout > a:hover {
  background: rgba(220, 38, 38, 0.06) !important;
  color: var(--sl-danger) !important;
}

/* ---------------------------------------------------------------------
   Content (sağ panel) — beyaz kart
   --------------------------------------------------------------------- */
body.woocommerce-account .woocommerce-MyAccount-content {
  background: #ffffff !important;
  border: 1px solid var(--sl-line) !important;
  border-radius: var(--sl-radius-lg) !important;
  padding: clamp(24px, 3vw, 40px) !important;
  box-shadow: var(--sl-shadow) !important;
  color: var(--sl-ink) !important;
  min-height: 380px !important;
  position: relative;
  isolation: isolate;
}

/* Tipografi */
body.woocommerce-account .woocommerce-MyAccount-content > p,
body.woocommerce-account .woocommerce-MyAccount-content > div > p {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--sl-ink-soft) !important;
  margin: 0 0 16px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content p:last-child {
  margin-bottom: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content strong {
  color: var(--sl-ink) !important;
  font-weight: 700 !important;
}

/* İçerikteki link stili — gold yerine ink, ince alt-çizgi */
body.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--sl-ink) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--sl-line-strong) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  transition: text-decoration-color var(--sl-dur) var(--sl-ease),
              color var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content a:hover {
  text-decoration-color: var(--sl-ink) !important;
  color: var(--sl-ink) !important;
}

/* Başlıklar (h2, h3) — endpoint sayfalarında "Bilgiler", "Fatura adresi" vs. */
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-size: clamp(18px, 1.8vw, 22px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: var(--sl-ink) !important;
  margin: 0 0 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--sl-line) !important;
  position: relative;
}
body.woocommerce-account .woocommerce-MyAccount-content h2::after,
body.woocommerce-account .woocommerce-MyAccount-content h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 36px;
  height: 2px;
  background: var(--sl-ink);
  border-radius: 2px;
}

/* ---------------------------------------------------------------------
   Orders & Downloads tabloları
   --------------------------------------------------------------------- */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-downloads,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  border: 1px solid var(--sl-line) !important;
  border-radius: var(--sl-radius) !important;
  overflow: hidden !important;
  margin: 0 0 18px !important;
  font-size: 14px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th {
  background: var(--sl-surface-2) !important;
  color: var(--sl-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 12px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sl-line) !important;
  text-align: left !important;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody td {
  padding: 14px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sl-line) !important;
  color: var(--sl-ink) !important;
  vertical-align: middle !important;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:last-child td {
  border-bottom: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:hover td {
  background: var(--sl-surface-2) !important;
}

/* Tablo içindeki buton (View, Order again, vs.) */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  border-radius: 999px !important;
  background: var(--sl-ink) !important;
  color: #ffffff !important;
  border: 1px solid var(--sl-ink) !important;
  box-shadow: 0 2px 8px rgba(17, 17, 17, 0.08) !important;
  text-decoration: none !important;
  transition: transform var(--sl-dur) var(--sl-ease),
              box-shadow var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button:hover {
  background: #000000 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(17, 17, 17, 0.18) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* "Hiç siparişiniz yok" gibi info notice'lar */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
  background: var(--sl-surface-2) !important;
  border: 1px solid var(--sl-line) !important;
  border-left: 3px solid var(--sl-ink) !important;
  border-radius: var(--sl-radius) !important;
  padding: 14px 18px !important;
  color: var(--sl-ink) !important;
  font-size: 14px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
  border-left-color: var(--sl-danger) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message {
  border-left-color: var(--sl-success) !important;
}

/* ---------------------------------------------------------------------
   Addresses (Adresler)
   --------------------------------------------------------------------- */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
  background: var(--sl-surface-2) !important;
  border: 1px solid var(--sl-line) !important;
  border-radius: var(--sl-radius) !important;
  padding: 22px !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title::after {
  display: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--sl-muted) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3::after {
  display: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--sl-ink) !important;
  text-decoration: none !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  border: 1px solid var(--sl-line-strong) !important;
  transition: background var(--sl-dur) var(--sl-ease),
              color var(--sl-dur) var(--sl-ease),
              border-color var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit:hover {
  background: var(--sl-ink) !important;
  color: #ffffff !important;
  border-color: var(--sl-ink) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--sl-ink-soft) !important;
  margin: 0 !important;
}

/* ---------------------------------------------------------------------
   Edit Account / Edit Address formları
   ========================================================================= */
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce-MyAccount-content form.edit-account,
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-address-fields {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form .form-row {
  margin: 0 0 16px !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row-last {
  width: calc(50% - 8px) !important;
  display: inline-block !important;
  vertical-align: top !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row-first {
  margin-right: 12px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form .form-row label:not(.checkbox) {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--sl-muted) !important;
  margin: 0 0 8px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .required {
  color: var(--sl-ink) !important;
  text-decoration: none !important;
  margin-left: 2px;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content form .form-row input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content form .form-row input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content form .form-row input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content form .form-row select,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--sl-line-strong) !important;
  border-radius: var(--sl-radius) !important;
  background-color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  color: var(--sl-ink) !important;
  box-shadow: var(--sl-shadow-sm) !important;
  transition: border-color var(--sl-dur) var(--sl-ease),
              box-shadow var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text:focus,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row select:focus,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea:focus {
  border-color: var(--sl-ink) !important;
  box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08) !important;
  outline: 0 !important;
}

/* fieldset (Şifre değiştirme bloğu) */
body.woocommerce-account .woocommerce-MyAccount-content form fieldset {
  margin: 24px 0 16px !important;
  padding: 22px !important;
  border: 1px solid var(--sl-line) !important;
  border-radius: var(--sl-radius) !important;
  background: var(--sl-surface-2) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form fieldset legend {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--sl-ink) !important;
  padding: 0 8px !important;
  margin-left: -8px !important;
}

/* Submit butonu (Kaydet / Adresi kaydet) — login butonu ile aynı dil */
body.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-Button,
body.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content form .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 14px 32px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  border-radius: 999px !important;
  background: var(--sl-ink) !important;
  color: #ffffff !important;
  border: 1px solid var(--sl-ink) !important;
  box-shadow: 0 6px 20px rgba(17, 17, 17, 0.12) !important;
  cursor: pointer;
  transition: transform var(--sl-dur) var(--sl-ease),
              box-shadow var(--sl-dur) var(--sl-ease),
              background var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form .woocommerce-Button:hover,
body.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content form .button:hover {
  background: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(17, 17, 17, 0.22) !important;
}

/* ---------------------------------------------------------------------
   Pagination (Siparişler için)
   --------------------------------------------------------------------- */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination {
  display: flex !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 24px 0 0 !important;
  list-style: none !important;
  padding: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination ul {
  display: flex !important;
  gap: 6px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination ul li {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination ul li a,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination ul li span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 1px solid var(--sl-line-strong) !important;
  background: #ffffff !important;
  color: var(--sl-ink) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background var(--sl-dur) var(--sl-ease),
              color var(--sl-dur) var(--sl-ease),
              border-color var(--sl-dur) var(--sl-ease) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination ul li a:hover {
  background: var(--sl-surface-2) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination ul li .current {
  background: var(--sl-ink) !important;
  color: #ffffff !important;
  border-color: var(--sl-ink) !important;
}

/* ---------------------------------------------------------------------
   Order status rozet (Tabloda 'Beklemede', 'Tamamlandı' vs.)
   --------------------------------------------------------------------- */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table mark.order-status {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  background: var(--sl-surface-3) !important;
  color: var(--sl-ink) !important;
  border: 1px solid var(--sl-line) !important;
}

/* ---------------------------------------------------------------------
   Responsive — mobilde sidebar üstte, content altta (yatay pill grid)
   --------------------------------------------------------------------- */
@media (max-width: 860px) {
  body.woocommerce-account .wd-my-account-wrapper {
    --wd-gap: 16px !important;
    padding: 0 12px !important;
    margin: 16px auto 32px !important;
  }
  body.woocommerce-account .wd-my-account-wrapper .wd-my-account-sidebar.wd-grid-col {
    padding: 12px !important;
  }
  body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-title,
  body.woocommerce-account .wd-my-account-sidebar h3.entry-title {
    padding: 4px 8px 10px !important;
    margin: 0 0 10px !important;
  }
  body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc,
  body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
  }
  body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li,
  body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li {
    flex: 1 1 auto !important;
    width: auto !important;
  }
  body.woocommerce-account .wd-my-account-sidebar .wd-nav-my-acc > li > a,
  body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation ul > li > a {
    padding: 10px 12px !important;
    font-size: 13px !important;
    justify-content: center !important;
  }
  body.woocommerce-account .wd-my-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout,
  body.woocommerce-account .wd-my-account-sidebar .wd-my-acc-customer-logout {
    width: 100% !important;
    flex-basis: 100% !important;
    margin-top: 6px !important;
    padding-top: 6px !important;
  }
  body.woocommerce-account .wd-my-account-wrapper .woocommerce-MyAccount-content {
    padding: 20px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
  body.woocommerce-account .woocommerce-MyAccount-content form .form-row-last {
    width: 100% !important;
    margin-right: 0 !important;
    display: block !important;
  }
}

/* Yumuşak giriş animasyonu — dashboard kartları için */
@media (min-width: 0px) {
  body.woocommerce-account .wd-my-account-wrapper .wd-my-account-sidebar.wd-grid-col {
    animation: sl-acc-fade-up 480ms var(--sl-ease) both;
  }
  body.woocommerce-account .wd-my-account-wrapper .woocommerce-MyAccount-content {
    animation: sl-acc-fade-up 480ms var(--sl-ease) both;
    animation-delay: 80ms;
  }
}

/* =========================================================================
   Responsive
   ========================================================================= */
@media (max-width: 860px) {
  body.woocommerce-account .wd-registration-page {
    padding: 24px 20px !important;
    margin: 12px auto 32px !important;
  }
  body.woocommerce-account .wd-registration-page #customer_login {
    grid-template-columns: 1fr !important;
  }
  body.woocommerce-account .wd-registration-page #customer_login::before {
    grid-column: 1 / 2 !important;
    width: auto !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, var(--sl-line-strong) 20%, var(--sl-line-strong) 80%, transparent) !important;
    margin: 24px 0 !important;
  }
  body.woocommerce-account .wd-registration-page .wd-col.col-login,
  body.woocommerce-account .wd-registration-page .wd-col.col-register {
    grid-column: 1 / 2 !important;
    padding: 8px 0 !important;
  }
  body.woocommerce-account .wd-registration-page .wd-login-title {
    font-size: 22px !important;
  }
}

/* Yumuşak giriş animasyonu */
@media (min-width: 0px) {
  body.woocommerce-account .wd-registration-page .wd-col {
    animation: sl-acc-fade-up 480ms var(--sl-ease) both;
  }
  body.woocommerce-account .wd-registration-page .wd-col.col-register {
    animation-delay: 80ms;
  }
}
@keyframes sl-acc-fade-up {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* =========================================================================
   SANDLINE DARK adaptation — Hesabım sayfası koyu tema uyumlu hale getirme
   Mevcut beyaz/light tasarım body.sandline-dark + woocommerce-account
   scope altında dark palette'e flip ediliyor. Kipcak theme'in CSS değişkenleri
   (--bg-card, --bg-secondary, --text-primary, --accent, --border) kullanılır.
   Diğer (light tema) site ziyaretçileri için orijinal tasarım korunur.
   ========================================================================= */

body.sandline-dark.woocommerce-account .wd-registration-page {
  background:
    radial-gradient(900px 360px at 0% 0%, rgba(224, 122, 95, 0.06), transparent 60%),
    radial-gradient(700px 300px at 100% 100%, rgba(110, 195, 197, 0.05), transparent 60%),
    var(--bg-card, #161e2c) !important;
  border-color: var(--border, #232c3c) !important;
  color: var(--text-primary, #eef2f8) !important;
  box-shadow: 0 22px 60px rgba(0, 8, 24, 0.65) !important;
  /* Full-width: light-tema'daki 1120px capını ezdik, sayfanın tüm genişliğini kullan */
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: clamp(24px, 3vw, 48px) !important;
}

/* Sayfa container'ı dark mode'da daha geniş (default 820px → 1280px) */
html body.sandline-dark.woocommerce-account .page-article > .container,
html body.sandline-dark.woocommerce-account .page-article .entry-content {
  max-width: 1280px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hesabım sayfası page-header-plain spacing (header'a yakın) */
body.sandline-dark.woocommerce-account .page-header-plain {
  padding: 24px 0 32px !important;
  margin: 0 !important;
}
body.sandline-dark.woocommerce-account .wd-registration-page::after {
  background: linear-gradient(90deg,
    var(--accent, #e07a5f) 0%,
    var(--accent-hover, #ea9682) 50%,
    var(--accent, #e07a5f) 100%) !important;
}

/* Sütun arası vertical divider — dark border'a uygun */
body.sandline-dark.woocommerce-account .wd-registration-page #customer_login::before,
body.sandline-dark.woocommerce-account .wd-registration-page #customer_login::after {
  background: linear-gradient(180deg,
    transparent,
    var(--border-light, #2f3a4e) 20%,
    var(--border-light, #2f3a4e) 80%,
    transparent) !important;
}

/* Form başlıkları + alt çizgi */
body.sandline-dark.woocommerce-account .wd-registration-page .wd-login-title,
body.sandline-dark.woocommerce-account .wd-registration-page h2,
body.sandline-dark.woocommerce-account .wd-registration-page h3 {
  color: var(--text-primary, #eef2f8) !important;
}
body.sandline-dark.woocommerce-account .wd-registration-page .wd-login-title::after {
  background: var(--accent, #e07a5f) !important;
}

/* Açıklama / yardım metinleri */
body.sandline-dark.woocommerce-account .wd-registration-page p,
body.sandline-dark.woocommerce-account .wd-registration-page .wd-login-description,
body.sandline-dark.woocommerce-account .wd-registration-page label {
  color: var(--text-secondary, #a8b3c7) !important;
}

/* INPUT'lar — dark bg + dark border */
body.sandline-dark.woocommerce-account .wd-registration-page input[type="text"],
body.sandline-dark.woocommerce-account .wd-registration-page input[type="email"],
body.sandline-dark.woocommerce-account .wd-registration-page input[type="tel"],
body.sandline-dark.woocommerce-account .wd-registration-page input[type="password"],
body.sandline-dark.woocommerce-account .wd-registration-page input[type="search"],
body.sandline-dark.woocommerce-account .wd-registration-page input.input-text,
body.sandline-dark.woocommerce-account .wd-registration-page input.woocommerce-Input {
  background: var(--bg-secondary, #121925) !important;
  border-color: var(--border, #232c3c) !important;
  color: var(--text-primary, #eef2f8) !important;
}
body.sandline-dark.woocommerce-account .wd-registration-page input::placeholder {
  color: var(--text-muted, #6f7c92) !important;
}
body.sandline-dark.woocommerce-account .wd-registration-page input:focus,
body.sandline-dark.woocommerce-account .wd-registration-page input:focus-visible {
  border-color: var(--accent, #e07a5f) !important;
  background: var(--bg-tertiary, #1a2332) !important;
  box-shadow: 0 0 0 3px rgba(224, 122, 95, 0.2) !important;
  outline: none !important;
}

/* Autofill — Chrome/Safari */
body.sandline-dark.woocommerce-account .wd-registration-page input:-webkit-autofill,
body.sandline-dark.woocommerce-account .wd-registration-page input:-webkit-autofill:hover,
body.sandline-dark.woocommerce-account .wd-registration-page input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--text-primary, #eef2f8) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--bg-secondary, #121925) inset !important;
  caret-color: var(--text-primary, #eef2f8) !important;
}

/* Field icon (SVG mailbox / lock) rengi */
body.sandline-dark.woocommerce-account .wd-registration-page .wd-field-icon,
body.sandline-dark.woocommerce-account .wd-registration-page svg {
  color: var(--text-muted, #6f7c92) !important;
  fill: var(--text-muted, #6f7c92) !important;
}

/* Checkbox — "Beni hatırla" */
body.sandline-dark.woocommerce-account .wd-registration-page .wd-checkbox-label,
body.sandline-dark.woocommerce-account .wd-registration-page input[type="checkbox"] + label,
body.sandline-dark.woocommerce-account .wd-registration-page .woocommerce-form__label-for-checkbox {
  color: var(--text-secondary, #a8b3c7) !important;
}
body.sandline-dark.woocommerce-account .wd-registration-page input[type="checkbox"] {
  accent-color: var(--accent, #e07a5f) !important;
  background: var(--bg-secondary, #121925) !important;
  border-color: var(--border-light, #2f3a4e) !important;
}

/* Submit button — accent (coral) */
body.sandline-dark.woocommerce-account .wd-registration-page button[type="submit"],
body.sandline-dark.woocommerce-account .wd-registration-page input[type="submit"],
body.sandline-dark.woocommerce-account .wd-registration-page .btn,
body.sandline-dark.woocommerce-account .wd-registration-page .button {
  background: var(--accent, #e07a5f) !important;
  color: #0b1018 !important;
  border: 0 !important;
  box-shadow: 0 4px 20px rgba(224, 122, 95, 0.25) !important;
}
body.sandline-dark.woocommerce-account .wd-registration-page button[type="submit"]:hover,
body.sandline-dark.woocommerce-account .wd-registration-page input[type="submit"]:hover,
body.sandline-dark.woocommerce-account .wd-registration-page .btn:hover,
body.sandline-dark.woocommerce-account .wd-registration-page .button:hover {
  background: var(--accent-hover, #ea9682) !important;
  transform: translateY(-1px);
}

/* "Şifremi unuttum" linki — accent */
body.sandline-dark.woocommerce-account .wd-registration-page a.lost_password,
body.sandline-dark.woocommerce-account .wd-registration-page a {
  color: var(--accent, #e07a5f) !important;
}
body.sandline-dark.woocommerce-account .wd-registration-page a:hover {
  color: var(--accent-hover, #ea9682) !important;
}

/* Password strength meter — dark background */
body.sandline-dark.woocommerce-account .wd-registration-page .woocommerce-password-strength {
  background: var(--bg-secondary, #121925) !important;
  color: var(--text-secondary, #a8b3c7) !important;
}

/* WC notices (success / error) */
body.sandline-dark.woocommerce-account .wd-registration-page .woocommerce-notices-wrapper .woocommerce-error,
body.sandline-dark.woocommerce-account .wd-registration-page .woocommerce-notices-wrapper .woocommerce-message,
body.sandline-dark.woocommerce-account .wd-registration-page .woocommerce-notices-wrapper .woocommerce-info {
  background: var(--bg-secondary, #121925) !important;
  border-color: var(--border, #232c3c) !important;
  color: var(--text-primary, #eef2f8) !important;
}

/* Mobile breakpoint — divider'ı yatay yap (zaten 860px'de vardı, sadece rengi kontrol) */
@media (max-width: 860px) {
  body.sandline-dark.woocommerce-account .wd-registration-page #customer_login::before {
    background: linear-gradient(90deg,
      transparent,
      var(--border-light, #2f3a4e) 20%,
      var(--border-light, #2f3a4e) 80%,
      transparent) !important;
  }
}


/* =========================================================================
   SANDLINE — Wachtwoord herstel / nieuw wachtwoord (lost & reset password)
   Aktif tema 'kipcak' STANDART WooCommerce markup'ı kullanır; bu yüzden
   yukarıdaki .wd-registration-page kuralları bu formlara uygulanmaz ve form
   beyaz/sola yapışık kalıyordu. Bu blok standart WC sınıflarını hedefler ve
   main.css KOYU paletiyle ORTALANMIŞ, profesyonel bir kart üretir.
   — 2026-06 Sandline
   ========================================================================= */

/* Kapsayıcıyı blok + tam genişlik yap (flex/justify-start nedeniyle sola
   yapışmayı engeller; form margin:auto ile ortalanır). */
body.woocommerce-account.woocommerce-lost-password .entry-content > .woocommerce {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
}
body.woocommerce-account.woocommerce-lost-password .entry-content > .woocommerce > .woocommerce-notices-wrapper {
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto 16px !important;
}

/* --- Kart: ortalanmış, koyu yüzey --- */
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 480px !important;
  margin: 8px auto 64px !important;
  padding: clamp(28px, 4vw, 44px) !important;
  background: var(--bg-card, #161e2c) !important;
  border: 1px solid var(--border, #232c3c) !important;
  border-radius: var(--radius-lg, 20px) !important;
  box-shadow: var(--shadow-md, 0 10px 30px rgba(0, 8, 24, 0.55)) !important;
  color: var(--text-primary, #eef2f8) !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* Açıklama metni (ör. "Voer hieronder een nieuw wachtwoord in.") */
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password > p:first-of-type {
  color: var(--text-secondary, #a8b3c7) !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  margin: 0 0 22px !important;
}

/* Satırlar — float/clear sıfırla, tam genişlik */
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .form-row,
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password p.form-row {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
}
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .clear {
  display: none !important;
}

/* Etiketler */
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password label {
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  color: var(--text-secondary, #a8b3c7) !important;
}
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password label .required {
  color: var(--accent, #e07a5f) !important;
  border: 0 !important;
  text-decoration: none !important;
}

/* Şifre alanı sarmalayıcısı (göz ikonu için konumlandırma) */
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .password-input,
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .wd-password-toggle {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

/* Input alanları — koyu, kartla tutarlı */
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password input.input-text,
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password input[type="text"],
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password input[type="password"] {
  width: 100% !important;
  box-sizing: border-box !important;
  height: auto !important;
  margin: 0 !important;
  padding: 13px 46px 13px 16px !important;
  background: var(--bg-primary, #0b1018) !important;
  border: 1px solid var(--border-light, #2f3a4e) !important;
  border-radius: var(--radius-md, 12px) !important;
  color: var(--text-primary, #eef2f8) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password input.input-text::placeholder {
  color: var(--text-muted, #6f7c92) !important;
  opacity: 1 !important;
}
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password input.input-text:focus,
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password input[type="text"]:focus,
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password input[type="password"]:focus {
  outline: none !important;
  border-color: var(--accent, #e07a5f) !important;
  box-shadow: 0 0 0 3px var(--accent-soft, rgba(224, 122, 95, 0.18)) !important;
}

/* Şifre göster/gizle ikonu */
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .show-password-input,
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .wd-toggle-password {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--text-muted, #6f7c92) !important;
  cursor: pointer !important;
}
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .show-password-input:hover,
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .wd-toggle-password:hover {
  color: var(--accent, #e07a5f) !important;
}

/* Gönder butonu — tam genişlik, mercan vurgu */
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button,
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password button[type="submit"] {
  display: block !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 14px 22px !important;
  background: var(--accent, #e07a5f) !important;
  color: #0b1018 !important;
  border: 0 !important;
  border-radius: var(--radius-md, 12px) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.1s ease !important;
}
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button:hover,
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password button[type="submit"]:hover {
  background: var(--accent-hover, #ea9682) !important;
}
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button:active,
body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password button[type="submit"]:active {
  transform: translateY(1px) !important;
}

/* Mobil */
@media (max-width: 575px) {
  body.sandline-dark.woocommerce-account form.woocommerce-ResetPassword.lost_reset_password {
    margin: 8px auto 48px !important;
    max-width: none !important;
  }
  body.woocommerce-account.woocommerce-lost-password .entry-content > .woocommerce {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
