/* 🧩 Uygulama görünümü (Üyelik 1.9.0) */
html { -webkit-text-size-adjust: 100%; }
body.uye-appmode { margin: 0; padding: 0; background: #f3f1ec; color: #14202e; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; }
body.uye-appmode *, body.uye-appmode *::before, body.uye-appmode *::after { box-sizing: border-box; }
.uye-app-h1 { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; }
.uye-app-main { max-width: 1320px; margin: 0 auto; padding: 14px 16px 40px; }
.uye-app-content > :first-child { margin-top: 0 !important; }

.uye-appbar { display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 14px; background: #fff; border-bottom: 1px solid #e3e7ea; position: relative; z-index: 9990; }
.uye-appbar a { text-decoration: none !important; color: inherit; box-shadow: none !important; }
.uye-appbar-home { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; font-weight: 800; font-size: 15px; color: #1f3a5f !important; letter-spacing: -.01em; }
.uye-appbar-home img { width: 26px; height: 26px; border-radius: 6px; display: block; }
.uye-appbar-tabs { display: flex; align-items: center; gap: 2px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; margin-left: 8px; }
.uye-appbar-tabs::-webkit-scrollbar { display: none; }
.uye-appbar-tabs a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: 9px; font-size: 14px; font-weight: 600; color: #4b5b6b !important; white-space: nowrap; }
.uye-appbar-tabs a:hover { background: #f1f3f4; color: #14202e !important; }
.uye-appbar-tabs a.is-on { background: #14202e; color: #fff !important; }
.uye-appbar-sw { display: none; position: relative; flex: 1 1 auto; min-width: 0; }
.uye-appbar-sw > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: 9px; background: #14202e; color: #fff; font-size: 14px; cursor: pointer; max-width: 100%; white-space: nowrap; }
.uye-appbar-sw > summary::-webkit-details-marker { display: none; }
.uye-appbar-sw > summary i { font-style: normal; opacity: .7; font-size: 12px; }
.uye-appbar-menu { position: absolute; top: calc(100% + 6px); left: 0; min-width: 220px; background: #fff; border: 1px solid #e3e7ea; border-radius: 14px; box-shadow: 0 18px 48px rgba(20,32,46,.18); padding: 6px; display: flex; flex-direction: column; }
.uye-appbar-menu a { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 10px; font-size: 15px; font-weight: 600; color: #14202e !important; }
.uye-appbar-menu a.is-on { background: #fff4c4; }
.uye-appbar-menu a:hover { background: #f4f5f2; }
.uye-appbar-menu .uye-appbar-back { border-top: 1px solid #eef0f2; margin-top: 4px; border-radius: 0 0 10px 10px; color: #5b6b7c !important; font-weight: 500; font-size: 14px; }
.uye-appbar-acct { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 10px 0 4px; border-radius: 99px; font-size: 13.5px; font-weight: 600; color: #14202e !important; }
.uye-appbar-acct:hover { background: #f1f3f4; }
.uye-appbar-av { width: 28px !important; height: 28px !important; border-radius: 99px; display: block; }
.uye-appbar-login { padding: 0 6px; color: #1f3a5f; }
@media (max-width: 900px) {
  .uye-appbar-name { display: none; }
}
@media (max-width: 760px) {
  .uye-appbar { height: 50px; padding: 0 10px; gap: 8px; }
  .uye-appbar-tabs { display: none; }
  .uye-appbar-sw { display: block; }
  .uye-appbar-un { display: none; }
  .uye-appbar-acct { padding: 0 2px; }
  .uye-app-main { padding: 0 0 30px; }
}
.uye-appbar-mark { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: #1f3a5f; color: #fff; font-weight: 800; font-size: 15px; }
/* eklentinin kendi marka yazısı şeritte zaten var */
body.uye-appmode .klm-app .klm-brand2 { display: none; }

/* 1.9.1 — şerit sabit kalsın (sayfa kayarken üstte durur). Eklentilerin kendi yapışkan çubukları
   (Soruluk üst çubuğu, seçim çubukları…) WordPress çubuğu yüksekliği değişkenini kullanıyor:
   uygulama görünümünde bu değişkene şeridin yüksekliği eklenir, onlar da şeridin altına yapışır. */
body.uye-appmode { --uye-ab: 0px; --uye-bh: 46px; --wp-admin--admin-bar--height: calc(var(--uye-ab) + var(--uye-bh)); }
body.uye-appmode.admin-bar { --uye-ab: 32px; }
@media (max-width: 782px) { body.uye-appmode.admin-bar { --uye-ab: 46px; } }
@media (max-width: 760px) { body.uye-appmode { --uye-bh: 50px; } }
@media (max-width: 600px) { body.uye-appmode.admin-bar { --uye-ab: 0px; } } /* telefonda WP çubuğu kayıp gider */
.uye-appbar { position: sticky; top: var(--uye-ab); box-shadow: 0 1px 0 rgba(20,32,46,.04), 0 6px 16px -14px rgba(20,32,46,.35); }
body.uye-appmode .klm-app .klm-bulk-bar { top: calc(var(--wp-admin--admin-bar--height) + 8px); }
body.uye-appmode .dl-app .slk-pickbar { top: var(--wp-admin--admin-bar--height); }

/* 1.10.0 — hesap menüsü */
.uye-appbar-me { position: relative; flex: 0 0 auto; }
.uye-appbar-me > summary { list-style: none; cursor: pointer; position: relative; }
.uye-appbar-me > summary::-webkit-details-marker { display: none; }
.uye-appbar-me > summary i { font-style: normal; font-size: 11px; opacity: .55; }
.uye-appbar-me.is-on > summary, .uye-appbar-me[open] > summary { background: #f1f3f4; }
.uye-appbar-menu--r { left: auto; right: 0; }
.uye-appbar-dot { position: absolute; top: 2px; left: 24px; width: 10px; height: 10px; border-radius: 99px; background: #d0574b; border: 2px solid #fff; }
.uye-appbar-n { margin-left: auto; background: #d0574b; color: #fff; border-radius: 99px; font-size: 11.5px; padding: 1px 7px; }
.uye-appbar-guest { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; }
.uye-appbar-signup { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 99px; background: #ffd23f; color: #14202e !important; font-size: 13.5px; font-weight: 700; }
.uye-appbar-login { padding: 0 12px !important; }
@media (max-width: 760px) { .uye-appbar-me > summary i { display: none; } }
@media (max-width: 420px) { .uye-appbar-signup { padding: 0 10px; } }
.uye-appbar-av--g { display: grid !important; place-items: center; background: #eef0f2; font-size: 15px; }
.uye-appbar-mnote { display: block; padding: 8px 12px 6px; font-size: 12px; color: #8b9aa8; border-top: 1px solid #eef0f2; margin-top: 4px; max-width: 240px; }
@media (max-width: 420px) { .uye-appbar-guest .uye-appbar-signup { display: none; } }