/* Bildirimler yalnızca Bağlan içinde — diğer zilleri gizle (logo toolbar’ı gizleme) */
#btn-notifications,
.home-app-notify-btn,
#discover-app-notify,
#connect-app-notify,
#profile-app-notify,
#feed-app-notify,
#ps-menu-notify,
.ps-notify-btn {
  display: none !important;
}

#notif-panel {
  display: none !important;
}

/* Sekme: sol yorum · sağ mesaj rozeti */
.connect-tab-notifications {
  position: relative;
}

.connect-notif-badge-wrap {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
}

.connect-notif-badge-wrap .material-symbols-outlined {
  font-size: 1.2rem;
}

.connect-notif-badge {
  position: absolute;
  top: -0.35rem;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.22rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 800;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  z-index: 1;
}

.connect-notif-badge.is-left {
  left: -0.55rem;
  background: #0d9488;
}

.connect-notif-badge.is-right {
  right: -0.55rem;
  background: #6a3d8a;
}

.connect-cat-card-notif {
  position: relative;
}

.connect-cat-notif-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.35rem;
}

.connect-cat-notif-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.55rem;
  min-height: 1.55rem;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
}

.connect-cat-notif-pill[hidden],
.connect-notif-badge[hidden] {
  display: none !important;
}

.connect-cat-notif-pill.is-comments {
  background: rgba(13, 148, 136, 0.12);
  color: #0f766e;
}

.connect-cat-notif-pill.is-messages {
  background: rgba(106, 61, 138, 0.12);
  color: #6a3d8a;
}

.connect-notif-panel {
  /* Sayfa zaten bottom-nav padding’i veriyor — burada tekrar ekleme */
  padding: 0.35rem 0.85rem 0;
  min-height: 0;
}

.connect-notif-shell {
  max-width: 36rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 0;
  flex: 1 1 auto;
}

.connect-notif-tabs {
  margin-bottom: 0;
  flex: 0 0 auto;
}

#connect-notif-list.notif-list {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  flex: 1 1 auto !important;
  /* notif-app.css’teki ekstra bottom-nav padding’ini iptal et */
  padding: 0.1rem 0 0.35rem !important;
  margin: 0 !important;
  background: #fff !important;
}

html.is-mobile-app #connect-panel-notifications .notif-item,
html.kozamia-app-shell #connect-panel-notifications .notif-item,
html.is-mobile-web #connect-panel-notifications .notif-item {
  padding-left: 0.85rem !important;
  padding-right: 0.85rem !important;
}

html.is-mobile-app #connect-panel-notifications,
html.kozamia-app-shell #connect-panel-notifications {
  padding-bottom: 0 !important;
  background: #fff !important;
}

/* X + Bildirimler + Tümünü okundu aynı satır */
html.is-mobile-app #page-connect.connect-tab-notifications.connect-in-section .connect-app-brand-row,
html.kozamia-app-shell #page-connect.connect-tab-notifications.connect-in-section .connect-app-brand-row,
html.connect-mockup-on #page-connect.connect-tab-notifications.connect-in-section .connect-app-brand-row {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;
  min-height: 2.5rem;
  padding: 0.45rem 0.75rem 0.35rem;
  background: #fff;
  border-radius: 0;
}

html.is-mobile-app #page-connect.connect-tab-notifications .connect-back-x,
html.kozamia-app-shell #page-connect.connect-tab-notifications .connect-back-x,
html.connect-mockup-on #page-connect.connect-tab-notifications .connect-back-x {
  flex: 0 0 auto;
  grid-column: auto;
}

html.is-mobile-app #page-connect.connect-tab-notifications .connect-app-section-name:not([hidden]),
html.kozamia-app-shell #page-connect.connect-tab-notifications .connect-app-section-name:not([hidden]),
html.connect-mockup-on #page-connect.connect-tab-notifications .connect-app-section-name:not([hidden]) {
  flex: 1 1 auto;
  grid-column: auto;
  width: auto;
  min-width: 0;
  font-size: 1.2rem !important;
  font-weight: 700;
  color: #6a3d8a !important;
  font-family: var(--kozamia-brand-serif, Georgia, "Times New Roman", serif);
}

html.is-mobile-app #page-connect .connect-notif-mark-read-btn,
html.kozamia-app-shell #page-connect .connect-notif-mark-read-btn,
html.connect-mockup-on #page-connect .connect-notif-mark-read-btn {
  flex: 0 0 auto;
  margin-left: auto;
  white-space: nowrap;
}

html.is-mobile-app #page-connect .connect-notif-mark-read-btn[hidden],
html.kozamia-app-shell #page-connect .connect-notif-mark-read-btn[hidden],
html.connect-mockup-on #page-connect .connect-notif-mark-read-btn[hidden] {
  display: none !important;
}

.ps-header-spacer {
  width: 2rem;
  height: 2rem;
}