:root{
  --og-arka: #0b1220;
  --og-cam: rgba(255,255,255,.08);
  --og-cam2: rgba(255,255,255,.10);
  --og-cam-border: rgba(255,255,255,.14);
  --og-kart: rgba(255,255,255,.94);
  --og-metin: #0f172a;
  --og-metin2: rgba(15,23,42,.7);
  --og-mavi: #f39c12;
  --og-mavi2: #e08e0b;
  --og-yesil: #f39c12;
  --og-kirmizi: #e08e0b;
  --og-halka: rgba(243,156,18,.45);
  --og-golge: 0 18px 40px rgba(0,0,0,.22);

  --bs-primary: #f39c12;
  --bs-primary-rgb: 243,156,18;
  --bs-link-color: #f39c12;
  --bs-link-hover-color: #e08e0b;

  --bs-warning: #f39c12;
  --bs-warning-rgb: 243,156,18;
  --bs-orange: #f39c12;
  --bs-orange-rgb: 243,156,18;
  --bs-indigo: #f39c12;
  --bs-indigo-rgb: 243,156,18;
  --bs-purple: #f39c12;
  --bs-purple-rgb: 243,156,18;
}

body.offgrid-body{
  background:
    radial-gradient(1200px 700px at 10% 10%, rgba(243,156,18,.16), transparent 60%),
    radial-gradient(900px 520px at 90% 20%, rgba(243,156,18,.10), transparent 55%),
    radial-gradient(1000px 600px at 70% 95%, rgba(243,156,18,.08), transparent 60%),
    var(--og-arka);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* PWA standalone: sağa-sola kaymayı engelle, uygulama gibi sabit */
html.og-pwa-standalone{
  overflow-x: hidden;
  width: 100%;
  position: relative;
}
html.og-pwa-standalone body{
  overflow-x: hidden;
  max-width: 100vw;
  position: relative;
  touch-action: pan-y;
}

/* Mobil: sayfa scrollbar gizle */
@media (max-width: 991.98px) {
  html, body {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    display: none;
  }
}

.btn-primary{
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #e08e0b;
  --bs-btn-hover-border-color: #e08e0b;
  --bs-btn-active-bg: #d9820a;
  --bs-btn-active-border-color: #d9820a;
}
.btn-outline-primary{
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
}
/* Rozet ikonları: yuvarlak arka plan, beyaz SVG */
.og-rozet-icon{
  flex-shrink: 0;
}
.og-rozet-icon svg{
  display: block;
  stroke: currentColor;
}

.text-primary{ color: var(--bs-primary) !important; }
.bg-primary{ background-color: var(--bs-primary) !important; }
.border-primary{ border-color: var(--bs-primary) !important; }
.link-primary{ color: var(--bs-primary) !important; }
.link-primary:hover{ color: #e08e0b !important; }

.offgrid-nav{
  position: sticky;
  top: 0;
  z-index: 1020;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
/* Sayfa aşağı kaydırıldığında navbar: koyu tema arka plan, beyaz yazılar */
.offgrid-nav.offgrid-nav-scrolled{
  background: var(--og-arka);
  backdrop-filter: blur(12px);
  border-bottom-color: rgba(255,255,255,.12);
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
}
.offgrid-nav.offgrid-nav-scrolled .navbar-brand{
  color: #fff !important;
}
.offgrid-nav.offgrid-nav-scrolled .nav-link{
  color: rgba(255,255,255,.9) !important;
}
.offgrid-nav.offgrid-nav-scrolled .nav-link:hover{
  color: #fff !important;
  background: rgba(255,255,255,.08);
}
.offgrid-nav.offgrid-nav-scrolled .nav-link.active{
  color: #fff !important;
  background: rgba(243,156,18,.2);
  border-color: rgba(243,156,18,.35);
}
.offgrid-nav.offgrid-nav-scrolled .offgrid-nav-toggle{
  border-color: rgba(255,255,255,.25);
}
.offgrid-nav.offgrid-nav-scrolled .og-user-toggle{
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.18);
  color: rgba(255,255,255,.95);
}
.offgrid-nav.offgrid-nav-scrolled .og-user-toggle:hover{
  background: rgba(255,255,255,.15);
  color: #fff;
  border-color: rgba(255,255,255,.25);
}
.offgrid-nav.offgrid-nav-scrolled .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.offgrid-nav.offgrid-nav-scrolled .offgrid-btn-ghost{
  color: rgba(255,255,255,.9) !important;
  border-color: rgba(255,255,255,.25);
}
.offgrid-nav.offgrid-nav-scrolled .offgrid-btn-ghost:hover{
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.35) !important;
  color: #fff !important;
}
.offgrid-nav.offgrid-nav-scrolled .offgrid-btn-ghost.active{
  color: #fff !important;
  border-color: rgba(243,156,18,.4);
  background: rgba(243,156,18,.18) !important;
}
.offgrid-nav.offgrid-nav-scrolled .offgrid-rozet{
  background: rgba(255,255,255,.1);
  border: 0 !important;
  border-radius: 0.375rem;
  box-shadow: 0 8px 18px rgba(0,0,0,.2);
  color: rgba(255,255,255,.95);
}
.offgrid-nav.offgrid-nav-scrolled .og-header-mesaj-btn{
  background: rgba(255,255,255,.1);
  border: 0 !important;
  border-radius: 0.375rem;
  box-shadow: 0 8px 18px rgba(0,0,0,.2);
  color: rgba(255,255,255,.95);
}
.offgrid-nav.offgrid-nav-scrolled .og-header-mesaj-btn:hover{
  background: rgba(255,255,255,.15);
  color: #fff;
  border: 0 !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.25);
}

/* Mobil menü (collapse) açıkken içerideki yazılar açık renkte kalsın – koyu arka plana uyum */
@media (max-width: 991.98px){
  .offgrid-nav.offgrid-nav-scrolled .navbar-collapse .nav-link{
    color: rgba(255,255,255,.84) !important;
  }
  .offgrid-nav.offgrid-nav-scrolled .navbar-collapse .nav-link:hover{
    color: #fff !important;
    background: var(--og-cam2);
  }
  .offgrid-nav.offgrid-nav-scrolled .navbar-collapse .nav-link.active{
    color: #fff !important;
    background: rgba(243,156,18,.16);
    border-color: rgba(243,156,18,.28);
  }
  .offgrid-nav.offgrid-nav-scrolled .navbar-collapse .offgrid-btn-ghost{
    color: rgba(255,255,255,.92) !important;
    border-color: rgba(255,255,255,.18);
  }
  .offgrid-nav.offgrid-nav-scrolled .navbar-collapse .offgrid-btn-ghost:hover{
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.22) !important;
    color: #fff !important;
  }
  .offgrid-nav.offgrid-nav-scrolled .navbar-collapse .offgrid-btn-ghost.active{
    color: #fff !important;
    border-color: rgba(243,156,18,.4);
    background: rgba(243,156,18,.18) !important;
  }
  .offgrid-nav.offgrid-nav-scrolled .navbar-collapse .offgrid-rozet{
    background: var(--og-cam2);
    border: 0 !important;
    border-radius: 0.375rem;
    box-shadow: 0 8px 18px rgba(0,0,0,.25);
    color: rgba(255,255,255,.9);
  }
  .offgrid-nav.offgrid-nav-scrolled .navbar-collapse .og-header-mesaj-btn{
    background: var(--og-cam2);
    border: 0 !important;
    border-radius: 0.375rem;
    box-shadow: 0 8px 18px rgba(0,0,0,.25);
    color: rgba(255,255,255,.9);
  }
  .offgrid-nav.offgrid-nav-scrolled .navbar-collapse .og-header-mesaj-btn:hover{
    background: var(--og-cam);
    color: #fff;
    border: 0 !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.3);
  }
}

/* Üst menü Çıkış butonu – İlan Ver/Başvuru ile aynı yükseklik ve köşe */
.offgrid-nav-actions .btn.offgrid-btn-primary{
  height: 2.25rem;
  min-height: 2.25rem;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  line-height: 1;
}

.offgrid-nav .navbar-brand{
  font-weight: 800;
  letter-spacing: .2px;
  color: #fff !important;
}
.offgrid-nav .navbar-brand > span:last-child{
  color: #e08e0b !important;
}
.offgrid-nav.offgrid-nav-scrolled .navbar-brand > span:last-child{
  color: #e08e0b !important;
}

.offgrid-logo{
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--og-mavi), var(--og-mavi2));
  box-shadow: 0 10px 18px rgba(243,156,18,.28);
  display: inline-block;
}

.offgrid-nav-toggle{
  border: 1px solid rgba(255,255,255,.18);
  padding: 6px 10px;
  border-radius: 12px;
}
.offgrid-nav-toggle:focus{
  box-shadow: 0 0 0 .10rem var(--og-halka);
}
.offgrid-nav .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.92)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.offgrid-nav .nav-link{
  color: rgba(255,255,255,.84) !important;
  font-weight: 600;
  border-radius: 12px;
  padding: .55rem .8rem;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.offgrid-nav .navbar-nav{
  gap: .35rem;
}
@media (min-width: 992px){
  .offgrid-nav .navbar-nav{
    gap: .5rem;
  }
}
.offgrid-nav .nav-link:hover{
  color: #fff !important;
  background: var(--og-cam2);
}
.offgrid-nav .nav-link:focus{
  outline: none;
  box-shadow: 0 0 0 .10rem var(--og-halka);
}
.offgrid-nav .nav-link.active{
  color: #fff !important;
  background: rgba(243,156,18,.16);
  border: 1px solid rgba(243,156,18,.28);
}

/* Üst menü tüm butonlar – giriş sonrası ile aynı stil (köşe 0.375rem, border:0, box-shadow, yükseklik 2.25rem) */
.offgrid-nav-actions .btn{
  border-radius: 0.375rem;
  height: 2.25rem;
  min-height: 2.25rem;
  padding: 0 .85rem;
  font-weight: 700;
  letter-spacing: .1px;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.offgrid-nav-actions .btn:focus{
  box-shadow: 0 0 0 .10rem var(--og-halka);
}
.offgrid-nav-actions .btn.offgrid-btn-ghost{
  background: var(--og-cam2) !important;
  color: rgba(255,255,255,.92) !important;
}
.offgrid-nav-actions .btn.offgrid-btn-ghost:hover{
  background: var(--og-cam) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.3);
}
.offgrid-btn-ghost{
  background: transparent !important;
  color: rgba(255,255,255,.92) !important;
}
.offgrid-btn-ghost:hover{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
}
.offgrid-btn-ghost.active{
  background: rgba(243,156,18,.18) !important;
  border-color: rgba(243,156,18,.40) !important;
  color: #fff !important;
}
.offgrid-btn-primary{
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--og-mavi), var(--og-mavi2)) !important;
  box-shadow: 0 12px 22px rgba(243,156,18,.22);
}
.offgrid-btn-primary:hover{
  filter: brightness(1.05);
  box-shadow: 0 14px 26px rgba(243,156,18,.30);
}
.offgrid-btn-ilan{
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  box-shadow: 0 8px 18px rgba(34,197,94,.25);
}
.offgrid-btn-ilan:hover{
  filter: brightness(1.08);
  box-shadow: 0 10px 22px rgba(34,197,94,.35);
  color: #fff !important;
}
.offgrid-btn-basvuru{
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
  box-shadow: 0 8px 18px rgba(124,58,237,.25);
}
.offgrid-btn-basvuru:hover{
  filter: brightness(1.08);
  box-shadow: 0 10px 22px rgba(124,58,237,.35);
  color: #fff !important;
}
.og-nav-basvuru-ilan .offgrid-btn-icon-only {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
}
.og-nav-basvuru-ilan .offgrid-btn-icon-only svg {
  flex-shrink: 0;
}
.og-nav-basvuru-ilan .offgrid-btn-icon-label {
  width: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
  padding: 4px 2px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-radius: 0.375rem;
  text-decoration: none;
}
.og-nav-basvuru-ilan .offgrid-btn-icon-label .og-nav-basvuru-ilan-ico {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.og-nav-basvuru-ilan .offgrid-btn-icon-label .og-nav-basvuru-ilan-ico svg {
  flex-shrink: 0;
}
.og-nav-basvuru-ilan .offgrid-btn-icon-label .og-nav-basvuru-ilan-txt {
  font-size: 0.6rem;
  line-height: 1.1;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: center;
}
.og-basvuru-kart {
  transition: transform 0.2s, box-shadow 0.2s;
}
a:hover .og-basvuru-kart {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,.2);
}

/* Mobil üst bar: mesaj/bildirim ikonları veya misafir menü ikonları og-user-toggle yanında */
#og-mobil-ikonlar-placeholder,
.og-mobil-ikonlar-wrap{
  flex-shrink: 0;
}
#og-mobil-ikonlar-placeholder .og-header-mesaj-btn,
.og-mobil-ikonlar-wrap .og-header-mesaj-btn{
  min-width: 44px;
  min-height: 44px;
  display: flex !important;
}
#og-mobil-ikonlar-placeholder .og-header-mesaj-btn.og-header-mesaj-btn-label,
.og-mobil-ikonlar-wrap .og-header-mesaj-btn.og-header-mesaj-btn-label{
  width: 44px;
  max-width: 44px;
  min-height: 44px;
  padding: 4px 2px;
  flex-direction: column;
  gap: 2px;
}
#og-mobil-ikonlar-placeholder .og-header-mesaj-btn-label .og-header-mesaj-txt,
.og-mobil-ikonlar-wrap .og-header-mesaj-btn-label .og-header-mesaj-txt{
  font-size: 0.55rem;
}
#og-mobil-ikonlar-placeholder .og-nav-basvuru-ilan .offgrid-btn-icon-label,
.og-mobil-ikonlar-wrap .og-nav-basvuru-ilan .offgrid-btn-icon-label{
  min-width: 44px;
  width: 44px;
  max-width: 44px;
  min-height: 44px;
  padding: 4px 2px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
#og-mobil-ikonlar-placeholder .og-nav-basvuru-ilan .og-nav-basvuru-ilan-txt,
.og-mobil-ikonlar-wrap .og-nav-basvuru-ilan .og-nav-basvuru-ilan-txt{
  font-size: 0.55rem;
}
#og-mobil-ikonlar-placeholder .dropdown-menu,
.og-mobil-ikonlar-wrap .dropdown-menu{
  min-width: 365px;
  max-width: min(100vw - 2rem, 360px);
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
#og-mobil-ikonlar-placeholder .dropdown-menu.show,
#og-mobil-ikonlar-placeholder #og-mesaj-dropdown-panel.show,
#og-mobil-ikonlar-placeholder #og-bildirim-dropdown-panel.show,
.og-mobil-ikonlar-wrap .dropdown-menu.show,
.og-mobil-ikonlar-wrap #og-mesaj-dropdown-panel.show,
.og-mobil-ikonlar-wrap #og-bildirim-dropdown-panel.show{
  top: 100% !important;
  margin-top: 4px !important;
}
#og-mobil-ikonlar-placeholder #og-mesaj-dropdown-panel.show,
#og-mobil-ikonlar-placeholder #og-bildirim-dropdown-panel.show,
.og-mobil-ikonlar-wrap #og-mesaj-dropdown-panel.show,
.og-mobil-ikonlar-wrap #og-bildirim-dropdown-panel.show{
  position: fixed !important;
  left: auto !important;
  right: 12px !important;
  transform: none !important;
}

/* Üye ikonu (mobil) – hamburger yanında, mesaj/bildirim butonlarıyla uyumlu tema */
.og-user-toggle{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 10px;
  background: var(--og-cam2);
  border: 1px solid var(--og-cam-border);
  border-radius: 12px;
  color: rgba(255,255,255,.9);
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.og-user-toggle:hover{
  background: var(--og-cam);
  color: #fff;
  border-color: var(--og-cam-border);
}
.og-user-toggle svg{
  flex-shrink: 0;
}

/* Desktop: kullanıcı menüsü her zaman görünür (navbar ile aynı satırda) */
@media (min-width: 992px){
  .offgrid-nav #offgridUserNav{
    display: flex !important;
    flex-basis: auto;
  }
  .offgrid-nav #offgridUserNav .offgrid-nav-actions{
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
}

/* Mobil navbar – tam genişlik, dokunmatik dostu */
@media (max-width: 991.98px){
  .offgrid-nav .offgrid-nav-toggle{
    min-width: 44px;
    min-height: 44px;
    padding: 10px;
  }
  .offgrid-nav .navbar-collapse{
    margin-top: .75rem;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 1rem;
    width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
    border-radius: 16px;
    background: rgba(11,18,32,.96);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 18px 40px rgba(0,0,0,.35);
    max-height: calc(100vh - 100px);
    overflow-y: auto;
  }
  .offgrid-nav .navbar-collapse.collapse:not(.show){
    display: none !important;
  }
  /* Kullanıcı menüsü paneli (mobil) – hamburger menüyle tam aynı tam genişlik */
  .offgrid-nav #offgridUserNav{
    margin-top: .75rem;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 1rem;
    width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
    border-radius: 16px;
    background: rgba(11,18,32,.96);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 18px 40px rgba(0,0,0,.35);
    max-height: calc(100vh - 100px);
  }
  .offgrid-nav #offgridUserNav.collapse:not(.show){
    display: none !important;
  }
  /* Site sayfaları – dikey liste, 48px dokunmatik hedef */
  .offgrid-nav .navbar-nav{
    flex-direction: column;
    width: 100%;
    gap: 2px;
  }
  .offgrid-nav .nav-item{
    width: 100%;
  }
  .offgrid-nav .nav-link{
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 12px 16px;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 12px;
  }
  .offgrid-nav .nav-link:hover,
  .offgrid-nav .nav-link.active{
    background: rgba(255,255,255,.08);
    color: #fff;
  }
  /* Bölüm ayırıcı */
  .offgrid-nav .offgrid-nav-actions{
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255,255,255,.12);
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 8px;
  }
  /* Profil + Mesaj + Bildirim: ikonlar sabit üst satırda, içerik altta */
  .offgrid-nav .og-profil-ikonlar{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .offgrid-nav .og-profil-ikonlar .og-profil-ikonlar-satir{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: 100%;
  }
  .offgrid-nav .og-profil-ikonlar .offgrid-rozet{
    flex: 1 1 auto;
    min-height: 44px;
    min-width: 0;
  }
  .offgrid-nav .og-profil-ikonlar .dropdown{
    flex-shrink: 0;
    position: static;
  }
  .offgrid-nav .og-profil-ikonlar .og-header-mesaj-btn{
    min-height: 44px;
  }
  .offgrid-nav .og-profil-ikonlar .og-header-mesaj-btn.dropdown-toggle{
    display: flex !important;
  }
  /* Mobil dropdown: ikon satırının hemen altında, tam genişlik */
  .offgrid-nav .og-profil-ikonlar .dropdown-menu{
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    margin-top: 8px;
    margin-bottom: 0;
    border-radius: 12px;
    box-shadow: none;
    perspective: none;
  }
  .offgrid-nav .og-profil-ikonlar .og-mesaj-dropdown-header .btn,
  .offgrid-nav .og-profil-ikonlar .og-mesaj-dropdown-header a,
  .offgrid-nav .og-profil-ikonlar .og-mesaj-dropdown-footer .btn{
    transform: none !important;
  }
  .offgrid-nav .og-profil-ikonlar .og-mesaj-dropdown-menu{
    min-width: 100% !important;
    max-width: none !important;
  }
  /* Başvurular ve İlan Ver yan yana */
  .offgrid-nav .og-nav-basvuru-ilan{
    width: 100%;
  }
  .offgrid-nav .og-nav-basvuru-ilan .btn{
    flex: 1;
  }
  /* Mobil butonlar tam geniş */
  .offgrid-nav .offgrid-nav-actions .btn{
    min-height: 48px;
    justify-content: center;
    font-weight: 600;
  }
  .offgrid-nav .offgrid-nav-actions > .btn{
    width: 100%;
  }
}

/* Üye Yönetimi – mobil düzeltme: başlık + buton + arama stack, overlap yok */
@media (max-width: 991.98px) {
  /* Mobilde başlık padding-right kaldır (inline 10rem olmamalı) */
  .grup-sekme-baslik,
  .grup-ilanlar-sekme .grup-ilanlar-baslik,
  .og-ilan-detay-baslik {
    padding-right: 0 !important;
  }
  /* Paylaşımlar liste – mobil: Profil Paylaşımlarım ile aynı (buton tam genişlik, ortada) */
  .offgrid-kart-paylasimlar-liste > .position-relative.mb-4 {
    display: flex;
    flex-direction: column;
  }
  .offgrid-kart-paylasimlar-liste > .position-relative.mb-4 .grup-sekme-baslik {
    padding-right: 0 !important;
  }
  .offgrid-kart-paylasimlar-liste > .position-relative.mb-4 > .position-absolute {
    position: static !important;
    margin-bottom: 1.25rem;
  }
  .offgrid-kart-paylasimlar-liste > .position-relative.mb-4 > .position-absolute .btn {
    width: 100%;
    justify-content: center;
  }
  /* İlan detay sayfası – mobil: başlık üstte, butonlar altta stack */
  .ilan-detay .offgrid-kart > .border-bottom.position-relative {
    display: flex;
    flex-direction: column;
  }
  .ilan-detay .offgrid-kart > .border-bottom .position-absolute {
    position: static !important;
    margin-top: 1rem;
    justify-content: flex-start;
  }
  /* İlan detay – mobil: adres ile "İlan özellikleri" başlığı iç içe girmesin */
  .ilan-detay .og-ilan-detay-adres {
    display: block;
    margin-bottom: 1rem !important;
    padding-bottom: 0.25rem;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .ilan-detay .og-ilan-ozellik-baslik {
    margin-top: 1rem !important;
    padding-top: 0.5rem;
    display: block;
    clear: both;
  }
  #grup-sekme-uye-yonetimi .position-relative.mb-4 {
    display: flex;
    flex-direction: column;
  }
  #grup-sekme-uye-yonetimi .grup-sekme-baslik {
    padding-right: 0 !important;
  }
  #grup-sekme-uye-yonetimi .position-relative.mb-4 > .position-absolute {
    position: static !important;
    width: 100%;
  }
  #grup-sekme-uye-yonetimi .position-relative.mb-4 > .position-absolute .btn.offgrid-btn-primary {
    justify-content: center;
  }
  #grup-sekme-uye-yonetimi .position-relative.mb-4 .og-grup-uye-ara-form {
    width: 100%;
  }
  #grup-sekme-uye-yonetimi .position-relative.mb-4 .og-grup-uye-ara-form .input-group {
    max-width: none !important;
    width: 100%;
    flex-wrap: nowrap;
  }
  #grup-sekme-uye-yonetimi .position-relative.mb-4 .og-grup-uye-ara-form .input-group .form-control {
    flex: 1;
    min-width: 0;
  }
  #grup-sekme-uye-yonetimi .position-relative.mb-4 .og-grup-uye-ara-form .input-group .btn {
    flex-shrink: 0;
  }
  /* Üye Yönetimi tablosu – mobilde kart görünümü (bilgiler alt alta) */
  #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo-wrap {
    overflow-x: visible;
    margin-top: 1.5rem;
  }
  #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo thead {
    display: none;
  }
  #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr {
    display: block;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: 1rem;
    background: rgba(255,255,255,.03);
  }
  #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo .og-grup-uyeler-td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo .og-grup-uyeler-td:last-child {
    border-bottom: none;
  }
  #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo .og-grup-uyeler-td::before {
    content: attr(data-label);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    flex-shrink: 0;
  }
  #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo .og-grup-uyeler-td[data-label="Üye"]::before {
    display: none;
  }
  #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo .og-grup-uyeler-td[data-label="Üye"] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
    display: block;
  }
  #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo .og-grup-uyeler-td[data-label="İşlemler"] {
    justify-content: flex-end;
  }

  /* Üyeler sekmesi – mobil: başlık + arama stack, tablo kart görünümü */
  #grup-sekme-uyeler .position-relative.mb-4 {
    display: flex;
    flex-direction: column;
  }
  #grup-sekme-uyeler .grup-sekme-baslik {
    padding-right: 0 !important;
  }
  #grup-sekme-uyeler .og-grup-uyeler-ara-wrap {
    position: static !important;
    width: 100%;
  }
  #grup-sekme-uyeler .og-grup-uyeler-ara-form {
    width: 100%;
  }
  #grup-sekme-uyeler .og-grup-uyeler-ara-form .input-group {
    max-width: none !important;
    width: 100%;
    flex-wrap: nowrap;
  }
  #grup-sekme-uyeler .og-grup-uyeler-ara-form .input-group .form-control {
    flex: 1;
    min-width: 0;
  }
  #grup-sekme-uyeler .og-grup-uyeler-ara-form .input-group .btn {
    flex-shrink: 0;
  }
  #grup-sekme-uyeler .og-grup-uyeler-tablo-wrap {
    overflow-x: visible;
    margin-top: 1rem;
  }
  #grup-sekme-uyeler .og-grup-uyeler-tablo thead {
    display: none;
  }
  #grup-sekme-uyeler .og-grup-uyeler-tablo tbody {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  #grup-sekme-uyeler .og-grup-uyeler-tablo tbody tr {
    display: block;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: 1rem;
    background: rgba(255,255,255,.03);
  }
  #grup-sekme-uyeler .og-grup-uyeler-tablo .og-grup-uyeler-tablo-td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  #grup-sekme-uyeler .og-grup-uyeler-tablo .og-grup-uyeler-tablo-td:last-child {
    border-bottom: none;
  }
  #grup-sekme-uyeler .og-grup-uyeler-tablo .og-grup-uyeler-tablo-td::before {
    content: attr(data-label);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    flex-shrink: 0;
  }
  #grup-sekme-uyeler .og-grup-uyeler-tablo .og-grup-uyeler-tablo-td[data-label="Üye"]::before {
    display: none;
  }
  #grup-sekme-uyeler .og-grup-uyeler-tablo .og-grup-uyeler-tablo-td[data-label="Üye"] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
    display: block;
  }

  /* Paylaşımlar sekmesi – mobil: sadece arama alanı düzeni */
  #grup-sekme-paylasimlar .position-relative.mb-4 {
    display: flex;
    flex-direction: column;
  }
  #grup-sekme-paylasimlar .grup-sekme-baslik {
    padding-right: 0 !important;
  }
  #grup-sekme-paylasimlar .og-grup-paylasim-ara-wrap {
    position: static !important;
    width: 100%;
  }
  #grup-sekme-paylasimlar .og-grup-paylasim-ara-form {
    width: 100%;
  }
  #grup-sekme-paylasimlar .og-grup-paylasim-ara-form .input-group {
    max-width: none !important;
    width: 100%;
    flex-wrap: nowrap;
  }
  #grup-sekme-paylasimlar .og-grup-paylasim-ara-form .input-group .form-control {
    flex: 1;
    min-width: 0;
  }
  #grup-sekme-paylasimlar .og-grup-paylasim-ara-form .input-group .btn {
    flex-shrink: 0;
  }
  #grup-sekme-paylasimlar .position-relative.mb-4 + .offgrid-liste {
    margin-top: 1.25rem;
  }

  /* Etkinlikler sekmesi – mobil: arama alanı düzeni (paylaşımlar ile aynı) */
  #grup-sekme-etkinlikler .position-relative.mb-4 {
    display: flex;
    flex-direction: column;
  }
  #grup-sekme-etkinlikler .grup-sekme-baslik {
    padding-right: 0 !important;
  }
  #grup-sekme-etkinlikler .og-grup-etkinlik-ara-wrap {
    position: static !important;
    width: 100%;
  }
  #grup-sekme-etkinlikler .og-grup-etkinlik-ara-form {
    width: 100%;
  }
  #grup-sekme-etkinlikler .og-grup-etkinlik-ara-form .input-group {
    max-width: none !important;
    width: 100%;
    flex-wrap: nowrap;
  }
  #grup-sekme-etkinlikler .og-grup-etkinlik-ara-form .input-group .form-control {
    flex: 1;
    min-width: 0;
  }
  #grup-sekme-etkinlikler .og-grup-etkinlik-ara-form .input-group .btn {
    flex-shrink: 0;
  }
  #grup-sekme-etkinlikler .position-relative.mb-4 + .row.g-3 {
    margin-top: 1.25rem;
  }

  /* Videolar sekmesi – mobil: paylaşımlar ile aynı düzen (order: -1 override) */
  #grup-sekme-videolar .position-relative.mb-4 {
    display: flex;
    flex-direction: column;
  }
  #grup-sekme-videolar .grup-sekme-baslik {
    padding-right: 0 !important;
  }
  #grup-sekme-videolar .og-grup-video-ara-wrap {
    position: static !important;
    width: 100%;
    order: unset; /* Global .og-video-ara-wrap { order: -1 } override – paylaşımlar gibi başlık üstte */
  }
  #grup-sekme-videolar .og-grup-video-ara-form {
    width: 100%;
  }
  #grup-sekme-videolar .og-grup-video-ara-form .input-group {
    max-width: none !important;
    width: 100%;
    flex-wrap: nowrap;
  }
  #grup-sekme-videolar .og-grup-video-ara-form .input-group .form-control {
    flex: 1;
    min-width: 0;
  }
  #grup-sekme-videolar .og-grup-video-ara-form .input-group .btn {
    flex-shrink: 0;
  }
  #grup-sekme-videolar .position-relative.mb-4 + .row.g-3,
  #grup-sekme-videolar .position-relative.mb-4 + .text-center {
    margin-top: 1.25rem;
  }
}

/* Grup Resim Galerisi – kartlar */
/* Resim galerisi – videolar ile aynı kart yapısı (kare thumb) */
.og-grup-resim-thumb {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  overflow: hidden;
}
.og-anasayfa-list-cards #grup-sekme-resimler .row .offgrid-kart {
  border: 1px solid rgba(255,255,255,.1);
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .15s ease;
}
.og-anasayfa-list-cards #grup-sekme-resimler .row .offgrid-kart:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.15);
  box-shadow: 0 10px 22px rgba(243,156,18,.35);
  transform: translateY(-2px);
}
.og-anasayfa-list-cards #grup-sekme-resimler .offgrid-kart .fw-bold { color: rgba(255,255,255,.95); }
.og-anasayfa-list-cards #grup-sekme-resimler .offgrid-kart .text-muted { color: rgba(255,255,255,.55) !important; }
.og-anasayfa-list-cards #grup-sekme-resimler .offgrid-kart .btn-outline-secondary { border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards #grup-sekme-resimler .offgrid-kart .btn-outline-secondary:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5); color: #fff; }
.og-anasayfa-list-cards #grup-sekme-resimler .offgrid-kart .btn-outline-danger { border-color: rgba(220,53,69,.5); color: #dc3545; }
.og-anasayfa-list-cards #grup-sekme-resimler .offgrid-kart .btn-outline-danger:hover { background: rgba(220,53,69,.2); border-color: #dc3545; color: #ff6b6b; }
/* Beğeni butonu: aşağıda ortada, sadece içeriği kadar yer kaplasın */
.og-anasayfa-list-cards #grup-sekme-resimler .og-grup-resim-begen,
.og-anasayfa-list-cards #grup-sekme-resimler .og-grup-resim-begen-guest {
  top: auto !important;
  bottom: 0.25rem !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}
.og-anasayfa-list-cards #grup-sekme-resimler .og-grup-resim-begen {
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  max-width: 90%;
  height: 28px !important;
  min-height: 28px !important;
  line-height: 1 !important;
  padding: 0 8px !important;
}
/* Giriş yapılmış, beğenmemiş: koyu arka plan (giriş yapılmamışla aynı) */
.og-anasayfa-list-cards #grup-sekme-resimler .og-grup-resim-begen.btn-outline-secondary {
  background: rgba(0, 0, 0, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.og-anasayfa-list-cards #grup-sekme-resimler .og-grup-resim-begen.btn-outline-secondary:hover {
  background: rgba(0, 0, 0, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #fff !important;
}
/* Giriş yapmadan: beğeni göstergesi – arka plan koyu */
.og-anasayfa-list-cards #grup-sekme-resimler .og-grup-resim-begen-guest {
  background: rgba(0, 0, 0, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.25rem;
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 4px rgba(0,0,0,.4);
}
.og-anasayfa-list-cards #grup-sekme-resimler .text-muted { color: rgba(255,255,255,.6) !important; }

@media (max-width: 991.98px) {
  /* İlanlar sekmesi – mobil: arama alanı düzeni (paylaşımlar ile aynı) */
  #grup-sekme-ilanlar .position-relative.mb-4 {
    display: flex;
    flex-direction: column;
  }
  #grup-sekme-ilanlar .grup-ilanlar-baslik {
    padding-right: 0 !important;
  }
  #grup-sekme-ilanlar .og-grup-ilan-ara-wrap {
    position: static !important;
    width: 100%;
  }
  #grup-sekme-ilanlar .og-grup-ilan-ara-form {
    width: 100%;
  }
  #grup-sekme-ilanlar .og-grup-ilan-ara-form .input-group {
    max-width: none !important;
    width: 100%;
    flex-wrap: nowrap;
  }
  #grup-sekme-ilanlar .og-grup-ilan-ara-form .input-group .form-control {
    flex: 1;
    min-width: 0;
  }
  #grup-sekme-ilanlar .og-grup-ilan-ara-form .input-group .btn {
    flex-shrink: 0;
  }
  #grup-sekme-ilanlar .position-relative.mb-4 + div {
    margin-top: 1.25rem;
  }
}

.offgrid-kart{
  background: var(--og-kart);
  border: 0;
  border-radius: 16px;
  box-shadow: var(--og-golge);
}

/* Giriş sayfası – temaya uygun koyu kart */
.offgrid-giris-page .offgrid-giris-kart {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 8px 24px rgba(0,0,0,.3);
}
.offgrid-giris-page .offgrid-giris-kart h3 {
  color: #fff;
}
.offgrid-giris-page .offgrid-giris-kart .form-label {
  color: rgba(255,255,255,.9);
}
.offgrid-giris-page .offgrid-giris-kart .form-control {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
}
.offgrid-giris-page .offgrid-giris-kart .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
.offgrid-giris-page .offgrid-giris-kart .form-control:focus {
  background: rgba(255,255,255,.1);
  border-color: rgba(243,156,18,.5);
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.25);
}
.offgrid-giris-page .offgrid-giris-kart .form-text,
.offgrid-giris-page .offgrid-giris-kart .form-text a {
  color: rgba(255,255,255,.7);
}
.offgrid-giris-page .offgrid-giris-kart .form-text a:hover {
  color: #f39c12;
}
.offgrid-giris-page .offgrid-giris-kart .alert {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
}
.offgrid-giris-page .offgrid-giris-kart .alert.alert-warning {
  background: rgba(245,158,11,.15);
  border-color: rgba(245,158,11,.35);
  color: #fef3c7;
}
.offgrid-giris-page .offgrid-giris-kart .alert.alert-danger {
  background: rgba(239,68,68,.2);
  border-color: rgba(239,68,68,.4);
  color: #fecaca;
}
.offgrid-giris-page .offgrid-giris-kart .alert.alert-success {
  background: rgba(34,197,94,.15);
  border-color: rgba(34,197,94,.35);
  color: #bbf7d0;
}
.offgrid-giris-page .offgrid-giris-kart .alert .alert-link {
  color: #f39c12;
}
.offgrid-giris-page .offgrid-giris-kart .text-muted {
  color: rgba(255,255,255,.65) !important;
}
/* Kayıt sayfası: dropdown butonları, form-check, linkler */
.offgrid-giris-page .offgrid-giris-kart .form-select,
.offgrid-giris-page .offgrid-giris-kart button.form-select,
.offgrid-giris-page .offgrid-giris-kart .offgrid-il-btn,
.offgrid-giris-page .offgrid-giris-kart .offgrid-ilce-btn,
.offgrid-giris-page .offgrid-giris-kart .offgrid-mahalle-btn,
.offgrid-giris-page .offgrid-giris-kart .offgrid-sehir-btn {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
}
.offgrid-giris-page .offgrid-giris-kart .form-check-label {
  color: rgba(255,255,255,.88);
}
.offgrid-giris-page .offgrid-giris-kart .form-check-input {
  background-color: rgba(255,255,255,.2);
  border-color: rgba(255,255,255,.35);
}
.offgrid-giris-page .offgrid-giris-kart .form-check-input:checked {
  background-color: #f39c12;
  border-color: #f39c12;
}
.offgrid-giris-page .offgrid-giris-kart .btn-link {
  color: #f39c12;
}
.offgrid-giris-page .offgrid-giris-kart .btn-link:hover {
  color: #e08e0b;
}
.offgrid-giris-page .offgrid-giris-kart .invalid-feedback {
  color: #fca5a5;
}
.offgrid-giris-page .offgrid-giris-kart .dropdown-menu {
  background: var(--og-arka);
  border: 1px solid rgba(255,255,255,.15);
}
.offgrid-giris-page .offgrid-giris-kart .dropdown-item {
  color: rgba(255,255,255,.9);
}
.offgrid-giris-page .offgrid-giris-kart .dropdown-item:hover,
.offgrid-giris-page .offgrid-giris-kart .dropdown-item.active {
  background: rgba(255,255,255,.1);
  color: #fff;
}
/* Kayıt sayfası – İl / İlçe / Mahalle listeleri scrollbar (koyu tema) */
.offgrid-giris-page .offgrid-giris-kart .offgrid-il-list,
.offgrid-giris-page .offgrid-giris-kart .offgrid-ilce-list,
.offgrid-giris-page .offgrid-giris-kart .offgrid-mahalle-list,
.offgrid-giris-page .offgrid-giris-kart .offgrid-sehir-list {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.offgrid-giris-page .offgrid-giris-kart .offgrid-il-list::-webkit-scrollbar,
.offgrid-giris-page .offgrid-giris-kart .offgrid-ilce-list::-webkit-scrollbar,
.offgrid-giris-page .offgrid-giris-kart .offgrid-mahalle-list::-webkit-scrollbar,
.offgrid-giris-page .offgrid-giris-kart .offgrid-sehir-list::-webkit-scrollbar {
  width: 8px;
}
.offgrid-giris-page .offgrid-giris-kart .offgrid-il-list::-webkit-scrollbar-track,
.offgrid-giris-page .offgrid-giris-kart .offgrid-ilce-list::-webkit-scrollbar-track,
.offgrid-giris-page .offgrid-giris-kart .offgrid-mahalle-list::-webkit-scrollbar-track,
.offgrid-giris-page .offgrid-giris-kart .offgrid-sehir-list::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.offgrid-giris-page .offgrid-giris-kart .offgrid-il-list::-webkit-scrollbar-thumb,
.offgrid-giris-page .offgrid-giris-kart .offgrid-ilce-list::-webkit-scrollbar-thumb,
.offgrid-giris-page .offgrid-giris-kart .offgrid-mahalle-list::-webkit-scrollbar-thumb,
.offgrid-giris-page .offgrid-giris-kart .offgrid-sehir-list::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.offgrid-giris-page .offgrid-giris-kart .offgrid-il-list::-webkit-scrollbar-thumb:hover,
.offgrid-giris-page .offgrid-giris-kart .offgrid-ilce-list::-webkit-scrollbar-thumb:hover,
.offgrid-giris-page .offgrid-giris-kart .offgrid-mahalle-list::-webkit-scrollbar-thumb:hover,
.offgrid-giris-page .offgrid-giris-kart .offgrid-sehir-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5);
}

/* Kayıt sayfası – Madde 1 / Madde 2 modalları (koyu tema) */
.offgrid-madde-modal .modal-content {
  background: var(--og-arka);
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
}
.offgrid-madde-modal .modal-header {
  border-bottom-color: rgba(255,255,255,.12);
}
.offgrid-madde-modal .modal-title {
  color: #fff;
}
.offgrid-madde-modal .modal-body {
  background: var(--og-arka);
  color: rgba(255,255,255,.88);
}
.offgrid-madde-modal .modal-body p,
.offgrid-madde-modal .modal-body h6 {
  color: inherit;
}
.offgrid-madde-modal .modal-body strong {
  color: rgba(255,255,255,.95);
}
.offgrid-madde-modal .modal-footer {
  border-top-color: rgba(255,255,255,.12);
}
.offgrid-madde-modal .modal-body {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.offgrid-madde-modal .modal-body::-webkit-scrollbar {
  width: 8px;
}
.offgrid-madde-modal .modal-body::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.offgrid-madde-modal .modal-body::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.offgrid-madde-modal .modal-body::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5);
}

.og-kategori-baslik{
  padding-left: 1.25rem;
  margin-bottom: .75rem;
}

.og-kategori-menu .list-group-item{
  font-weight: 600;
  font-size: .98rem;
  color: #0f172a;
}
.og-kategori-menu .list-group-item.active{
  font-weight: 700;
  color: #fff !important;
}

/* Onay modalları (data-og-confirm) – koyu tema */
.og-swal-popup {
  background: #1e2228 !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 32px rgba(0,0,0,.5);
}
.og-swal-popup .swal2-title { color: #fff !important; }
.og-swal-popup .swal2-html-container { color: rgba(255,255,255,.85) !important; }
.og-swal-popup .swal2-icon.swal2-warning { border-color: #f39c12; color: #f39c12; }
.og-swal-popup .swal2-icon.swal2-question { border-color: #f39c12; color: #f39c12; }
.og-swal-popup .swal2-styled.swal2-confirm {
  background: linear-gradient(135deg, #f39c12, #e08e0b) !important;
  border: none;
  color: #fff;
}
.og-swal-popup .swal2-styled.swal2-confirm:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a) !important;
  color: #fff;
}
.og-swal-popup .swal2-styled.swal2-cancel {
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.9);
}
.og-swal-popup .swal2-styled.swal2-cancel:hover {
  background: rgba(255,255,255,.18) !important;
  color: #fff;
}

.swal2-wide{
  max-width: min(28rem, 92vw) !important;
  overflow: visible !important;
}
.swal2-wide .swal2-html-container{
  overflow: visible !important;
  max-height: none !important;
}
.og-swal-report-popup{
  max-width: min(520px, 92vw) !important;
}
.og-swal-report-popup .swal2-html-container{
  text-align: left !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  overflow: visible !important;
}
.og-swal-report-form{
  text-align: left;
}
.og-swal-report-form .og-swal-field + .og-swal-field{
  margin-top: .9rem;
}
.og-swal-report-form label{
  display: block;
  font-weight: 700;
  margin: 0 0 .35rem;
  color: #0f172a;
}
.og-swal-report-form select,
.og-swal-report-form textarea{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(15,23,42,.18);
  border-radius: 12px;
  padding: .62rem .75rem;
  background: #fff;
  color: #0f172a;
  outline: none;
}
.og-swal-report-form textarea{
  min-height: 120px;
  resize: vertical;
}
.og-swal-report-form select:focus,
.og-swal-report-form textarea:focus{
  box-shadow: 0 0 0 .10rem var(--og-halka);
  border-color: rgba(243,156,18,.55);
}

.og-subcats .og-subcat-icon{
  display: inline-block;
  width: 1.1rem;
  margin-right: .25rem;
  opacity: .70;
  transform: translateY(-.5px);
}

.list-group-item.active{
  z-index: 2;
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--og-mavi), var(--og-mavi2)) !important;
  box-shadow: 0 12px 22px rgba(243, 156, 18, .22);
}
.list-group-item.active:hover,
.list-group-item.active:focus{
  filter: brightness(1.03);
}

.offgrid-baslik{
  color: #fff;
  font-weight: 800;
}
.offgrid-aciklama{
  color: rgba(255,255,255,.72);
}

.offgrid-hero{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 22px 60px rgba(0,0,0,.30);
}

.offgrid-hero-section{
  padding: 0;
  margin: 0;
}
.offgrid-hero-media{
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  border: 0;
  box-shadow: none;
  background: rgba(0,0,0,.35);
}
.offgrid-hero-full{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
.offgrid-hero-media .carousel-item{
  position: relative;
  height: 40vh;
  min-height: 300px;
}
.offgrid-hero-media .offgrid-hero-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.offgrid-hero-overlay{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 28px;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.10) 0%,
    rgba(0,0,0,.35) 40%,
    rgba(0,0,0,.70) 100%
  );
}
.offgrid-hero-content{
  max-width: 760px;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.offgrid-hero-content .offgrid-baslik{ margin-bottom: 0; }
.offgrid-hero-content .offgrid-aciklama{ margin-bottom: 0; margin-top: -1.9rem; }
@media (max-width: 767.98px){
  .offgrid-hero-media .carousel-item{ height: 35vh; min-height: 260px; }
  .offgrid-hero-overlay{ padding: 20px; }
  .offgrid-hero-content{ max-width: 100%; gap: 0.75rem; }
  .offgrid-hero-content .offgrid-baslik{
    font-size: 1.35rem;
    line-height: 1.3;
    margin-bottom: 0.25rem !important;
  }
  .offgrid-hero-content .offgrid-aciklama{
    font-size: 0.8rem;
    line-height: 1.4;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    opacity: 0.9;
  }
}

/* Ana sayfa hero: çevrim içi üye barı */
.og-hero-cevrim-ici-bar{
  z-index: 5;
}
/* Masaüstü: altta, soldaki butonla aynı hizada */
@media (min-width: 768px){
  .og-hero-cevrim-ici-bar{ padding-bottom: 28px; }
}
@media (max-width: 767.98px){
  .og-hero-cevrim-ici-bar.og-hero-cevrim-ici-mobil{ padding-bottom: 0; }
  .og-hero-cevrim-ici-mobil .og-hero-cevrim-ici{
    padding-top: 0 !important;
    padding-right: 0 !important;
  }
}
/* Mobil: kompakt yeşil daire (sağ üst köşe için) */
.og-hero-cevrim-ici-mobil .og-cevrim-ici-sayi-wrap-sm{ min-width: 36px; min-height: 36px; }
.og-hero-cevrim-ici-mobil .og-cevrim-ici-sayi-wrap-sm .og-cevrim-ici-sayi{
  width: 32px; height: 32px; min-width: 32px; min-height: 32px;
  font-size: 1rem;
}
.og-hero-cevrim-ici-mobil .og-cevrim-ici-sayi-wrap-sm::before,
.og-hero-cevrim-ici-mobil .og-cevrim-ici-sayi-wrap-sm::after{
  width: 32px; height: 32px; margin-left: -16px; margin-top: -16px;
}

/* Ana sayfa hero: çevrim içi üye kutusu */
.og-hero-cevrim-ici{
  z-index: 2;
}
.og-hero-cevrim-ici .small{
  color: rgba(74, 222, 128, 0.95);
}

/* Çevrim içi sayı: ortada yeşil daire + dışa doğru hareket eden halka efekti */
.og-cevrim-ici-sayi-wrap{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  min-height: 52px;
}
.og-cevrim-ici-sayi-wrap .og-cevrim-ici-sayi{
  position: relative;
  z-index: 2;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 50%;
  background: #22c55e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  box-shadow: 0 0 0 2px rgba(255,255,255,.2), 0 0 24px rgba(34, 197, 94, 0.6);
  text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.og-cevrim-ici-sayi-wrap::before,
.og-cevrim-ici-sayi-wrap::after{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  border-radius: 50%;
  border: 2px solid rgba(74, 222, 128, 0.7);
  transform: scale(1);
  opacity: 0.8;
  animation: og-cevrim-ici-pulse 2.2s ease-out infinite;
  pointer-events: none;
}
.og-cevrim-ici-sayi-wrap::after{
  animation-delay: 1.1s;
}
@keyframes og-cevrim-ici-pulse{
  0%{ transform: scale(1); opacity: 0.75; border-color: rgba(74, 222, 128, 0.8); }
  100%{ transform: scale(2.2); opacity: 0; border-color: rgba(74, 222, 128, 0.2); }
}

/* ========== Anasayfa: Öne çıkan bölümler — turuncu tema ========== */

.og-featured-videos h3, .og-ilan-vitrin h3{ font-size: 1.15rem; color: #fff; }
.og-featured-videos .d-flex a.small,
.og-ilan-vitrin .d-flex a.small{ color: rgba(255,255,255,.7); text-decoration: none; transition: color .2s ease; }
.og-featured-videos .d-flex a.small:hover,
.og-ilan-vitrin .d-flex a.small:hover{ color: #f39c12; }

/* 2. Video öne çıkan — turuncu tema */
.og-video-card{ display: block; border: 1px solid rgba(255,255,255,.12); border-radius: inherit; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; overflow: hidden; background: rgba(255,255,255,.04); }
.og-video-card:hover{ transform: translateY(-2px); box-shadow: 0 10px 22px rgba(243,156,18,.35); }
.og-video-card:hover .og-video-card-caption{ background: rgba(243,156,18,.12); }
.og-video-card-media{ position: relative; aspect-ratio: 16/9; overflow: hidden; }
.og-video-card .og-video-card-img,
.og-video-card .og-video-card-placeholder{ display: block; width: 100%; height: 100%; object-fit: cover; }
.og-video-card-placeholder{ position: absolute; inset: 0; background: linear-gradient(135deg, #1e2228 0%, #1a1d23 100%); }
.og-video-card-play{ position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; margin: -28px 0 0 -28px; border-radius: 50%; background: rgba(243,156,18,.9); display: flex; align-items: center; justify-content: center; pointer-events: none; box-shadow: 0 4px 16px rgba(243,156,18,.4); }
.og-video-card-play::after{ content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent #fff; margin-left: 4px; }
.og-video-card-caption{ padding: 12px; background: rgba(15,23,42,.9); transition: background .2s ease; }
.og-video-card-title{ color: #fff; font-weight: 600; font-size: .95rem; display: block; margin-bottom: 4px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.og-video-card-cat{ color: rgba(255,255,255,.7); font-size: .8rem; }
.og-video-card-meta{ color: rgba(255,255,255,.7); font-size: .8rem; display: flex; margin-top: 4px; }
.og-video-card-begeni{ flex-shrink: 0; }

/* 3. İlan vitrin — turuncu tema */
.og-ilan-vitrin .og-ilan-card{ background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); transition: background .2s ease, transform .15s ease, box-shadow .2s ease; }
.og-ilan-vitrin .og-ilan-card:hover{ background: rgba(243,156,18,.12); box-shadow: 0 10px 22px rgba(243,156,18,.35); transform: translateY(-2px); }
.og-ilan-card-media{ position: relative; aspect-ratio: 4/3; overflow: hidden; }
.og-ilan-card-img{ width: 100%; height: 100%; object-fit: cover; }
.og-ilan-card-placeholder{ width: 100%; height: 100%; background: linear-gradient(135deg, #1e2228 0%, #1a1d23 100%); }
.og-ilan-card-body{ padding: 12px; }
.og-ilan-card-title{ color: #fff; font-weight: 600; font-size: .9rem; display: block; margin-bottom: 4px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.og-ilan-card-price{ color: #f39c12; font-weight: 700; font-size: .95rem; display: block; }
.og-ilan-card-loc{ color: rgba(255,255,255,.6); font-size: .8rem; }

/* 5. Neden Offgrid – değer önerisi şeridi */
/* 5. Neden Offgrid – değer önerisi şeridi, turuncu tema */
.og-why-offgrid-inner{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.og-why-offgrid .og-why-icon{
  width: 56px;
  height: 56px;
  background: rgba(243,156,18,.25);
  color: #f39c12;
  border: 1px solid rgba(243,156,18,.35);
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.og-why-offgrid .og-why-icon:hover{
  background: rgba(243,156,18,.35);
  color: #fff;
  border-color: rgba(243,156,18,.5);
  box-shadow: 0 4px 12px rgba(243,156,18,.25);
}
.og-why-offgrid h4{ color: #fff !important; }
.og-why-offgrid .text-white-50,
.og-why-offgrid p.small{ color: rgba(255,255,255,.7) !important; }

/* 6. Hızlı erişim – mega CTA */
.og-mega-cta-btn{ border: 2px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05); color: #fff; transition: border-color .2s ease, background .2s ease, transform .15s ease; }
.og-mega-cta-btn:hover{ border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.1); color: #fff; transform: translateY(-2px); }
.og-mega-cta-gruplar:hover{ border-color: rgba(107,91,149,.6); background: rgba(107,91,149,.15); }
.og-mega-cta-videolar:hover{ border-color: rgba(232,90,42,.6); background: rgba(232,90,42,.15); }
.og-mega-cta-ilan:hover{ border-color: rgba(36,122,94,.6); background: rgba(36,122,94,.15); }
.og-mega-cta-etkinlik:hover{ border-color: rgba(61,90,138,.6); background: rgba(61,90,138,.15); }
.og-mega-cta-icon{ width: 40px; height: 40px; border-radius: 12px; }
.og-mega-cta-gruplar .og-mega-cta-icon{ background: rgba(107,91,149,.35); }
.og-mega-cta-videolar .og-mega-cta-icon{ background: rgba(232,90,42,.35); }
.og-mega-cta-ilan .og-mega-cta-icon{ background: rgba(36,122,94,.35); }
.og-mega-cta-etkinlik .og-mega-cta-icon{ background: rgba(61,90,138,.35); }

/* Haberler ve Duyurular – anasayfa, koyu tema */
.og-haber-ilan .og-haber-carousel-wrap {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  padding: 1rem;
}
.og-haber-carousel{ position: relative; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); margin-left: auto; margin-right: auto; }
.og-haber-ilan .og-haber-carousel{ display: flex; flex-direction: column; }
.og-haber-ilan .og-haber-carousel .carousel-inner{ height: 400px; aspect-ratio: auto; background: #0f172a; }
.og-haber-carousel .carousel-inner{ aspect-ratio: 16/9; background: #0f172a; }
/* Haberler / Duyurular carousel: yön okları — turuncu tema */
.og-haber-carousel .carousel-control-prev,
.og-haber-carousel .carousel-control-next{ width: 48px; height: 48px; margin: auto 8px; padding: 0; border-radius: 50%; background: rgba(243,156,18,.3); opacity: 1; display: flex; align-items: center; justify-content: center; transition: background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.og-haber-carousel .carousel-control-prev:hover,
.og-haber-carousel .carousel-control-next:hover{ background: linear-gradient(135deg, #f39c12, #e08e0b); border-color: #e08e0b; box-shadow: 0 4px 12px rgba(243,156,18,.4); }
.og-haber-carousel .carousel-control-prev-icon,
.og-haber-carousel .carousel-control-next-icon{ width: 1.25rem; height: 1.25rem; filter: brightness(0) invert(1); }
.og-haber-slide-link{ text-decoration: none; color: inherit; }
.og-haber-slide-img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.og-haber-slide-placeholder{ width: 100%; height: 100%; min-height: 180px; background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); }
@media (max-width: 991.98px) {
  .og-haber-ilan .og-haber-carousel .carousel-inner { height: 144px !important; aspect-ratio: auto; }
  .og-haber-ilan .og-haber-slide-placeholder { min-height: 120px; }
}
/* Caption: sol üst + sağ üst turuncu tema etiketleri */
.og-haber-carousel .carousel-caption.og-haber-caption-yeni{ left: 0; right: 0; bottom: auto; top: 0; padding: 1rem 1.25rem; text-align: left; background: none; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 0.5rem; }
.og-haber-caption-yeni .og-haber-baslik-cizgi{ display: inline-block; font-size: 1.0rem; font-weight: 700; color: #fff; margin: 0; padding: 0.35rem 0.6rem; background: rgba(243,156,18,.9); line-height: 1.3; text-shadow: 0 1px 2px rgba(0,0,0,.4); max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Duyurular: aynı ellipsis (ortak kural yukarıda) */
.og-haber-caption-yeni .og-haber-alt-kutu{ display: inline-block; font-size: 0.9rem; font-weight: 700; color: #fff; margin: 0; padding: 0.4rem 0.65rem; background: rgba(243,156,18,.85); line-height: 1.3; margin-left: auto; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
.og-haber-caption .og-haber-baslik{ font-size: 1.1rem; font-weight: 700; color: #fff; margin: 0; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
/* Haberler: numara butonları — koyu tema, turuncu aktif */
.og-haber-pag-btn{ width: 32px; height: 32px; min-width: 32px; min-height: 32px; padding: 0; border: 1px solid rgba(255,255,255,.25); border-radius: 4px; background: rgba(255,255,255,.1); color: rgba(255,255,255,.9); font-size: 0.85rem; font-weight: 700; line-height: 1; display: inline-flex; align-items: center; justify-content: center; transition: background .2s ease, color .2s ease, border-color .2s ease; flex-shrink: 0; box-sizing: border-box; }
.og-haber-pag-btn:hover{ background: rgba(255,255,255,.18); color: #fff; border-color: rgba(255,255,255,.35); }
.og-haber-pag-btn.active{ background: linear-gradient(135deg, #f39c12, #e08e0b); color: #fff; border-color: #f39c12; box-shadow: 0 4px 12px rgba(243,156,18,.35); }
.og-haber-pag-tumlu{ width: 32px; height: 32px; min-width: 32px; min-height: 32px; padding: 0; border: 1px solid rgba(255,255,255,.25); border-radius: 4px; background: rgba(255,255,255,.1); color: rgba(255,255,255,.9); font-size: 0.9rem; font-weight: 700; line-height: 1; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: background .2s ease, color .2s ease; box-sizing: border-box; }
.og-haber-pag-tumlu:hover{ background: rgba(243,156,18,.25); color: #fff; border-color: rgba(243,156,18,.5); }
/* Haberler: sağa sola kaydırma okları — turuncu tema */
.og-haber-ok{ width: 32px; height: 32px; min-width: 32px; min-height: 32px; padding: 0; border: none; border-radius: 4px; background: linear-gradient(135deg, #f39c12, #e08e0b); color: #fff; font-size: 1.1rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; transition: background .2s ease, color .2s ease, box-shadow .2s ease; box-shadow: 0 4px 12px rgba(243,156,18,.25); flex-shrink: 0; box-sizing: border-box; }
.og-haber-ok:hover{ background: linear-gradient(135deg, #e08e0b, #d17d0a); color: #fff; box-shadow: 0 6px 16px rgba(243,156,18,.35); }
/* Haberler nav: oklar + 23 numara tek satırda (eşit genişlikte) */
.og-haber-nav{ align-items: center; display: flex; flex-wrap: nowrap; width: 100%; gap: 8px; }
.og-haber-nav .og-haber-ok{ flex-shrink: 0; }
.og-haber-pagination{ align-items: center; display: flex; flex-wrap: nowrap; gap: 2px; flex: 1 1 0; min-width: 0; }
.og-haber-pagination .og-haber-pag-btn{ flex: 1 1 0; min-width: 18px; max-width: 36px; width: auto; height: 28px; min-height: 28px; font-size: 0.7rem; padding: 0 2px; }
/* Duyurular: altta noktalar + oklar — turuncu tema */
.og-duyuru-dots{ display: flex; align-items: center; gap: 6px; }
.og-duyuru-dot{ width: 10px; height: 10px; min-width: 10px; min-height: 10px; padding: 0; border: none; border-radius: 50%; background: rgba(255,255,255,.4); transition: background .2s ease; }
.og-duyuru-dot:hover{ background: rgba(255,255,255,.6); }
.og-duyuru-dot.active{ background: #f39c12; box-shadow: 0 0 0 2px rgba(243,156,18,.4); }
.og-duyuru-ok{ width: 32px; height: 32px; padding: 0; border: none; border-radius: 4px; background: linear-gradient(135deg, #f39c12, #e08e0b); color: #fff; font-size: 1.1rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; transition: background .2s ease, color .2s ease, box-shadow .2s ease; box-shadow: 0 4px 12px rgba(243,156,18,.25); }
.og-duyuru-ok:hover{ background: linear-gradient(135deg, #e08e0b, #d17d0a); color: #fff; box-shadow: 0 6px 16px rgba(243,156,18,.35); }
/* Eski indicator stilleri (ihtiyaç halinde) */
.og-haber-indicators{ bottom: auto; left: auto; right: 12px; top: 50%; transform: translateY(-50%); margin: 0; flex-direction: column; gap: 8px; padding: 10px 8px; background: rgba(0,0,0,.55); border-radius: 24px; }
.og-haber-indicators-yatay{ flex-direction: row; right: auto; top: auto; bottom: 10px; left: 50%; transform: translateX(-50%); padding: 8px 12px; }
.og-haber-indicators button{ width: 32px; height: 32px; min-width: 32px; min-height: 32px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.7); color: #fff; font-size: .8rem; font-weight: 700; opacity: 1; transition: background .2s ease, border-color .2s ease; padding: 0; flex-shrink: 0; box-sizing: border-box; }
.og-haber-indicators button:hover{ background: rgba(243,156,18,.4); border-color: rgba(243,156,18,.6); }
.og-haber-indicators button.active{ background: rgba(243,156,18,.95); border-color: #f39c12; color: #fff; }
.og-haber-indicators-num button{ display: flex; align-items: center; justify-content: center; line-height: 1; }
.og-haber-detay-img-wrap{ max-height: 400px; background: #0f172a; }
.og-haber-detay-img{ max-height: 400px; object-fit: cover; }
.og-haber-detay-icerik{ line-height: 1.7; white-space: pre-wrap; }
.og-anasayfa-list-cards .og-haber-detay-icerik{ color: rgba(255,255,255,.75); font-size: 1.05rem; }
.og-anasayfa-list-cards .og-haber-detay-baslik-wrap .grup-sekme-baslik-alt{ color: rgba(255,255,255,.65); }

/* Üst menü: İlan Ver/Başvuru ile aynı yükseklik, köşe ve stil (2.25rem, border-radius 0.375rem, border:0, box-shadow) */
.offgrid-rozet{
  display:inline-flex;
  gap:8px;
  align-items:center;
  height: 2.25rem;
  min-height: 2.25rem;
  padding: 0 12px;
  border-radius: 0.375rem;
  background: var(--og-cam2);
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  color: rgba(255,255,255,.9);
  font-weight: 650;
  font-size: 13px;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
.offgrid-rozet .offgrid-rozet-selam{ color: rgba(255,255,255,.75); }
.offgrid-rozet .offgrid-rozet-isim{ color: var(--bs-primary); }
.offgrid-rozet:hover{ box-shadow: 0 10px 22px rgba(0,0,0,.3); }

.og-header-mesaj-btn{
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  min-height: 2.25rem;
  border-radius: 0.375rem;
  background: var(--og-cam2);
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  color: rgba(255,255,255,.9);
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.og-header-mesaj-btn.og-header-mesaj-btn-label{
  width: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
  min-height: 2.25rem;
  height: auto;
  padding: 4px 2px;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.og-header-mesaj-btn-label .og-header-mesaj-ico{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.og-header-mesaj-btn-label .og-header-mesaj-ico svg{
  flex-shrink: 0;
}
/* Masaüstü: Mesaj/Bildirim butonları İlan Ver ile aynı ölçüde (2.75rem × 2.5rem, ikon 18px, padding/gap aynı) */
@media (min-width: 992px) {
  .og-profil-ikonlar .og-header-mesaj-btn.og-header-mesaj-btn-label {
    width: 2.75rem;
    min-width: 2.75rem;
    max-width: 2.75rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: 4px 2px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border-radius: 0.375rem;
    box-sizing: border-box;
  }
  .og-profil-ikonlar .og-header-mesaj-btn-label .og-header-mesaj-ico svg {
    width: 18px;
    height: 18px;
  }
  /* İlan Ver/Başvuru ile aynı sabit yükseklik (dört buton aynı kutu) */
  .og-profil-ikonlar .og-nav-basvuru-ilan .offgrid-btn-icon-label {
    height: 2.5rem;
    min-height: 2.5rem;
    box-sizing: border-box;
  }
}
.og-header-mesaj-btn-label .og-header-mesaj-txt{
  font-size: 0.6rem;
  line-height: 1.1;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: center;
}
.og-header-mesaj-btn:hover{
  background: var(--og-cam);
  color: #fff;
  box-shadow: 0 10px 22px rgba(0,0,0,.3);
}
.og-header-mesaj-badge{
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  color: #fff;
  background: var(--bs-primary);
  border-radius: 999px;
}
#og-header-mesaj-dropdown .dropdown-toggle::after{ display: none; }
#og-header-bildirim-dropdown .dropdown-toggle::after{ display: none; }

/* Mesaj ve Bildirim dropdown'ları – yan menü (z-index 1060) üstünde */
#og-mesaj-dropdown-panel.show,
#og-bildirim-dropdown-panel.show {
  z-index: 1080 !important;
}
.og-mesaj-dropdown-menu{
  min-width: 320px;
  max-width: 380px;
  background: rgba(11,18,32,.98);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0,0,0,.4);
  overflow: hidden;
}
.og-mesaj-dropdown-header{
  background: rgba(255,255,255,.05);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.2) !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.og-mesaj-dropdown-header .btn-outline-secondary{
  color: rgba(255,255,255,.85);
  border-color: rgba(255,255,255,.2);
}
.og-mesaj-dropdown-header .btn-outline-secondary:hover{
  background: rgba(255,255,255,.1);
  color: #fff;
  border-color: rgba(255,255,255,.3);
}
.og-bildirim-dropdown-menu .og-bildirim-ayar-icon{
  color: rgba(255,255,255,.6);
}
.og-bildirim-dropdown-menu .og-bildirim-ayar-icon:hover{
  color: #fff !important;
}
.og-bildirim-dropdown-menu .og-bildirim-ayar-icon svg{
  stroke: currentColor;
}
.og-mesaj-dropdown-menu .og-yeni-mesaj-icon{
  color: rgba(255,255,255,.6);
}
.og-mesaj-dropdown-menu .og-yeni-mesaj-icon:hover{
  color: #fff !important;
}
.og-mesaj-dropdown-menu .og-yeni-mesaj-icon svg{
  stroke: currentColor;
}
.og-mesaj-dropdown-body{
  background: rgba(11,18,32,.98);
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-mesaj-dropdown-body::-webkit-scrollbar{
  width: 8px;
}
.og-mesaj-dropdown-body::-webkit-scrollbar-track{
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-mesaj-dropdown-body::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-mesaj-dropdown-body::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.5);
}
.og-mesaj-dropdown-item{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.06);
  transition: background .15s;
  position: relative;
}
.og-mesaj-dropdown-item .og-mesaj-dropdown-badge{
  position: absolute;
  top: 8px;
  right: 10px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 50%;
  background: #f39c12;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.og-mesaj-dropdown-item:hover{
  background: rgba(255,255,255,.08);
  color: #fff;
}
.og-mesaj-dropdown-item .og-mesaj-avatar{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255,255,255,.15);
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: rgba(255,255,255,.7);
}
.og-mesaj-dropdown-item .og-mesaj-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.og-mesaj-dropdown-item .og-mesaj-body{
  flex: 1;
  min-width: 0;
}
.og-mesaj-dropdown-item .og-mesaj-ozet{
  font-weight: 600;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.og-mesaj-dropdown-item .og-mesaj-gonderen{
  font-size: 12px;
  color: rgba(255,255,255,.75);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.og-mesaj-dropdown-item .og-mesaj-tarih{
  font-size: 11px;
  color: rgba(255,255,255,.5);
}
.og-mesaj-dropdown-item-bildirim-style,
.og-bildirim-dropdown-menu .og-mesaj-dropdown-item{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.og-mesaj-dropdown-item-bildirim-style .og-mesaj-ozet,
.og-bildirim-dropdown-menu .og-mesaj-dropdown-item .og-mesaj-ozet{
  font-weight: 700;
  color: #9bace7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}
.og-mesaj-dropdown-item-bildirim-style .og-mesaj-gonderen,
.og-bildirim-dropdown-menu .og-mesaj-dropdown-item .og-mesaj-gonderen{
  font-size: 13px;
  color: rgba(255,255,255,.7);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  white-space: normal;
}
.og-mesaj-dropdown-footer{
  background: rgba(255,255,255,.05);
  border-top: 1px solid rgba(255,255,255,.2) !important;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.og-mesaj-dropdown-footer .btn-danger{
  background: #dc3545;
  border-color: #dc3545;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center !important;
}
.og-mesaj-dropdown-body .text-muted{
  color: rgba(255,255,255,.6) !important;
}

.offgrid-liste a{
  text-decoration: none;
  min-width: 0;
  overflow: hidden;
  display: block;
}
.offgrid-liste .item{
  padding: 6px 10px;
  border-radius: 12px;
  background: rgba(255,255,255,.7);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  min-width: 0;
  overflow: hidden;
}
.offgrid-liste .item:hover{
  border-color: rgba(243,156,18,.25);
  box-shadow: 0 10px 22px rgba(243,156,18,.12);
  transform: translateY(-1px);
}
.grup-sekme-baslik + .offgrid-liste{
  margin-top: 1.25rem;
}
.grup-sekme-baslik + .offgrid-liste .item:first-child{
  border-top: none;
}
.offgrid-kart-paylasimlar-liste .grup-sekme-baslik{
  padding-bottom: 0.5rem;
}
.offgrid-kart-ilanlar-liste .grup-sekme-baslik{
  padding-bottom: 0.5rem;
}
.offgrid-kart-ilanlar-liste .og-ilan-list-table{
  margin-top: 1.25rem;
}
.offgrid-kart-ilanlar-liste .og-ilan-list-header{
  border-top: none;
}
.offgrid-kart-servisler-liste .grup-sekme-baslik{
  position: relative;
  z-index: 1;
}
.offgrid-kart-servisler-liste .list-group{
  margin-top: 1.5rem;
  position: relative;
  z-index: 0;
}
.offgrid-kart-servisler-liste .list-group .list-group-item:first-child{
  border-top: none;
}

.offgrid-item-baslik{
  color: var(--og-metin);
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.offgrid-item-meta{
  color: var(--og-metin2);
  font-size: 13px;
}

/* Anasayfa: Son Paylaşımlar / Son Etkinlikler / Son İlanlar – koyu tema uyumu */
.og-anasayfa-list-cards .offgrid-kart{
  background: rgba(255,255,255,.08);
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.og-anasayfa-list-cards .offgrid-liste a{
  overflow: visible;
}
.og-anasayfa-list-cards .offgrid-liste .item{
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.1);
  overflow: visible;
  transition: border-color .2s ease, background .2s ease, transform .15s ease, box-shadow .2s ease;
}
.og-anasayfa-list-cards .offgrid-liste .item:hover{
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.15);
  box-shadow: 0 10px 22px rgba(243,156,18,.35);
  transform: translateY(-2px);
}
/* Hover'da üst border'ın da görünmesi (first-child'da border-top: none kaldırılıyor) */
.og-anasayfa-list-cards .grup-sekme-baslik + .offgrid-liste .item:first-child:hover,
.og-anasayfa-list-cards .offgrid-liste .item:first-child:hover{
  border-top: 1px solid rgba(243,156,18,.5);
}
.og-anasayfa-list-cards .offgrid-item-baslik{
  color: #ffffffb5;
}
.og-anasayfa-list-cards .offgrid-item-meta{
  color: rgba(255,255,255,.72);
}
.og-anasayfa-list-cards .grup-sekme-baslik h4{
  color: #d7890c;
}
.og-anasayfa-list-cards .grup-sekme-baslik .grup-sekme-baslik-alt{
  color: rgba(255,255,255,.7);
}
.og-anasayfa-list-cards .grup-sekme-baslik .grup-sekme-baslik-icon{
  background: rgba(243,156,18,.25);
  color: #f39c12;
}
.og-anasayfa-list-cards .position-absolute.top-0.end-0.small{
  color: rgba(255,255,255,.85) !important;
}
.og-anasayfa-list-cards .position-absolute.top-0.end-0.small:hover{
  color: #fff !important;
}
.og-anasayfa-list-cards .text-muted{
  color: rgba(255,255,255,.5) !important;
}
.og-anasayfa-list-cards .grup-sekme-baslik{
  border-image: linear-gradient(90deg, rgba(243,156,18,.6), transparent 60%) 1;
}
/* Grup sayfası: menü, tablo, form (koyu kart + turuncu vurgu) */
.og-anasayfa-list-cards .grup-sekme-baslik h5{
  color: #fff;
}
.og-anasayfa-list-cards .list-group-item{
  color: rgba(255,255,255,.88);
  border-color: rgba(255,255,255,.1);
  background: transparent;
}
.og-anasayfa-list-cards .list-group-item:hover{
  background: rgba(255,255,255,.06);
  color: #fff;
  border-color: rgba(255,255,255,.14);
}
.og-anasayfa-list-cards .og-bildirim-okunmadi{
  background: rgba(243,156,18,.08);
  border-left: 3px solid #f39c12;
}
.og-anasayfa-list-cards .og-bildirim-okunmadi:hover{
  background: rgba(243,156,18,.12);
}
.og-anasayfa-list-cards .og-bildirim-okundu{
  opacity: .9;
}

/* Profil – Bildirimlerim: liste ve içerik (mobilde içerik düzenlemesi) */
.og-bildirimlerim-list .og-bildirim-okunmadi {
  background: rgba(243,156,18,.08);
  border-left: 3px solid #f39c12;
}
.og-bildirimlerim-list .og-bildirim-okunmadi:hover {
  background: rgba(243,156,18,.12);
}
.og-bildirimlerim-list .og-bildirim-baslik {
  color: #9bace7;
  font-weight: 600;
}
.og-bildirimlerim-list .og-bildirim-metin {
  line-height: 1.5;
  margin-bottom: 0;
}
.og-bildirimlerim-list .og-bildirim-alt {
  line-height: 1.4;
}
@media (max-width: 991.98px) {
  .og-bildirimlerim-list .list-group-item {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0.85rem 1rem;
  }
  .og-bildirimlerim-list .og-bildirim-metin {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    word-break: break-word;
    margin-top: 0.25rem;
  }
  .og-bildirimlerim-list .og-bildirim-metin br {
    display: none;
  }
  .og-bildirimlerim-list .flex-grow-1 {
    min-width: 0;
  }
  .og-bildirimlerim-list .og-bildirim-alt {
    flex-wrap: nowrap;
    gap: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
  .og-bildirimlerim-list .og-bildirim-alt .og-bildirim-tarih-okundu {
    margin-left: auto;
  }
  .og-bildirimlerim-list .og-bildirim-alt .text-nowrap {
    white-space: nowrap;
  }
}

/* Diğer Haberler sidebar: haber arası boşluk az */
.og-diger-haberler-list .list-group-item{
  margin-bottom: -0.90rem;
}
.og-anasayfa-list-cards .table thead th{
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.og-anasayfa-list-cards .table tbody td{
  color: rgba(255,255,255,.88);
  border-color: rgba(255,255,255,.08);
}
.og-anasayfa-list-cards .badge.bg-light{
  background: rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.2) !important;
}
.og-anasayfa-list-cards .form-label,
.og-anasayfa-list-cards label{
  color: rgba(255,255,255,.9);
}
.og-anasayfa-list-cards .form-control,
.og-anasayfa-list-cards .form-select{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.og-anasayfa-list-cards .form-control::placeholder{
  color: rgba(255,255,255,.45);
}
.og-anasayfa-list-cards .form-control:focus,
.og-anasayfa-list-cards .form-select:focus{
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.3);
}
.og-anasayfa-list-cards .border-top{
  border-color: rgba(255,255,255,.12) !important;
}
.og-anasayfa-list-cards .bg-light{
  background: rgba(255,255,255,.12) !important;
}
/* Profil sayfası – profil resmi kutusu (koyu tema) */
.og-anasayfa-list-cards .og-profil-resim-kutu{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.92);
}
.og-anasayfa-list-cards .og-profil-resim-kutu .fw-semibold,
.og-anasayfa-list-cards .og-profil-resim-kutu .form-control{
  color: rgba(255,255,255,.92);
}
.og-anasayfa-list-cards .og-profil-resim-kutu .text-muted{
  color: rgba(255,255,255,.6) !important;
}
.og-anasayfa-list-cards .og-profil-resim-kutu .og-profil-avatar{
  border-color: rgba(255,255,255,.2);
  background: rgba(255,255,255,.06);
}
.og-anasayfa-list-cards .og-profil-resim-kutu .og-profil-avatar-empty{
  color: rgba(255,255,255,.6);
}
/* Koyu tema – dropdown listelerdeki scrollbar (İl/İlçe/Mahalle + Kan grubu arama) */
.og-anasayfa-list-cards .profil-il-list,
.og-anasayfa-list-cards .profil-ilce-list,
.og-anasayfa-list-cards .profil-mahalle-list,
.og-anasayfa-list-cards .profil-kan-grubu-list{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .profil-il-list::-webkit-scrollbar,
.og-anasayfa-list-cards .profil-ilce-list::-webkit-scrollbar,
.og-anasayfa-list-cards .profil-mahalle-list::-webkit-scrollbar,
.og-anasayfa-list-cards .profil-kan-grubu-list::-webkit-scrollbar{
  width: 8px;
}
.og-anasayfa-list-cards .profil-il-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .profil-ilce-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .profil-mahalle-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .profil-kan-grubu-list::-webkit-scrollbar-track{
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .profil-il-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .profil-ilce-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .profil-mahalle-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .profil-kan-grubu-list::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .profil-il-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .profil-ilce-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .profil-mahalle-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .profil-kan-grubu-list::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.5);
}
/* Koyu tema – ilan-duzenle / ilan-ekle dropdown listelerindeki scrollbar */
.og-anasayfa-list-cards [class*="ilan-"][class*="-list"]{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards [class*="ilan-"][class*="-list"]::-webkit-scrollbar{
  width: 8px;
}
.og-anasayfa-list-cards [class*="ilan-"][class*="-list"]::-webkit-scrollbar-track{
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards [class*="ilan-"][class*="-list"]::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards [class*="ilan-"][class*="-list"]::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.5);
}
/* Profil İlan Ekle / İlan Düzenle – uzun model/marka adları alt satıra insin */
.og-anasayfa-list-cards .ilan-model-list .ilan-model-item,
.og-anasayfa-list-cards .ilan-marka-list .ilan-marka-item,
#ilan-duzenle-kart .ilan-model-list .ilan-model-item,
#ilan-duzenle-kart .ilan-marka-list .ilan-marka-item {
  white-space: normal !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.35;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
/* Paylaşım Ekle/Düzenle – uzun model adları alt satıra insin */
.og-anasayfa-list-cards .paylasim-arac-model-list .paylasim-arac-model-item,
.og-anasayfa-list-cards .paylasim-duzenle-arac-model-list .paylasim-duzenle-arac-model-item {
  white-space: normal !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.35;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
/* Koyu tema – ilanlar sayfası filtre dropdown scrollbar (İl/İlçe/Motor + Yıl + Kategori Marka/Model) */
.og-anasayfa-list-cards .og-filtre-il-list,
.og-anasayfa-list-cards .og-filtre-ilce-list,
.og-anasayfa-list-cards .og-filtre-motor-list,
.og-anasayfa-list-cards .og-filtre-yil-list,
.og-anasayfa-list-cards .og-kategori-card #og-kat-menu,
.og-anasayfa-list-cards .og-marka-list,
.og-anasayfa-list-cards .og-model-list{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .og-filtre-il-list::-webkit-scrollbar,
.og-anasayfa-list-cards .og-filtre-ilce-list::-webkit-scrollbar,
.og-anasayfa-list-cards .og-filtre-motor-list::-webkit-scrollbar,
.og-anasayfa-list-cards .og-filtre-yil-list::-webkit-scrollbar,
.og-anasayfa-list-cards .og-kategori-card #og-kat-menu::-webkit-scrollbar,
.og-anasayfa-list-cards .og-marka-list::-webkit-scrollbar,
.og-anasayfa-list-cards .og-model-list::-webkit-scrollbar{
  width: 8px;
}
.og-anasayfa-list-cards .og-filtre-il-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .og-filtre-ilce-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .og-filtre-motor-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .og-filtre-yil-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .og-kategori-card #og-kat-menu::-webkit-scrollbar-track,
.og-anasayfa-list-cards .og-marka-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .og-model-list::-webkit-scrollbar-track{
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-filtre-il-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .og-filtre-ilce-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .og-filtre-motor-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .og-filtre-yil-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .og-kategori-card #og-kat-menu::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .og-marka-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .og-model-list::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-filtre-il-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .og-filtre-ilce-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .og-filtre-motor-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .og-filtre-yil-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .og-kategori-card #og-kat-menu::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .og-marka-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .og-model-list::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.5);
}
/* Koyu tema – servisler sayfası filtre dropdown scrollbar (İl/İlçe arama) + Marka listesi */
.og-anasayfa-list-cards .servis-filtre-il-list,
.og-anasayfa-list-cards .servis-filtre-ilce-list,
.og-anasayfa-list-cards .og-servis-marka-list-wrap{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .servis-filtre-il-list::-webkit-scrollbar,
.og-anasayfa-list-cards .servis-filtre-ilce-list::-webkit-scrollbar,
.og-anasayfa-list-cards .og-servis-marka-list-wrap::-webkit-scrollbar{
  width: 8px;
}
.og-anasayfa-list-cards .servis-filtre-il-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .servis-filtre-ilce-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .og-servis-marka-list-wrap::-webkit-scrollbar-track{
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .servis-filtre-il-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .servis-filtre-ilce-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .og-servis-marka-list-wrap::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .servis-filtre-il-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .servis-filtre-ilce-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .og-servis-marka-list-wrap::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.5);
}
/* Koyu tema – gruplar sayfası: grup ayarları ve etkinlik İl/İlçe/Mahalle listeleri scrollbar */
.og-anasayfa-list-cards .grup-ayar-il-list,
.og-anasayfa-list-cards .grup-ayar-ilce-list,
.og-anasayfa-list-cards .grup-ayar-mahalle-list,
.og-anasayfa-list-cards .etkinlik-il-list,
.og-anasayfa-list-cards .etkinlik-ilce-list,
.og-anasayfa-list-cards .etkinlik-mahalle-list{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .grup-ayar-il-list::-webkit-scrollbar,
.og-anasayfa-list-cards .grup-ayar-ilce-list::-webkit-scrollbar,
.og-anasayfa-list-cards .grup-ayar-mahalle-list::-webkit-scrollbar,
.og-anasayfa-list-cards .etkinlik-il-list::-webkit-scrollbar,
.og-anasayfa-list-cards .etkinlik-ilce-list::-webkit-scrollbar,
.og-anasayfa-list-cards .etkinlik-mahalle-list::-webkit-scrollbar{
  width: 8px;
}
.og-anasayfa-list-cards .grup-ayar-il-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .grup-ayar-ilce-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .grup-ayar-mahalle-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .etkinlik-il-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .etkinlik-ilce-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .etkinlik-mahalle-list::-webkit-scrollbar-track{
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .grup-ayar-il-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .grup-ayar-ilce-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .grup-ayar-mahalle-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .etkinlik-il-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .etkinlik-ilce-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .etkinlik-mahalle-list::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .grup-ayar-il-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .grup-ayar-ilce-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .grup-ayar-mahalle-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .etkinlik-il-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .etkinlik-ilce-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .etkinlik-mahalle-list::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.5);
}
/* Koyu tema – grup başvuru sayfası Ana Grup + İl/İlçe/Mahalle listeleri scrollbar */
.og-anasayfa-list-cards .grup-basvuru-ana-grup-list,
.og-anasayfa-list-cards .grup-basvuru-il-list,
.og-anasayfa-list-cards .grup-basvuru-ilce-list,
.og-anasayfa-list-cards .grup-basvuru-mahalle-list{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .grup-basvuru-ana-grup-list::-webkit-scrollbar,
.og-anasayfa-list-cards .grup-basvuru-il-list::-webkit-scrollbar,
.og-anasayfa-list-cards .grup-basvuru-ilce-list::-webkit-scrollbar,
.og-anasayfa-list-cards .grup-basvuru-mahalle-list::-webkit-scrollbar{
  width: 8px;
}
.og-anasayfa-list-cards .grup-basvuru-ana-grup-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .grup-basvuru-il-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .grup-basvuru-ilce-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .grup-basvuru-mahalle-list::-webkit-scrollbar-track{
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .grup-basvuru-ana-grup-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .grup-basvuru-il-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .grup-basvuru-ilce-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .grup-basvuru-mahalle-list::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .grup-basvuru-ana-grup-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .grup-basvuru-il-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .grup-basvuru-ilce-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .grup-basvuru-mahalle-list::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.5);
}
/* Koyu tema – servis başvuru sayfası Servis tipi + Marka + İl/İlçe/Mahalle listeleri scrollbar */
.og-anasayfa-list-cards .servis-basvuru-tip-list,
.og-anasayfa-list-cards .servis-basvuru-marka-list,
.og-anasayfa-list-cards .servis-basvuru-il-list,
.og-anasayfa-list-cards .servis-basvuru-ilce-list,
.og-anasayfa-list-cards .servis-basvuru-mahalle-list{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .servis-basvuru-tip-list::-webkit-scrollbar,
.og-anasayfa-list-cards .servis-basvuru-marka-list::-webkit-scrollbar,
.og-anasayfa-list-cards .servis-basvuru-il-list::-webkit-scrollbar,
.og-anasayfa-list-cards .servis-basvuru-ilce-list::-webkit-scrollbar,
.og-anasayfa-list-cards .servis-basvuru-mahalle-list::-webkit-scrollbar{
  width: 8px;
}
.og-anasayfa-list-cards .servis-basvuru-tip-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .servis-basvuru-marka-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .servis-basvuru-il-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .servis-basvuru-ilce-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .servis-basvuru-mahalle-list::-webkit-scrollbar-track{
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .servis-basvuru-tip-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .servis-basvuru-marka-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .servis-basvuru-il-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .servis-basvuru-ilce-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .servis-basvuru-mahalle-list::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .servis-basvuru-tip-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .servis-basvuru-marka-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .servis-basvuru-il-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .servis-basvuru-ilce-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .servis-basvuru-mahalle-list::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.5);
}
/* Koyu tema – reklam başvuru sayfası Reklam Alanı listesi scrollbar */
.og-anasayfa-list-cards .reklam-basvuru-alan-list{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .reklam-basvuru-alan-list::-webkit-scrollbar{
  width: 8px;
}
.og-anasayfa-list-cards .reklam-basvuru-alan-list::-webkit-scrollbar-track{
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .reklam-basvuru-alan-list::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .reklam-basvuru-alan-list::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.5);
}
.og-anasayfa-list-cards .offgrid-kart a:not(.list-group-item):not(.btn){
  color: rgb(224 142 11);
}
.og-anasayfa-list-cards .offgrid-kart a:not(.list-group-item):not(.btn):hover{
  color: #fff;
}
/* Grup üyelerinin paylaşımları – liste öğeleri (koyu kart + turuncu vurgu) */
.og-anasayfa-list-cards .offgrid-liste .item.og-paylasim-item{
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  padding: 14px 14px;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .15s ease;
}
.og-anasayfa-list-cards .offgrid-liste .item.og-paylasim-item:hover{
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.15);
  box-shadow: 0 10px 22px rgba(243,156,18,.35);
  transform: translateY(-2px);
}
.og-anasayfa-list-cards .og-paylasim-baslik{
  color: #e08e0b;
}
.og-anasayfa-list-cards .og-paylasim-meta{
  color: rgba(255,255,255,.72);
}
.og-anasayfa-list-cards .og-paylasim-ozet{
  color: rgb(255, 255, 255);
}
.og-anasayfa-list-cards .og-paylasim-user-name,
.og-anasayfa-list-cards .og-paylasim-user-name.btn-link{
  color: #b3b3b3 !important;
}
.og-anasayfa-list-cards .og-paylasim-user-name:hover,
.og-anasayfa-list-cards .og-paylasim-user-name.btn-link:hover{
  color: #fff !important;
}
.og-anasayfa-list-cards .og-paylasim-date{
  color: rgba(255,255,255,.6);
}
.og-anasayfa-list-cards .og-paylasim-stats,
.og-anasayfa-list-cards .og-paylasim-stats .text-muted{
  color: rgba(255,255,255,.55) !important;
}
.og-anasayfa-list-cards .og-paylasim-item .badge.text-bg-secondary{
  background: rgba(255,255,255,.18) !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.25);
}
.og-anasayfa-list-cards #grup-sekme-paylasimlar .offgrid-liste + .text-muted{
  color: rgba(255,255,255,.6) !important;
}
.og-anasayfa-list-cards #grup-sekme-paylasimlar .pagination .page-link{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.15);
  color: rgba(255,255,255,.9);
}
.og-anasayfa-list-cards #grup-sekme-paylasimlar .pagination .page-item.active .page-link{
  background: rgba(243,156,18,.35);
  border-color: rgba(243,156,18,.5);
  color: #fff;
}
.og-anasayfa-list-cards #grup-sekme-paylasimlar .pagination .page-link:hover{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.2);
  color: #fff;
}
/* Paylaşımlar list sayfası – arama kutusu, pagination, boş mesaj (koyu tema) */
.og-anasayfa-list-cards .og-paylasim-ara-wrap .form-control,
.og-anasayfa-list-cards .og-paylasim-ara-wrap #og-paylasim-ara-input,
.og-anasayfa-list-cards .og-paylasim-ara-wrap #og-paylasim-detay-ara-input {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.og-anasayfa-list-cards .og-paylasim-ara-wrap .form-control::placeholder { color: rgba(255,255,255,.45); }
.og-anasayfa-list-cards .og-paylasim-ara-wrap .form-control:focus {
  background: rgba(255,255,255,.1) !important;
  border-color: #f39c12;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.3);
}
.og-anasayfa-list-cards .og-paylasim-ara-wrap .btn.offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards .og-paylasim-ara-wrap .btn.offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards .pagination .page-link { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .pagination .page-item.active .page-link { background: rgba(243,156,18,.35); border-color: rgba(243,156,18,.5); color: #fff; }
.og-anasayfa-list-cards .pagination .page-link:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); color: #fff; }
.og-anasayfa-list-cards .offgrid-kart-paylasimlar-liste .text-muted { color: rgba(255,255,255,.6) !important; }
/* Etkinlikler list sayfası – arama kutusu, etkinlik kartları, pagination */
.og-anasayfa-list-cards .og-etkinlik-ara-wrap .form-control,
.og-anasayfa-list-cards .og-etkinlik-ara-wrap #og-etkinlik-ara-input {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.og-anasayfa-list-cards .og-etkinlik-ara-wrap .form-control::placeholder { color: rgba(255,255,255,.45); }
.og-anasayfa-list-cards .og-etkinlik-ara-wrap .form-control:focus {
  background: rgba(255,255,255,.1) !important;
  border-color: #f39c12;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.3);
}
.og-anasayfa-list-cards .og-etkinlik-ara-wrap .btn.offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards .og-etkinlik-ara-wrap .btn.offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards .og-event-card {
  border: 1px solid rgba(255,255,255,.1);
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .15s ease;
}
.og-anasayfa-list-cards .og-event-card:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.15);
  box-shadow: 0 10px 22px rgba(243,156,18,.35);
  transform: translateY(-2px);
}
.og-anasayfa-list-cards .og-event-title { color: #fff; }
.og-anasayfa-list-cards .og-event-meta,
.og-anasayfa-list-cards .og-event-card .text-muted { color: rgba(255,255,255,.65) !important; }
.og-anasayfa-list-cards .grup-sekme-baslik-alt .text-dark { color: rgba(255,255,255,.9) !important; }
.og-anasayfa-list-cards .offgrid-kart .text-center.text-muted { color: rgba(255,255,255,.6) !important; }
/* Videolar list sayfası – arama kutusu, video kartları, pagination */
.og-anasayfa-list-cards .og-video-ara-wrap .form-control,
.og-anasayfa-list-cards .og-video-ara-wrap #og-video-ara-input {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.og-anasayfa-list-cards .og-video-ara-wrap .form-control::placeholder { color: rgba(255,255,255,.45); }
.og-anasayfa-list-cards .og-video-ara-wrap .form-control:focus {
  background: rgba(255,255,255,.1) !important;
  border-color: #f39c12;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.3);
}
.og-anasayfa-list-cards .og-video-ara-wrap .btn.offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards .og-video-ara-wrap .btn.offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards .offgrid-kart .row .offgrid-kart {
  border: 1px solid rgba(255,255,255,.1);
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.og-anasayfa-list-cards .offgrid-kart .row .offgrid-kart:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.12);
  box-shadow: 0 8px 20px rgba(243,156,18,.25);
}
/* Videolar liste – thumbnail border ve yuvarlatılmış köşe (kare görünümü kaldır) */
.og-anasayfa-list-cards .offgrid-kart .row .og-yt-wrapper {
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
  overflow: hidden;
}
.og-anasayfa-list-cards .offgrid-kart .row .og-yt-wrapper img {
  border-radius: 12px;
}
.og-anasayfa-list-cards .offgrid-kart .p-3 .fw-bold { color: #fff; }
.og-anasayfa-list-cards .offgrid-kart .p-3 .text-muted { color: rgba(255,255,255,.65) !important; }
.og-anasayfa-list-cards .offgrid-kart .p-3 .btn-outline-secondary { border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .offgrid-kart .p-3 .btn-outline-secondary:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5); color: #fff; }
/* Videolar detay sayfası – benzer videolar, başlık, butonlar */
.og-anasayfa-list-cards .og-benzer-video-item { color: rgba(255,255,255,.92); }
.og-anasayfa-list-cards .og-benzer-video-item:hover { background: rgba(243,156,18,.18); color: #fff; }
.og-anasayfa-list-cards .og-benzer-video-baslik { color: rgba(255,255,255,.95); }
.og-anasayfa-list-cards .og-benzer-video-item .text-muted { color: rgba(255,255,255,.6) !important; }
/* Video detay – Benzer videolar scrollbar (koyu tema) */
.og-anasayfa-list-cards .og-benzer-videolar {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .og-benzer-videolar::-webkit-scrollbar { width: 8px; }
.og-anasayfa-list-cards .og-benzer-videolar::-webkit-scrollbar-track { background: rgba(255,255,255,.1); border-radius: 4px; }
.og-anasayfa-list-cards .og-benzer-videolar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.35); border-radius: 4px; }
.og-anasayfa-list-cards .og-benzer-videolar::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.5); }
.og-anasayfa-list-cards .og-video-detay-baslik,
.og-anasayfa-list-cards .og-video-detay-baslik-inner .grup-sekme-baslik-alt { color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .offgrid-kart .btn-outline-secondary { border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .offgrid-kart .btn-outline-secondary:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5); color: #fff; }
/* Servisler list sayfası – filtre, markalar, liste kartları */
.og-anasayfa-list-cards .og-servis-filtre .grup-sekme-baslik h5,
.og-anasayfa-list-cards .og-servis-filtre form .form-label { color: rgba(255,255,255,.85) !important; }
.og-anasayfa-list-cards .og-servis-filtre form .form-label.text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards .og-servis-filtre #servis-filtre-il-btn,
.og-anasayfa-list-cards .og-servis-filtre #servis-filtre-ilce-btn,
.og-anasayfa-list-cards .og-servis-filtre .form-select { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: #fff; }
.og-anasayfa-list-cards .og-servis-filtre .dropdown-menu { background: rgba(18,22,32,.98); border: 1px solid rgba(255,255,255,.15); }
.og-anasayfa-list-cards .og-servis-filtre #servis-filtre-il-ara,
.og-anasayfa-list-cards .og-servis-filtre #servis-filtre-ilce-ara { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: #fff; }
.og-anasayfa-list-cards .og-servis-filtre #servis-filtre-il-ara::placeholder,
.og-anasayfa-list-cards .og-servis-filtre #servis-filtre-ilce-ara::placeholder { color: rgba(255,255,255,.45); }
.og-anasayfa-list-cards .og-servis-filtre .servis-filtre-il-item,
.og-anasayfa-list-cards .og-servis-filtre .servis-filtre-ilce-item { color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .og-servis-filtre .servis-filtre-il-item:hover,
.og-anasayfa-list-cards .og-servis-filtre .servis-filtre-ilce-item:hover { background: rgba(255,255,255,.08); color: #fff; }
.og-anasayfa-list-cards .og-servis-filtre .servis-filtre-il-item.active,
.og-anasayfa-list-cards .og-servis-filtre .servis-filtre-ilce-item.active { background: rgba(243,156,18,.3); color: #fff; }
.og-anasayfa-list-cards .og-servis-filtre .btn-outline-secondary { border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .og-servis-filtre .btn-outline-secondary:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5); color: #fff; }
.og-anasayfa-list-cards .og-servis-filtre .btn-primary { background: linear-gradient(135deg, #f39c12, #e08e0b); border-color: transparent; color: #fff; }
.og-anasayfa-list-cards .og-servis-filtre .btn-primary:hover { background: linear-gradient(135deg, #e08e0b, #d17d0a); color: #fff; }
.og-anasayfa-list-cards .offgrid-kart-servisler-liste .list-group-item {
  border-color: rgba(255,255,255,.1);
  color: rgba(255,255,255,.88);
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.og-anasayfa-list-cards .offgrid-kart-servisler-liste .list-group-item:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.12);
  box-shadow: 0 4px 16px rgba(243,156,18,.2);
}
.og-anasayfa-list-cards .offgrid-kart-servisler-liste h5.fw-bold,
.og-anasayfa-list-cards .offgrid-kart-servisler-liste h5.fw-bold a { color: #fff !important; }
.og-anasayfa-list-cards .offgrid-kart-servisler-liste h5.fw-bold a:hover { color: #f39c12 !important; }
.og-anasayfa-list-cards .offgrid-kart-servisler-liste .text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards .offgrid-kart-servisler-liste .list-group-item a { color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .offgrid-kart-servisler-liste .list-group-item a:hover { color: #f39c12; }
.og-anasayfa-list-cards .offgrid-kart-servisler-liste .text-center.text-muted { color: rgba(255,255,255,.6) !important; }
/* Servisler detay sayfası – açıklama, iletişim, galeri */
.og-anasayfa-list-cards .servis-detay-aciklama { color: rgba(255,255,255,.88) !important; border-top-color: rgba(255,255,255,.12) !important; }
.og-anasayfa-list-cards .servis-detay-iletisim { border-top-color: rgba(255,255,255,.12) !important; }
.og-anasayfa-list-cards .servis-detay-iletisim strong.text-dark { color: rgba(255,255,255,.95) !important; }
.og-anasayfa-list-cards .servis-detay-iletisim a { color: #f39c12; text-decoration: none; transition: color .2s ease; }
.og-anasayfa-list-cards .servis-detay-iletisim a:hover { color: #fff; text-decoration: underline; }
.og-anasayfa-list-cards .servis-detay-iletisim .text-break { color: rgba(255,255,255,.85); }
/* Servis / Paylaşım detay: galeri resimleri – videolar ile aynı (border-radius 12px + hover) */
.og-anasayfa-list-cards .og-detay-thumb-btn {
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.og-anasayfa-list-cards .og-detay-thumb-btn:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.12);
  box-shadow: 0 8px 20px rgba(243,156,18,.25);
}
.og-anasayfa-list-cards .og-detay-thumb-btn .og-detay-thumb-img {
  border-radius: 12px;
  display: block;
}
/* Etkinlik detay sayfası – Geri, Katıl/Katıldın, kart içeriği, katılımcılar */
.og-anasayfa-list-cards .btn.offgrid-btn-ghost { color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.2); }
.og-anasayfa-list-cards .btn.offgrid-btn-ghost:hover { color: #fff; border-color: #f39c12; background: rgba(243,156,18,.15); }
.og-anasayfa-list-cards .btn-warning { background: linear-gradient(135deg, #f39c12, #e08e0b); border-color: transparent; color: #fff; }
.og-anasayfa-list-cards .btn-warning:hover { background: linear-gradient(135deg, #e08e0b, #d17d0a); border-color: transparent; color: #fff; }
.og-anasayfa-list-cards .btn-success { background: rgba(34,197,94,.5); border-color: rgba(34,197,94,.6); color: #fff; }
.og-anasayfa-list-cards .btn-success:hover { background: rgba(34,197,94,.6); border-color: rgba(34,197,94,.8); color: #fff; }
.og-anasayfa-list-cards .btn-primary { background: linear-gradient(135deg, #f39c12, #e08e0b); border-color: transparent; color: #fff; }
.og-anasayfa-list-cards .btn-primary:hover { background: linear-gradient(135deg, #e08e0b, #d17d0a); border-color: transparent; color: #fff; }
.og-anasayfa-list-cards .badge.bg-white.text-dark { background: rgba(255,255,255,.2) !important; color: rgba(255,255,255,.95) !important; }
.og-anasayfa-list-cards .offgrid-kart h1 { color: #fff; }
.og-anasayfa-list-cards .offgrid-kart .fw-semibold.text-dark { color: rgba(255,255,255,.95) !important; }
.og-anasayfa-list-cards .offgrid-kart .text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards .og-event-aciklama { color: rgba(255,255,255,.9) !important; }
.og-anasayfa-list-cards .offgrid-kart .badge.text-bg-success { background: rgba(34,197,94,.4) !important; color: #fff !important; }
.og-anasayfa-list-cards .offgrid-kart [style*="border-bottom: 2px"],
.og-anasayfa-list-cards .offgrid-kart [style*="border-top: 2px"] { border-color: rgba(255,255,255,.12) !important; }
.og-anasayfa-list-cards .og-katilimci-kart { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.12) !important; }
.og-anasayfa-list-cards .og-katilimci-kart .fw-semibold.text-dark { color: rgba(255,255,255,.95) !important; }
.og-anasayfa-list-cards .og-katilimci-kart .text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards .og-katilimci-kart .badge.text-bg-secondary { background: rgba(255,255,255,.2) !important; color: rgba(255,255,255,.9) !important; }
.og-anasayfa-list-cards .offgrid-kart h5 { color: #fff; }
/* Paylaşım detay sayfası – Geri, arama, kart içeriği, butonlar, yorum formu */
.og-anasayfa-list-cards .og-paylasim-geri-btn { color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.2); }
.og-anasayfa-list-cards .og-paylasim-geri-btn:hover { color: #fff; border-color: #f39c12; background: rgba(243,156,18,.15); }
.og-anasayfa-list-cards .og-post-content { color: rgba(255,255,255,.9) !important; }
.og-anasayfa-list-cards .offgrid-kart .grup-sekme-baslik .grup-sekme-baslik-icon { color: #f39c12; }
/* Paylaşım detay: başlık rozetleri masaüstü ve mobilde sağa yaslı */
.grup-sekme-baslik.og-paylasim-detay-baslik {
  padding-right: 0;
}
/* Etkinlik detay: Etkinlik Grubu ve Etkinliği Oluşturan sağa yaslı */
.grup-sekme-baslik.og-etkinlik-detay-baslik {
  padding-right: 0;
}
/* Etkinlik detay: masaüstünde Katıl butonu kısa, sağa yaslı */
@media (min-width: 992px) {
  .og-etkinlik-join-wrap {
    display: flex !important;
    justify-content: flex-end;
  }
  .og-etkinlik-join-wrap .og-etkinlik-join-btn {
    width: auto !important;
    min-width: 0;
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
  }
  .og-etkinlik-join-wrap .og-etkinlik-join-btn .badge {
    font-size: 0.7rem !important;
    padding: 0.1rem 0.35rem !important;
  }
}
/* Kategori kartı (ilanlar + etkinlik detay Diğer Etkinlikler): başlık alt metni tek satırda */
.og-kategori-card .grup-sekme-baslik > div {
  min-width: 0;
}
.og-kategori-card .grup-sekme-baslik .grup-sekme-baslik-alt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.og-anasayfa-list-cards .offgrid-kart .og-paylasim-detay-user-name,
.og-anasayfa-list-cards .offgrid-kart .og-paylasim-user-name.btn-link.text-dark { color: #b3b3b3 !important; }
.og-anasayfa-list-cards .offgrid-kart .og-paylasim-detay-user-name:hover,
.og-anasayfa-list-cards .offgrid-kart .og-paylasim-user-name.btn-link:hover { color: #fff !important; }
.og-anasayfa-list-cards .offgrid-kart .fw-semibold.text-dark { color: rgb(224 142 11) !important; }
.og-anasayfa-list-cards .offgrid-kart .og-post-like-btn.btn-outline-secondary,
.og-anasayfa-list-cards .offgrid-kart .og-post-dislike-btn.btn-outline-secondary,
.og-anasayfa-list-cards .offgrid-kart .btn-outline-secondary { border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .offgrid-kart .og-post-like-btn.btn-outline-secondary:hover,
.og-anasayfa-list-cards .offgrid-kart .og-post-dislike-btn.btn-outline-secondary:hover,
.og-anasayfa-list-cards .offgrid-kart .btn-outline-secondary:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5); color: #fff; }
.og-anasayfa-list-cards .offgrid-kart .og-post-like-btn.btn-primary { background: linear-gradient(135deg, #f39c12, #e08e0b); border-color: transparent; color: #fff; }
.og-anasayfa-list-cards .offgrid-kart .btn-outline-warning { border-color: rgba(243,156,18,.6); color: #f39c12; }
.og-anasayfa-list-cards .offgrid-kart .btn-outline-warning:hover { background: rgba(243,156,18,.25); border-color: #f39c12; color: #fff; }
.og-anasayfa-list-cards .offgrid-kart .btn-outline-primary { border-color: rgba(243,156,18,.5); color: #f39c12; }
.og-anasayfa-list-cards .offgrid-kart .btn-outline-primary:hover { background: rgba(243,156,18,.2); border-color: #f39c12; color: #fff; }
.og-anasayfa-list-cards .offgrid-kart .btn-group .btn.btn-outline-secondary { border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .offgrid-kart .btn-group .btn.btn-outline-secondary:hover,
.og-anasayfa-list-cards .offgrid-kart .btn-group .btn.btn-outline-secondary.show { background: rgba(243,156,18,.2); border-color: rgba(243,156,18,.5); color: #fff; }
.og-anasayfa-list-cards .offgrid-kart .dropdown-menu { background: rgba(18,22,32,.98); border: 1px solid rgba(255,255,255,.15); }
.og-anasayfa-list-cards .offgrid-kart .dropdown-item { color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .offgrid-kart .dropdown-item:hover { background: rgba(243,156,18,.2); color: #fff; }
.og-anasayfa-list-cards .offgrid-kart .dropdown-divider { border-color: rgba(255,255,255,.1); }
.og-anasayfa-list-cards .offgrid-kart .fw-semibold { color: #e08e0b; }
.og-anasayfa-list-cards .offgrid-kart hr { border-color: rgba(255,255,255,.12); }
.og-anasayfa-list-cards .og-comment-form .form-control,
.og-anasayfa-list-cards .og-comment-form .og-comment-textarea { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.18); color: #fff; }
.og-anasayfa-list-cards .og-comment-form .form-control::placeholder { color: rgba(255,255,255,.45); }
.og-anasayfa-list-cards .og-comment-form .form-control:focus { background: rgba(255,255,255,.1) !important; border-color: #f39c12; color: #fff; box-shadow: 0 0 0 0.2rem rgba(243,156,18,.3); }
.og-anasayfa-list-cards .og-comment-form .btn-primary { background: linear-gradient(135deg, #f39c12, #e08e0b); border-color: transparent; color: #fff; }
.og-anasayfa-list-cards .og-comment-form .btn-primary:hover { background: linear-gradient(135deg, #e08e0b, #d17d0a); border-color: transparent; color: #fff; }
.og-anasayfa-list-cards .og-comment-form .fw-semibold { color: #b3b3b3; }
.og-anasayfa-list-cards .og-comment-form .text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards .og-comment-item { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); color: rgba(255,255,255,.88); }
.og-anasayfa-list-cards .og-comment-item .og-paylasim-user-name { color: rgba(255,255,255,.92) !important; }
.og-anasayfa-list-cards .og-comment-item .og-paylasim-user-name:hover { color: #fff !important; }
.og-anasayfa-list-cards .og-comment-item .og-comment-content { color: rgba(255,255,255,.85); }
.og-anasayfa-list-cards .og-comment-item .text-muted { color: rgba(255,255,255,.55) !important; }
.og-anasayfa-list-cards .og-comment-replies-header { color: rgba(255,255,255,.75); }
.og-anasayfa-list-cards .og-comment-replies-header:hover { color: #f39c12; }
.og-anasayfa-list-cards .og-comment-action { color: rgba(255,255,255,.7); }
.og-anasayfa-list-cards .og-comment-action:hover:not(:disabled) { color: #f39c12; text-decoration: underline; }
.og-anasayfa-list-cards .og-comment-action:disabled { color: rgba(255,255,255,.35); }
.og-anasayfa-list-cards #ogYorumlar { color: #b3b3b3; }
.og-anasayfa-list-cards .og-comment-form .og-reply-context .text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards .og-comment-form .og-reply-context .fw-semibold { color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .alert.alert-light { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); color: rgba(255,255,255,.88); }
/* Paylaşım detay – CKEditor yorum alanı (toolbar + container) koyu tema */
.og-anasayfa-list-cards .og-comment-form .cke_chrome { border-color: rgba(255,255,255,.2) !important; }
.og-anasayfa-list-cards .og-comment-form .cke_inner { background: rgba(255,255,255,.06) !important; }
.og-anasayfa-list-cards .og-comment-form .cke_top { border-bottom-color: rgba(255,255,255,.15) !important; background: rgba(255,255,255,.08) !important; }
.og-anasayfa-list-cards .og-comment-form .cke_contents { background: rgba(255,255,255,.06) !important; }
.og-anasayfa-list-cards .og-comment-form .cke_wysiwyg_frame,
.og-anasayfa-list-cards .og-comment-form .cke_wysiwyg_div { background-color: #2d2d2d !important; }
.og-anasayfa-list-cards .og-comment-form .cke_toolgroup { border-color: transparent !important; }
.og-anasayfa-list-cards .og-comment-form .cke_button_icon { filter: invert(1) brightness(0.9); opacity: 0.9; }
.og-anasayfa-list-cards .og-comment-form a.cke_button:hover,
.og-anasayfa-list-cards .og-comment-form a.cke_button:focus,
.og-anasayfa-list-cards .og-comment-form a.cke_button.cke_button_on { background: rgba(243,156,18,.2) !important; border-color: rgba(243,156,18,.4) !important; }
.og-anasayfa-list-cards .og-comment-form .cke_toolbar_separator { background-color: rgba(255,255,255,.25) !important; }
.og-anasayfa-list-cards .og-comment-form .cke_toolgroup a.cke_button:last-child:after { border-color: rgba(255,255,255,.2) !important; }
.og-anasayfa-list-cards .og-comment-form .cke_combo_text,
.og-anasayfa-list-cards .og-comment-form .cke_button_label { color: rgba(255,255,255,.85) !important; }
/* Gruplar ana sayfa ve grup listesi – kart içi metin */
.og-anasayfa-list-cards .offgrid-kart{
  color: rgba(255,255,255,.92);
}
.og-anasayfa-list-cards .offgrid-kart .text-dark{
  color: rgba(255,255,255,.92) !important;
}
/* İçerik yazıları – paragraf, gövde metni, pre, blockquote, linkler */
.og-anasayfa-list-cards .offgrid-kart p { color: rgba(255,255,255,.88); }
.og-anasayfa-list-cards .offgrid-kart .fs-5 { color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .offgrid-kart pre { color: rgba(255,255,255,.85); background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; padding: 1rem; }
.og-anasayfa-list-cards .offgrid-kart blockquote { border-left: 4px solid rgba(243,156,18,.5); color: rgba(255,255,255,.85); padding-left: 1rem; margin: 1rem 0; }
.og-anasayfa-list-cards .offgrid-kart .og-post-content a,
.og-anasayfa-list-cards .offgrid-kart .og-event-aciklama a { color: #f39c12; }
.og-anasayfa-list-cards .offgrid-kart .og-post-content a:hover,
.og-anasayfa-list-cards .offgrid-kart .og-event-aciklama a:hover { color: #e08e0b; text-decoration: underline; }
.og-anasayfa-list-cards .grup-sekme .text-dark.mb-4 { color: rgba(255,255,255,.9) !important; }
.og-anasayfa-list-cards .og-event-title{
  color: #fff;
}
.og-anasayfa-list-cards .og-event-meta,
.og-anasayfa-list-cards .text-body-secondary{
  color: rgba(255,255,255,.7) !important;
}
.og-anasayfa-list-cards .og-event-card .btn-outline-secondary{
  border-color: rgba(255,255,255,.35);
  color: rgba(255,255,255,.9);
}
.og-anasayfa-list-cards .og-event-card .btn-outline-secondary:hover{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.5);
  color: #fff;
}
.og-anasayfa-list-cards .offgrid-kart .border-top{
  border-color: rgba(255,255,255,.12) !important;
}
.og-anasayfa-list-cards .offgrid-kart a{
  color: rgba(255,255,255,.92);
}
.og-anasayfa-list-cards .offgrid-kart a:hover{
  color: #fff;
}

.og-paylasim-item{
  padding: 14px 14px;
  min-width: 0;
  overflow: hidden;
}
.og-paylasim-row{
  display: flex;
  gap: 14px;
  align-items: flex-start;
  min-width: 0;
}
.og-paylasim-main{
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
.og-paylasim-baslik{
  color: var(--og-metin);
  font-weight: 850;
  letter-spacing: .1px;
  font-size: 16.5px;
  line-height: 1.25;
}
.og-paylasim-meta{
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  color: var(--og-metin2);
  font-size: 13px;
}
.og-paylasim-badge{
  font-weight: 700;
}
.og-paylasim-date{
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.og-paylasim-stats{
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.og-paylasim-user{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.og-paylasim-user-name{
  font-weight: 700;
  color: rgba(15,23,42,.82);
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.og-paylasim-user-name.btn-link{
  text-decoration: none !important;
}
.og-paylasim-user-name.btn-link:hover{
  color: rgba(15,23,42,.95) !important;
  text-decoration: none !important;
}

/* Paylaşım üye modalı — farklı ve kullanışlı tasarım */
.og-uye-modal-content{
  border-radius: 20px;
  border: none;
  box-shadow: 0 32px 64px rgba(0,0,0,.14), 0 16px 32px rgba(0,0,0,.08);
  overflow: hidden;
}
.og-uye-modal-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 14px 20px;
  background: rgba(15,23,42,.04);
  border-bottom: 1px solid rgba(15,23,42,.06);
}
.og-uye-modal-header-left{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  min-width: 0;
}
.og-uye-modal-header-title{
  font-size: 0.9rem;
  font-weight: 600;
  color: rgba(15,23,42,.6);
  letter-spacing: 0.02em;
}
.og-uye-modal-header-arac{
  font-size: 0.875rem;
  font-weight: 600;
  color: rgba(15,23,42,.85);
  letter-spacing: 0.01em;
}
.og-uye-modal-header-arac::before{
  content: '· ';
  color: rgba(15,23,42,.4);
  font-weight: 500;
}
.og-uye-modal-close{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: -10px -8px -10px 0;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(15,23,42,.5);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  border-radius: 12px;
  transition: background .15s ease, color .15s ease;
}
.og-uye-modal-close:hover,
.og-uye-modal-close:focus{
  background: rgba(15,23,42,.08);
  color: rgba(15,23,42,.85);
  outline: none;
}
.og-uye-modal-close span{
  line-height: 1;
  margin-top: -2px;
}
.og-uye-modal-body{
  padding: 28px 24px 32px;
  overflow: visible;
}
.og-uye-modal-inner{
  text-align: center;
}
.og-uye-modal-avatar-wrapper{
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
}
.og-uye-modal-avatar-wrapper.og-avatar-aktif::before{
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #16a34a 100%);
  z-index: 1;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.5), 0 0 10px 2px rgba(34, 197, 94, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  animation: og-avatar-aktif-pulse 2.2s ease-in-out infinite;
}
.og-uye-modal-avatar-wrapper.og-avatar-aktif::after{
  content: 'Çevrim içi';
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 6px;
  transform: translateX(-50%) translateY(0);
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(15, 23, 42, 0.95);
  border-radius: 8px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1000;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
.og-uye-modal-avatar-wrapper.og-avatar-aktif:hover::after{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}
.og-uye-modal-avatar-wrapper:not(.og-avatar-aktif)::after{
  content: 'Çevrim dışı';
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 6px;
  transform: translateX(-50%) translateY(0);
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(71, 85, 105, 0.95);
  border-radius: 8px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1000;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
.og-uye-modal-avatar-wrapper:not(.og-avatar-aktif):hover::after{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}
.og-uye-modal-avatar-wrapper.og-avatar-aktif .og-uye-modal-avatar,
.og-uye-modal-avatar-wrapper.og-avatar-aktif .og-uye-modal-avatar-img,
.og-uye-modal-avatar-wrapper.og-avatar-aktif .og-uye-modal-avatar-initial{
  box-shadow: 0 4px 16px rgba(0,0,0,.1), 0 0 0 3px rgba(34, 197, 94, 0.4);
  transition: box-shadow 0.25s ease;
}
.og-uye-modal-avatar{
  width: 88px;
  height: 88px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(0,0,0,.1);
}
.og-uye-modal-avatar-img{
  display: inline-block;
}
.og-uye-modal-avatar-img.d-none{
  display: none !important;
}
.og-uye-modal-avatar-initial{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--og-mavi, #f39c12), var(--og-mavi2, #e08e0b));
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 16px rgba(0,0,0,.1);
}
.og-uye-modal-avatar-initial.d-none{
  display: none !important;
}
.og-uye-modal-name{
  font-size: 1.2rem;
  font-weight: 600;
  color: rgba(15,23,42,.9);
  letter-spacing: 0.01em;
  overflow: visible;
  min-height: 1.5em;
  line-height: 1.4;
  word-break: normal;
}
.og-uye-modal-kan-grubu{
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: 0.02em;
}
.og-uye-modal-btn{
  min-width: 180px;
}

/* Paylaşım üye bilgi modalı — koyu tema */
#ogPaylasimUyeModal .og-uye-modal-content {
  background: #1e2228;
  box-shadow: 0 32px 64px rgba(0,0,0,.4), 0 16px 32px rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.12);
}
#ogPaylasimUyeModal .og-uye-modal-header {
  background: rgba(255,255,255,.06);
  border-bottom-color: rgba(255,255,255,.12);
}
#ogPaylasimUyeModal .og-uye-modal-header-title {
  color: rgba(255,255,255,.7);
}
#ogPaylasimUyeModal .og-uye-modal-header-arac {
  color: rgba(255,255,255,.9);
}
#ogPaylasimUyeModal .og-uye-modal-header-arac::before {
  color: rgba(255,255,255,.45);
}
#ogPaylasimUyeModal .og-uye-modal-close {
  color: rgba(255,255,255,.6);
}
#ogPaylasimUyeModal .og-uye-modal-close:hover,
#ogPaylasimUyeModal .og-uye-modal-close:focus {
  background: rgba(255,255,255,.1);
  color: #fff;
}
#ogPaylasimUyeModal .og-uye-modal-body {
  background: rgba(0,0,0,.15);
}
#ogPaylasimUyeModal .og-uye-modal-name {
  color: #fff;
}
#ogPaylasimUyeModal .og-uye-modal-kan-grubu,
#ogPaylasimUyeModal #ogPaylasimUyeStats,
#ogPaylasimUyeModal #ogPaylasimUyeStats.text-muted {
  color: rgba(255,255,255,.65) !important;
}
#ogPaylasimUyeModal .og-uye-modal-avatar-wrapper.og-avatar-aktif::before {
  border-color: #1e2228;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.5), 0 0 10px 2px rgba(34, 197, 94, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
#ogPaylasimUyeModal .og-uye-modal-avatar-wrapper.og-avatar-aktif::after {
  background: rgba(30, 34, 40, 0.98);
}
#ogPaylasimUyeModal .og-uye-modal-avatar-wrapper:not(.og-avatar-aktif)::after {
  background: rgba(71, 85, 105, 0.95);
}
#ogPaylasimUyeModal .og-uye-modal-btn.offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
#ogPaylasimUyeModal .og-uye-modal-btn.offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}

/* Paylaşım: Üyeye mesaj gönder modalı — koyu tema */
#ogPaylasimUyeMesajModal .modal-content {
  background: #1e2228;
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
}
#ogPaylasimUyeMesajModal .modal-header {
  background: rgba(255,255,255,.06);
  border-bottom-color: rgba(255,255,255,.12);
}
#ogPaylasimUyeMesajModal .modal-title {
  color: #fff;
}
#ogPaylasimUyeMesajModal .btn-close {
  filter: invert(1);
  opacity: 0.8;
}
#ogPaylasimUyeMesajModal .modal-body {
  background: rgba(0,0,0,.15);
}
#ogPaylasimUyeMesajModal .modal-footer {
  background: rgba(255,255,255,.06);
  border-top-color: rgba(255,255,255,.12);
}
#ogPaylasimUyeMesajModal .form-label,
#ogPaylasimUyeMesajModal .text-muted,
#ogPaylasimUyeMesajModal .form-text {
  color: rgba(255,255,255,.8) !important;
}
#ogPaylasimUyeMesajModal .form-control {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
#ogPaylasimUyeMesajModal .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
#ogPaylasimUyeMesajModal .form-control:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.25);
}
#ogPaylasimUyeMesajModal .btn-secondary {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.9);
}
#ogPaylasimUyeMesajModal .btn-secondary:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.3);
  color: #fff;
}
#ogPaylasimUyeMesajModal .btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
#ogPaylasimUyeMesajModal .btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}

/* İlanlar: Satıcıya mesaj gönder modalı — koyu tema */
#ogIlanMesajModal .modal-content {
  background: #1e2228;
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
}
#ogIlanMesajModal .modal-header {
  background: rgba(255,255,255,.06);
  border-bottom-color: rgba(255,255,255,.12);
}
#ogIlanMesajModal .modal-title {
  color: #fff;
}
#ogIlanMesajModal .btn-close {
  filter: invert(1);
  opacity: 0.8;
}
#ogIlanMesajModal .btn-close:hover {
  opacity: 1;
}
#ogIlanMesajModal .modal-body {
  background: rgba(0,0,0,.15);
}
#ogIlanMesajModal .modal-footer {
  background: rgba(255,255,255,.06);
  border-top-color: rgba(255,255,255,.12);
}
#ogIlanMesajModal .form-label,
#ogIlanMesajModal .text-muted,
#ogIlanMesajModal .form-text {
  color: rgba(255,255,255,.8) !important;
}
#ogIlanMesajModal .modal-body strong {
  color: #fff;
}
#ogIlanMesajModal .form-control {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
#ogIlanMesajModal .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
#ogIlanMesajModal .form-control:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.25);
}
#ogIlanMesajModal .btn-secondary {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.9);
}
#ogIlanMesajModal .btn-secondary:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.3);
  color: #fff;
}
#ogIlanMesajModal .btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
#ogIlanMesajModal .btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}

/* Market: Satıcıya mesaj gönder modalı — koyu tema */
#ogMarketSaticiMesajModal .modal-content {
  background: #1e2228;
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
}
#ogMarketSaticiMesajModal .modal-header {
  background: rgba(255,255,255,.06);
  border-bottom-color: rgba(255,255,255,.12);
}
#ogMarketSaticiMesajModal .modal-title {
  color: #fff;
}
#ogMarketSaticiMesajModal .btn-close {
  filter: invert(1);
  opacity: 0.8;
}
#ogMarketSaticiMesajModal .btn-close:hover {
  opacity: 1;
}
#ogMarketSaticiMesajModal .modal-body {
  background: rgba(0,0,0,.15);
}
#ogMarketSaticiMesajModal .modal-footer {
  background: rgba(255,255,255,.06);
  border-top-color: rgba(255,255,255,.12);
}
#ogMarketSaticiMesajModal .form-label,
#ogMarketSaticiMesajModal .text-muted,
#ogMarketSaticiMesajModal .form-text {
  color: rgba(255,255,255,.8) !important;
}
#ogMarketSaticiMesajModal .modal-body strong {
  color: #fff;
}
#ogMarketSaticiMesajModal .form-control {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
#ogMarketSaticiMesajModal .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
#ogMarketSaticiMesajModal .form-control:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.25);
}
#ogMarketSaticiMesajModal .btn-secondary {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.9);
}
#ogMarketSaticiMesajModal .btn-secondary:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.3);
  color: #fff;
}
#ogMarketSaticiMesajModal .btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
#ogMarketSaticiMesajModal .btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}

/* Market: Satıcıyı şikayet et modalı — koyu tema */
#ogMarketSaticiSikayetModal .modal-content {
  background: #1e2228;
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
}
#ogMarketSaticiSikayetModal .modal-header {
  background: rgba(255,255,255,.06);
  border-bottom-color: rgba(255,255,255,.12);
}
#ogMarketSaticiSikayetModal .modal-title {
  color: #fff;
}
#ogMarketSaticiSikayetModal .btn-close {
  filter: invert(1);
  opacity: 0.8;
}
#ogMarketSaticiSikayetModal .modal-body {
  background: rgba(0,0,0,.15);
}
#ogMarketSaticiSikayetModal .modal-footer {
  background: rgba(255,255,255,.06);
  border-top-color: rgba(255,255,255,.12);
}
#ogMarketSaticiSikayetModal .form-label,
#ogMarketSaticiSikayetModal .text-muted,
#ogMarketSaticiSikayetModal .form-text {
  color: rgba(255,255,255,.8) !important;
}
#ogMarketSaticiSikayetModal .form-control {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
#ogMarketSaticiSikayetModal .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
#ogMarketSaticiSikayetModal .form-control:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.25);
}
#ogMarketSaticiSikayetModal .btn-secondary {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.9);
}
#ogMarketSaticiSikayetModal .btn-secondary:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.3);
  color: #fff;
}
#ogMarketSaticiSikayetModal .btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
#ogMarketSaticiSikayetModal .btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}

/* İlanlar: İlan ile İlgili Şikayet modalı — koyu tema */
#ogIlanSikayetModal .modal-content {
  background: #1e2228;
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
}
#ogIlanSikayetModal .modal-header {
  background: rgba(255,255,255,.05);
  border-bottom-color: rgba(255,255,255,.12);
}
#ogIlanSikayetModal .modal-title {
  color: #fff;
}
#ogIlanSikayetModal .btn-close {
  filter: invert(1);
  opacity: 0.8;
}
#ogIlanSikayetModal .btn-close:hover {
  opacity: 1;
}
#ogIlanSikayetModal .modal-body {
  background: rgba(0,0,0,.2);
}
#ogIlanSikayetModal .modal-footer {
  background: rgba(255,255,255,.05);
  border-top-color: rgba(255,255,255,.12);
}
#ogIlanSikayetModal .form-label,
#ogIlanSikayetModal .text-muted,
#ogIlanSikayetModal .form-text {
  color: rgba(255,255,255,.9) !important;
}
#ogIlanSikayetModal .form-control,
#ogIlanSikayetModal .form-select {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
#ogIlanSikayetModal .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
#ogIlanSikayetModal .form-control:focus,
#ogIlanSikayetModal .form-select:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.25);
}
#ogIlanSikayetModal .btn-secondary {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.9);
}
#ogIlanSikayetModal .btn-secondary:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.3);
  color: #fff;
}
#ogIlanSikayetModal .btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
#ogIlanSikayetModal .btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}
#ogIlanSikayetModal .dropdown-menu {
  background: rgba(30,34,40,.98);
  border: 1px solid rgba(255,255,255,.15);
}
#ogIlanSikayetModal .og-ilan-sikayet-sebep-ara {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
#ogIlanSikayetModal .og-ilan-sikayet-sebep-ara::placeholder {
  color: rgba(255,255,255,.45);
}
#ogIlanSikayetModal .og-ilan-sikayet-sebep-ara:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  color: #fff;
}
#ogIlanSikayetModal .og-ilan-sikayet-sebep-item {
  color: rgba(255,255,255,.9);
}
#ogIlanSikayetModal .og-ilan-sikayet-sebep-item:hover,
#ogIlanSikayetModal .og-ilan-sikayet-sebep-item.active {
  background: rgba(243,156,18,.25);
  color: #fff;
}
#ogIlanSikayetModal .og-ilan-sikayet-sebep-list {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
#ogIlanSikayetModal .og-ilan-sikayet-sebep-list::-webkit-scrollbar {
  width: 8px;
}
#ogIlanSikayetModal .og-ilan-sikayet-sebep-list::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}

.og-ico{
  width: 15px;
  height: 15px;
  opacity: .85;
  flex: 0 0 auto;
}
.og-stat{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.05);
  border: 1px solid rgba(15,23,42,.08);
  color: rgba(15,23,42,.75);
  font-weight: 700;
}
.og-paylasim-ozet{
  margin-top: 10px;
  color: rgba(15,23,42,.70);
  line-height: 1.6;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.og-paylasim-thumb{
  flex: 0 0 auto;
  align-self: center;
}
.og-thumb-btn{
  position: relative;
  display: inline-block;
}
.og-thumb-img{
  width: 86px;
  height: 62px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 10px 18px rgba(0,0,0,.08);
}
.og-thumb-badge{
  position: absolute;
  right: -6px;
  bottom: -6px;
  background: rgba(15,23,42,.82);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
}

.og-galeri-img{
  width: 100%;
  height: min(56vh, 520px);
  object-fit: contain;
  border-radius: 12px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.10);
  cursor: zoom-in;
}
.og-galeri-zoom-body{
  background: rgba(11,18,32,.96);
}
.og-galeri-zoom-img{
  max-width: 100%;
  max-height: 86vh;
  height: auto;
  object-fit: contain;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  touch-action: none;
  cursor: grab;
  transform-origin: 0 0;
}
.og-galeri-zoom-img.og-grabbing{
  cursor: grabbing;
}

.og-detay-thumbs{
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
}
.og-detay-thumb-btn{
  width: 100%;
}
.og-detay-thumb-img{
  width: 100%;
  aspect-ratio: 110 / 76;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.12);
  display: block;
}
@media (max-width: 576px){
  .og-detay-thumbs{
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
}

/* Düzenle ve Sil butonları yan yana, çok az boşluk */
.profil-paylasimlarim-duzenle-sil {
  gap: 0.25rem !important;
}
.profil-paylasimlarim-duzenle-sil form {
  margin: 0;
  display: inline-flex;
}

/* Profil – mobil/tablet (768px altı): İlanlarım, Favorilerim, Etkinliklerim, Paylaşımlarım */
@media (max-width: 767.98px) {
  .profil-ilanlarim-baslik-wrap {
    display: flex;
    flex-direction: column;
  }
  .profil-ilanlarim-baslik-wrap .position-absolute {
    position: static !important;
    margin-top: 0.25rem;
  }
  .profil-ilanlarim-baslik-wrap .position-absolute .btn {
    width: 100%;
    justify-content: center;
  }
  #profil-ilanlarim {
    padding-right: 0 !important;
  }
  /* İlanlarım – görüntülenme ve favori renkli */
  .profil-ilanlarim-goruntulenme {
    color: #4ecac2 !important;
  }
  .profil-ilanlarim-favori {
    color: #f39c12 !important;
  }
  .profil-ilanlarim-ayrac {
    color: rgba(255, 255, 255, 0.45);
  }
  .profil-ilanlarim-list .list-group-item > .d-flex {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  .og-anasayfa-list-cards .profil-ilanlarim-list .profil-ilanlarim-islemler,
  .profil-ilanlarim-list .list-group-item > .d-flex > .profil-ilanlarim-islemler {
    width: 100%;
    justify-content: space-between !important;
  }
  /* Profil Favorilerim – mobil: başlık üstte, Çıkar butonu sağda */
  .profil-favorilerim-list .list-group-item > .d-flex {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  .profil-favorilerim-list .profil-favorilerim-cikar {
    align-self: flex-end;
  }
  /* Profil Etkinliklerim – mobil: başlık üstte, badge solda Detay sağda */
  .profil-etkinliklerim-list .list-group-item > .d-flex {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  .og-anasayfa-list-cards .profil-etkinliklerim-list .profil-etkinliklerim-islemler,
  .profil-etkinliklerim-list .list-group-item > .d-flex > .profil-etkinliklerim-islemler {
    width: 100%;
    justify-content: space-between !important;
  }
  /* Profil Paylaşımlarım – mobil */
  .profil-paylasimlarim-baslik-wrap {
    display: flex;
    flex-direction: column;
  }
  .profil-paylasimlarim-baslik-wrap .position-absolute {
    position: static !important;
    margin-bottom: 0.5rem;
  }
  .profil-paylasimlarim-baslik-wrap .position-absolute .btn {
    width: 100%;
    justify-content: center;
  }
  #profil-paylasimlarim {
    padding-right: 0 !important;
  }
  /* Profil Mesajlar – mobil: kart ile buton arası az boşluk (İlanlarım/Paylaşımlarım gibi) */
  .profil-mesajlar-baslik-wrap {
    display: flex;
    flex-direction: column;
  }
  .profil-mesajlar-baslik-wrap .position-absolute {
    position: static !important;
    margin-top: 0.25rem;
  }
  .profil-mesajlar-baslik-wrap .position-absolute .btn {
    width: 100%;
    justify-content: center;
  }
  #profil-mesajlar {
    padding-right: 0 !important;
  }
  .profil-paylasimlarim-list .list-group-item > .d-flex {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  .og-anasayfa-list-cards .profil-paylasimlarim-list .profil-paylasimlarim-islemler,
  .profil-paylasimlarim-list .list-group-item > .d-flex > .profil-paylasimlarim-islemler {
    width: 100%;
    justify-content: space-between !important;
  }
}

.og-profil-avatar{
  width: 100%;
  max-width: 220px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(15,23,42,.04);
  display: block;
}
.og-profil-avatar-empty{
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(15,23,42,.6);
  font-weight: 600;
}

/* Profil resmi üzerinde rozet ikonları (alt kısım, resmin üzerinde) */
.og-profil-rozetler{
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  width: calc(100% - 16px);
  max-width: 100%;
  pointer-events: none;
}
.og-rozet-icon-profil{
  flex-shrink: 0;
}

/* Giden mesaj balonu — sarı/turuncu yerine açık mavi-gri */
.profil-mesaj-giden{
  background-color: #e8f0f7 !important;
  border-color: rgba(28, 132, 238, 0.2) !important;
}

/* Mesajlar menüsü — yeşil bildirim rozeti etrafında ince beyaz çerçeve */
#profil-mesajlar-badge{
  border: 1px solid rgb(255, 255, 255);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.2);
}

/* Grup Katılım Talepleri menü rozeti — yeşil etrafında beyaz çerçeve (profil mesajlar ile aynı) */
#og-grup-katilim-talepleri-badge{
  border: 1px solid rgb(255, 255, 255);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.2);
}

/* Yönetici mesajı satırı — mor tonlu arka plan ve sol çizgi (Bootstrap’ı geçersiz kılmak için yüksek özgüllük) */
#profil-mesajlar-listesi a.list-group-item.profil-mesaj-yonetici{
  background-color: #ede9fe !important;
  color: #4c1d95;
}
#profil-mesajlar-listesi a.list-group-item.profil-mesaj-yonetici:hover,
#profil-mesajlar-listesi a.list-group-item.profil-mesaj-yonetici:focus{
  background-color: #ddd6fe !important;
  border-left-color: rgb(124, 58, 237) !important;
}
#profil-mesajlar-listesi a.list-group-item.profil-mesaj-yonetici .text-muted,
#profil-mesajlar-listesi a.list-group-item.profil-mesaj-yonetici .text-body-secondary{
  color: #5b21b6 !important;
}

/* Grup Yönetici (Moderatör) mesajı — SARI tonlu arka plan ve sol çizgi */
#profil-mesajlar-listesi a.list-group-item.profil-mesaj-moderator{
  background-color: #fef3c7 !important;
  color: #78350f;
}
#profil-mesajlar-listesi a.list-group-item.profil-mesaj-moderator:hover,
#profil-mesajlar-listesi a.list-group-item.profil-mesaj-moderator:focus{
  background-color: #fde68a !important;
  border-left-color: #f59e0b !important;
}
#profil-mesajlar-listesi a.list-group-item.profil-mesaj-moderator .text-muted,
#profil-mesajlar-listesi a.list-group-item.profil-mesaj-moderator .text-body-secondary{
  color: #92400e !important;
}

.og-avatar-xs{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(15,23,42,.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.og-avatar-sm{
  width: 26px;
  height: 26px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(15,23,42,.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
}
.og-avatar-fallback{
  font-weight: 800;
  color: rgba(15,23,42,.65);
}

/* Paylaşımlar / koyu tema alanlarında üye resmi yoksa çıkan harf — turuncu tema */
.og-anasayfa-list-cards .og-avatar-sm.og-avatar-fallback,
.og-anasayfa-list-cards .og-avatar-fallback {
  background: linear-gradient(135deg, #f39c12, #e08e0b) !important;
  color: #fff !important;
  border-color: rgba(243,156,18,.45) !important;
}
.og-anasayfa-list-cards .og-avatar-wrapper.og-avatar-aktif .og-avatar-sm.og-avatar-fallback,
.og-anasayfa-list-cards .og-avatar-wrapper.og-avatar-aktif .og-avatar-fallback {
  background: linear-gradient(135deg, #f39c12, #e08e0b) !important;
  color: #fff !important;
  border-color: rgba(243,156,18,.45) !important;
}

/* Aktif üye avatar efekti: yeşil nokta + halka + nabız */
.og-avatar-wrapper{
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}
.og-avatar-wrapper.og-avatar-aktif::before{
  content: '';
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #16a34a 100%);
  z-index: 1;
  box-shadow:
    0 0 0 2px rgba(34, 197, 94, 0.5),
    0 0 8px 2px rgba(34, 197, 94, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  animation: og-avatar-aktif-pulse 2.2s ease-in-out infinite;
}
.og-avatar-wrapper.og-avatar-aktif .og-avatar-xs,
.og-avatar-wrapper.og-avatar-aktif .og-avatar-sm,
.og-avatar-wrapper.og-avatar-aktif img.og-avatar-xs,
.og-avatar-wrapper.og-avatar-aktif img.og-avatar-sm{
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.4);
  transition: box-shadow 0.25s ease;
}
.og-avatar-wrapper.og-avatar-aktif::after{
  content: 'Çevrim içi';
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%) translateY(-6px);
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background: rgba(15, 23, 42, 0.92);
  border-radius: 6px;
  white-space: nowrap;
  min-width: 5.5em;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transition: opacity 0.2s ease, transform 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.og-avatar-wrapper.og-avatar-aktif:hover::after{
  opacity: 1;
  transform: translateX(-50%) translateY(-8px);
}
/* Paylaşımlar listesinde tooltip sağda, kesilmesin */
.og-paylasim-item .og-avatar-wrapper.og-avatar-aktif::after{
  left: auto;
  right: 0;
  bottom: 50%;
  margin-left: 0;
  margin-bottom: 0;
  transform: translate(100%, 50%);
}
.og-paylasim-item .og-avatar-wrapper.og-avatar-aktif:hover::after{
  transform: translate(calc(100% + 4px), 50%);
}

/* Çevrim dışı: avatar üzerine gelince "Çevrim dışı" tooltip */
.og-avatar-wrapper:not(.og-avatar-aktif)::after{
  content: 'Çevrim dışı';
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%) translateY(-6px);
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background: rgba(71, 85, 105, 0.95);
  border-radius: 6px;
  white-space: nowrap;
  min-width: 5.5em;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transition: opacity 0.2s ease, transform 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.og-avatar-wrapper:not(.og-avatar-aktif):hover::after{
  opacity: 1;
  transform: translateX(-50%) translateY(-8px);
}
.og-paylasim-item .og-avatar-wrapper:not(.og-avatar-aktif)::after{
  left: auto;
  right: 0;
  bottom: 50%;
  margin-left: 0;
  margin-bottom: 0;
  transform: translate(100%, 50%);
}
.og-paylasim-item .og-avatar-wrapper:not(.og-avatar-aktif):hover::after{
  transform: translate(calc(100% + 4px), 50%);
}

/* Grup üyeleri tablosu: tooltip sağda, kesilmesin */
.og-grup-uyeler-tablo .og-avatar-wrapper.og-avatar-aktif::after{
  left: auto;
  right: 0;
  bottom: 50%;
  margin-left: 0;
  margin-bottom: 0;
  transform: translate(100%, 50%);
}
.og-grup-uyeler-tablo .og-avatar-wrapper.og-avatar-aktif:hover::after{
  transform: translate(calc(100% + 4px), 50%);
}
.og-grup-uyeler-tablo .og-avatar-wrapper:not(.og-avatar-aktif)::after{
  left: auto;
  right: 0;
  bottom: 50%;
  margin-left: 0;
  margin-bottom: 0;
  transform: translate(100%, 50%);
}
.og-grup-uyeler-tablo .og-avatar-wrapper:not(.og-avatar-aktif):hover::after{
  transform: translate(calc(100% + 4px), 50%);
}

/* Paylaşım detay başlığı: avatar + isim üzerine gelince "Çevrim içi" */
.og-paylasim-baslik-uye{
  position: relative;
  overflow: visible;
}
.og-paylasim-baslik-uye .og-avatar-wrapper.og-avatar-aktif::after,
.og-paylasim-baslik-uye .og-avatar-wrapper:not(.og-avatar-aktif)::after{
  display: none;
}
.og-paylasim-baslik-uye:not(.og-baslik-aktif)::after{
  content: 'Çevrim dışı';
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 4px;
  transform: translateX(-50%) translateY(0);
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: rgba(71, 85, 105, 0.95);
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1000;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.og-paylasim-baslik-uye:not(.og-baslik-aktif):hover::after{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}
.og-paylasim-baslik-uye.og-baslik-aktif::after{
  content: 'Çevrim içi';
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 4px;
  transform: translateX(-50%) translateY(0);
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: rgba(15, 23, 42, 0.95);
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1000;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.og-paylasim-baslik-uye.og-baslik-aktif:hover::after{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

/* Yorum ve yanıt: avatar + isim üzerine gelince "Çevrim içi" */
.og-yorum-uye{
  position: relative;
  overflow: visible;
}
.og-yorum-uye .og-avatar-wrapper.og-avatar-aktif::after,
.og-yorum-uye .og-avatar-wrapper:not(.og-avatar-aktif)::after{
  display: none;
}
.og-yorum-uye:not(.og-yorum-aktif)::after{
  content: 'Çevrim dışı';
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 4px;
  transform: translateX(-50%) translateY(0);
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: rgba(71, 85, 105, 0.95);
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1000;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.og-yorum-uye:not(.og-yorum-aktif):hover::after{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}
.og-yorum-uye.og-yorum-aktif::after{
  content: 'Çevrim içi';
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 4px;
  transform: translateX(-50%) translateY(0);
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: rgba(15, 23, 42, 0.95);
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1000;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.og-yorum-uye.og-yorum-aktif:hover::after{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

.og-avatar-wrapper.og-avatar-aktif.og-avatar-pulse::before{
  animation: og-avatar-aktif-pulse 2.2s ease-in-out infinite;
}
@keyframes og-avatar-aktif-pulse{
  0%, 100% {
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.5), 0 0 8px 2px rgba(34, 197, 94, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.25), 0 0 14px 4px rgba(34, 197, 94, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    transform: scale(1.08);
  }
}

.og-comment-form{
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.02);
}
.og-comment-textarea{
  resize: none;
}

.og-comment-content p{
  margin: 0;
}
.og-comment-content ul,
.og-comment-content ol{
  margin: 0;
  padding-left: 1.25rem;
}
.og-comment-content blockquote{
  margin: 0;
}

/* YouTube tarzı: yanıtlar kapalıyken "X yanıt" + caret, açıkken liste; sol thread çizgisi */
.og-comment-replies-wrap{
  margin-top: 2px;
  padding-left: 12px;
  border-left: 2px solid rgba(15,23,42,.12);
}

.og-comment-replies-header{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  color: #B33771;
  user-select: none;
}
.og-comment-replies-header:hover{
  color: #B33771;
}
.og-comment-replies-caret{
  font-size: 0.7rem;
  transition: transform .2s ease;
}
.og-comment-replies-header[aria-expanded="true"] .og-comment-replies-caret{
  transform: rotate(180deg);
}

.og-comment-replies{
  margin-top: 4px;
  padding-left: 0;
  border-left: none;
}

/* İç içe yanıtlar aynı girintide (YouTube gibi flat list) */
.og-comment-replies-wrap .og-comment-replies .og-comment-replies-wrap{
  margin-left: 0;
  padding-left: 12px;
  margin-top: 4px;
  border-left: 2px solid rgba(15,23,42,.1);
}

/* Yanıt öğesi: ana yorumla aynı stil, sadece girintili (kutu/arka plan yok) */
.og-comment-replies .list-group-item{
  margin-bottom: 6px;
  border-radius: 0;
  border-left: none;
  border-bottom: none;
  background: transparent;
  padding-top: 4px;
  padding-bottom: 4px;
}

.og-comment-replies .list-group-item:last-child{
  margin-bottom: 0;
}

.og-comment-reply{
  border-left: none;
  padding-left: 0;
}

/* YouTube: Yanıtla / Şikayet / Sil yorum metninin altında, solda, link gibi */
.og-comment-actions{
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.og-comment-action{
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: rgba(15,23,42,.55);
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}
.og-comment-action:hover:not(:disabled){
  color: rgba(15,23,42,.9);
  text-decoration: underline;
}
.og-comment-action:disabled{
  color: rgba(15,23,42,.4);
  cursor: default;
}
.og-comment-action + .og-comment-action{
  margin-left: 8px;
}
.og-comment-action.og-comment-like{
  display: inline-flex;
  align-items: center;
  line-height: 1;
  gap: 6px;
}
.og-comment-action.og-comment-like .og-comment-icon{
  flex-shrink: 0;
  vertical-align: top;
}
.og-comment-action.og-comment-like .og-comment-like-count{
  line-height: 1;
  margin-left: 0;
  font-weight: 600;
  color: #606060;
}
.og-comment-action.og-comment-report:hover:not(:disabled),
.og-comment-action.og-comment-like:hover:not(:disabled),
.og-comment-action.og-comment-dislike:hover:not(:disabled){
  text-decoration: none;
  color: rgba(15,23,42,.85);
}
.og-comment-action.og-comment-like:hover:not(:disabled) .og-comment-icon{
  background-color: rgba(15,23,42,.07);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(15,23,42,.07);
}
.og-comment-action.og-comment-like:hover:not(:disabled) .og-comment-like-count{
  color: #606060;
}
.og-comment-action.og-comment-like.og-comment-liked:hover:not(:disabled) .og-comment-icon{
  background-color: rgba(15,23,42,.08);
  box-shadow: 0 0 0 4px rgba(15,23,42,.08);
}
.og-comment-icon{
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  transition: none;
}
.og-icon-flag{
  /* Uyarı / şikayet: üçgen içinde ünlem */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
.og-comment-action.og-comment-report:hover:not(:disabled) .og-icon-flag{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
.og-icon-thumb{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}
.og-comment-action.og-comment-like:hover:not(:disabled) .og-icon-thumb{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}
.og-comment-action.og-comment-liked .og-icon-thumb{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%235b7280' stroke='%235b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}
.og-comment-like-count{
  margin-left: 3px;
  font-weight: 600;
}

/* Yorum Beğenme (dislike) butonu: ikon + sayı */
.og-comment-action.og-comment-dislike{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.og-comment-action.og-comment-dislike .og-comment-icon{
  flex-shrink: 0;
}
.og-comment-action.og-comment-dislike .og-comment-dislike-count{
  line-height: 1;
  margin-left: 0;
  font-weight: 600;
  color: #606060;
}
.og-comment-action.og-comment-dislike .og-icon-thumb-down{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15v4a3 3 0 0 0 3 3l4-9V2H6.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zM17 2h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17'/%3E%3C/svg%3E");
}
.og-comment-action.og-comment-dislike:hover:not(:disabled) .og-comment-icon{
  background-color: rgba(15,23,42,.07);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(15,23,42,.07);
}
.og-comment-action.og-comment-dislike:hover:not(:disabled) .og-comment-dislike-count{
  color: #606060;
}
.og-comment-action.og-comment-dislike:hover:not(:disabled) .og-icon-thumb-down{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15v4a3 3 0 0 0 3 3l4-9V2H6.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zM17 2h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17'/%3E%3C/svg%3E");
}
.og-comment-action.og-comment-disliked:hover:not(:disabled) .og-comment-icon{
  background-color: rgba(15,23,42,.08);
  box-shadow: 0 0 0 4px rgba(15,23,42,.08);
}
.og-comment-action.og-comment-disliked .og-icon-thumb-down{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%235b7280' stroke='%235b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15v4a3 3 0 0 0 3 3l4-9V2H6.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zM17 2h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17'/%3E%3C/svg%3E");
}

/* Paylaşım Beğen butonu: ikon + sayı (thumbs-up), renk sistemi: btn-primary / btn-outline-secondary */
.og-post-like-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.og-post-like-btn .og-icon-thumb{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}
.og-post-like-btn:hover:not(:disabled) .og-post-action-icon{
  background-color: rgba(15,23,42,.07);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(15,23,42,.07);
}
.og-post-like-btn:hover:not(:disabled) .og-icon-thumb{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}
.og-post-like-btn:hover:not(:disabled) .og-like-count{
  color: #606060;
}
.og-post-like-btn.btn-primary .og-icon-thumb{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}
.og-post-like-btn.btn-primary .og-like-count{
  color: #fff;
}
.og-like-count{
  font-weight: 600;
}

/* Paylaşım Beğenme butonu: ikon + sayı (thumbs-down) */
.og-post-dislike-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.og-post-action-icon{
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
/* Thumbs-down SVG: aşağı bakan başparmak (beğenme ikonu) */
.og-icon-thumb-down{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15v4a3 3 0 0 0 3 3l4-9V2H6.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zM17 2h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17'/%3E%3C/svg%3E");
}
.og-post-dislike-btn:hover:not(:disabled) .og-post-action-icon{
  background-color: rgba(15,23,42,.07);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(15,23,42,.07);
}
.og-post-dislike-btn:hover:not(:disabled) .og-dislike-count{
  color: #606060;
}
.og-post-dislike-btn:hover:not(:disabled) .og-icon-thumb-down{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15v4a3 3 0 0 0 3 3l4-9V2H6.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zM17 2h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17'/%3E%3C/svg%3E");
}
.og-post-dislike-btn.og-disliked:hover:not(:disabled) .og-post-action-icon{
  background-color: rgba(15,23,42,.08);
  box-shadow: 0 0 0 4px rgba(15,23,42,.08);
}
.og-post-dislike-btn.og-disliked .og-icon-thumb-down{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%235b7280' stroke='%235b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15v4a3 3 0 0 0 3 3l4-9V2H6.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zM17 2h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17'/%3E%3C/svg%3E");
}
/* Paylaşım Beğenmedi seçili: arka plan #5d7186, ikon ve sayı beyaz */
.og-post-dislike-btn.og-disliked{
  background-color: #5d7186;
  border-color: #5d7186;
  color: #fff;
}
.og-post-dislike-btn.og-disliked:hover:not(:disabled){
  background-color: #4d6176;
  border-color: #4d6176;
  color: #fff;
}
.og-post-dislike-btn.og-disliked .og-icon-thumb-down{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 15v4a3 3 0 0 0 3 3l4-9V2H6.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zM17 2h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17'/%3E%3C/svg%3E");
}
.og-post-dislike-btn.og-disliked .og-dislike-count{
  color: #fff;
}
/* Beğenme rakamı: Beğen gibi kalın */
.og-dislike-count{
  font-weight: 600;
}

.og-reply-context .og-reply-cancel{
  text-decoration: none;
  font-size: 0.875rem;
}

/* YouTube tarzı: Yanıtla tıklanınca yorumun hemen altında / yanında çıkan inline yanıt kutusu */
.og-inline-reply-wrap{
  margin-top: 10px;
  padding-left: 0;
}
.og-inline-reply{
  align-items: flex-start;
  gap: 10px;
}
.og-inline-reply-avatar{
  flex-shrink: 0;
  margin-top: 2px;
}
.og-inline-reply-body{
  flex: 1;
  min-width: 0;
}
.og-inline-reply-textarea{
  width: 100%;
  resize: none;
  min-height: 44px;
  max-height: 120px;
  font-size: 0.9375rem;
  border-radius: 8px;
  border: 1px solid rgba(15,23,42,.12);
  padding: 10px 12px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.og-inline-reply-textarea:focus{
  border-color: rgba(179,55,113,.5);
  box-shadow: 0 0 0 3px rgba(179,55,113,.12);
  outline: none;
}
.og-inline-reply-textarea::placeholder{
  color: rgba(15,23,42,.45);
}
.og-inline-reply-actions{
  margin-top: 8px;
  gap: 8px;
}
.og-inline-reply-submit:disabled{
  opacity: .65;
  cursor: not-allowed;
}

/* Etkinlik kartları (3'lü grid) */
.og-grup-kart-link{
  cursor: pointer;
  display: block;
}
.og-grup-kart-link:hover .og-event-card{
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(0,0,0,.16);
}
.og-event-card{
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.og-event-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(0,0,0,.16);
}
.og-event-cover{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: rgba(15,23,42,.06);
  overflow: hidden;
}
.og-event-cover-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.og-event-cover-ph{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(1200px 420px at 10% 20%, rgba(249,185,49,.28), transparent 60%),
              radial-gradient(900px 420px at 90% 30%, rgba(37,99,235,.22), transparent 55%),
              linear-gradient(135deg, rgba(15,23,42,.05), rgba(15,23,42,.10));
}
.og-event-datetime-badge{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: 8px;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(6px);
}
.og-event-title{
  color: var(--og-metin);
  font-weight: 850;
  letter-spacing: .1px;
  font-size: 16.5px;
  line-height: 1.25;
}
.og-event-meta{
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: var(--og-metin2);
  font-size: 13px;
}
.og-event-desc{
  margin-top: 10px;
  color: rgba(15,23,42,.70);
  line-height: 1.6;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Grup sayfası – sekme başlığı (İlanlar, Videolar vb. aynı stil) */
.grup-sekme-baslik,
.grup-ilanlar-sekme .grup-ilanlar-baslik{
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  padding-right: 10rem;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, var(--bs-primary), transparent 60%) 1;
  box-sizing: border-box;
}
/* Grup örneği: sidebar başlıkları (border-0) sağda buton yok – padding-right 1rem, yazılar sıkışmasın */
.offgrid-kart .grup-sekme-baslik.border-0 {
  padding-right: 1rem;
}

.grup-sekme-baslik .grup-sekme-baslik-icon,
.grup-ilanlar-sekme .grup-ilanlar-baslik .grup-ilanlar-icon{
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  flex-shrink: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(243,156,18,.18), rgba(243,156,18,.08));
  color: var(--bs-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.grup-sekme-baslik h4,
.grup-ilanlar-sekme .grup-ilanlar-baslik h4{
  margin: 0;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--og-metin);
}
.grup-sekme-baslik .grup-sekme-baslik-alt,
.grup-ilanlar-sekme .grup-ilanlar-baslik .grup-ilanlar-alt{
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--og-metin2);
  margin-top: 2px;
}
.og-ilan-detay-baslik { padding-right: 14rem; }

/* Grup sayfası – İlanlar sekmesi */
.og-ilan-card{
  overflow: hidden;
  border-radius: 16px;
  transition: transform .2s ease, box-shadow .25s ease, border-color .2s ease;
  border: 1px solid rgba(15,23,42,.08);
}
.og-ilan-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0,0,0,.12), 0 0 0 1px rgba(243,156,18,.12);
  border-color: rgba(243,156,18,.2);
}
.og-ilan-card a.og-ilan-card-link{
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}
.og-ilan-cover{
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;
  max-height: 200px;
  background: rgba(15,23,42,.06);
  overflow: hidden;
}
.og-ilan-cover-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}
.og-ilan-card:hover .og-ilan-cover-img{
  transform: scale(1.04);
}
.og-ilan-cover-ph{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg, rgba(243,156,18,.14) 0%, rgba(224,142,11,.08) 50%, rgba(15,23,42,.08) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.og-ilan-cover-ph .og-ilan-cover-letter{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--bs-primary), var(--og-mavi2));
  color: #fff;
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  box-shadow: 0 8px 24px rgba(243,156,18,.35);
}
.og-ilan-body{
  padding: 1rem 1.1rem 1.1rem;
}
.og-ilan-title{
  font-weight: 800;
  font-size: 1.02rem;
  line-height: 1.3;
  color: var(--og-metin);
  letter-spacing: .02em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.og-ilan-meta{
  margin-top: 6px;
  font-size: 0.875rem;
  color: var(--og-metin2);
  display: flex;
  align-items: center;
  gap: 6px;
}
.og-ilan-meta svg{
  flex-shrink: 0;
  opacity: .75;
}
.og-ilan-fiyat-row{
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.og-ilan-fiyat{
  font-weight: 800;
  font-size: 1.1rem;
  color: var(--bs-primary);
  letter-spacing: .02em;
}
.og-ilan-detay-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #fff !important;
  background: linear-gradient(135deg, var(--bs-primary), var(--og-mavi2));
  border: 0;
  border-radius: 10px;
  box-shadow: 0 6px 16px rgba(243,156,18,.28);
  transition: transform .15s ease, box-shadow .2s ease;
  flex-shrink: 0;
  margin-left: auto;
}
.og-ilan-detay-btn:hover{
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(243,156,18,.38);
}

#ogYorumlar{
  scroll-margin-top: 80px;
}
.og-galeri-zoom-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.38);
  color: #fff;
  font-size: 32px;
  line-height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}
.og-galeri-zoom-nav:hover{
  background: rgba(0,0,0,.55);
  border-color: rgba(255,255,255,.32);
}
.og-galeri-zoom-nav.og-prev{ left: 18px; }
.og-galeri-zoom-nav.og-next{ right: 18px; }
.og-galeri-zoom-nav:focus{
  outline: none;
  box-shadow: 0 0 0 .25rem rgba(249,185,49,.25);
}
@media (max-width: 576px){
  .og-galeri-img{
    height: min(46vh, 380px);
  }
  .og-galeri-zoom-nav.og-prev{ left: 10px; }
  .og-galeri-zoom-nav.og-next{ right: 10px; }
}
@media (max-width: 576px){
  .og-paylasim-row{ gap: 12px; }
  .og-paylasim-baslik{ font-size: 15px; }
  .og-thumb-img{ width: 78px; height: 56px; }
}

.offgrid-sehir-btn{
  position: relative;
  padding-right: 2.25rem;
  background-image: none !important;
}
.offgrid-sehir-btn::after{
  content: "";
  position: absolute;
  right: .9rem;
  top: 50%;
  width: .55rem;
  height: .55rem;
  border-right: 2px solid rgba(255,255,255,.75);
  border-bottom: 2px solid rgba(255,255,255,.75);
  transform: translateY(-60%) rotate(45deg);
  pointer-events: none;
}
.offgrid-sehir-menu{
  max-height: 360px;
  overflow: hidden;
}
.offgrid-sehir-list{
  max-height: 260px;
  overflow: auto;
  border-radius: 12px;
}
.offgrid-sehir-item{
  border-radius: 10px;
}

@media (max-width: 576px){
  .offgrid-baslik{ font-size: 26px; }
}

/* Ana sayfa istatistik kartları: mobilde 4 yan yana */
@media (max-width: 767.98px){
  .offgrid-anasayfa-istatistik .og-stat-card{
    padding: 0.5rem !important;
  }
  .offgrid-anasayfa-istatistik .og-stat-card .display-6{
    font-size: 1.25rem;
  }
  .offgrid-anasayfa-istatistik .og-stat-card .small{
    font-size: 0.65rem;
  }
}

/* Ana sayfa istatistik kartları: özelliklerine göre arka plan görselleri */
.og-stat-card {
  position: relative;
  overflow: hidden;
  box-shadow: none !important;
  outline: none !important;
  border: 1px solid rgba(255,255,255,0.12);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
a:hover .og-stat-card,
.og-stat-card:hover {
  transform: translateY(-4px);
}
.og-stat-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  border-radius: inherit;
}
.og-stat-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
  border-radius: inherit;
}
.og-stat-card > * {
  position: relative;
  z-index: 1;
}
.og-stat-card .text-primary { color: #fff !important; }
.og-stat-card .text-muted { color: rgba(255,255,255,0.85) !important; }
/* Paylaşım: paylaşım / topluluk teması */
.og-stat-paylasim {
  border-color: rgba(232,90,42,0.35);
}
a:hover .og-stat-paylasim,
.og-stat-paylasim:hover {
  box-shadow: 0 8px 24px rgba(232,90,42,0.4), 0 0 0 1px rgba(232,90,42,0.5) !important;
  border-color: rgba(232,90,42,0.7);
}
.og-stat-paylasim::before {
  background: linear-gradient(135deg, #ff8c42 0%, #e85a2a 50%, #c94a1f 100%);
}
/* Etkinlik: etkinlik / takvim teması */
.og-stat-etkinlik {
  border-color: rgba(61,90,138,0.5);
}
a:hover .og-stat-etkinlik,
.og-stat-etkinlik:hover {
  box-shadow: 0 8px 24px rgba(61,90,138,0.45), 0 0 0 1px rgba(61,90,138,0.6) !important;
  border-color: rgba(61,90,138,0.8);
}
.og-stat-etkinlik::before {
  background: linear-gradient(135deg, #4a6fa5 0%, #3d5a8a 50%, #2d4470 100%);
}
/* İlan: ilan / pazar teması */
.og-stat-ilan {
  border-color: rgba(36,122,94,0.5);
}
a:hover .og-stat-ilan,
.og-stat-ilan:hover {
  box-shadow: 0 8px 24px rgba(36,122,94,0.45), 0 0 0 1px rgba(36,122,94,0.6) !important;
  border-color: rgba(36,122,94,0.8);
}
.og-stat-ilan::before {
  background: linear-gradient(135deg, #2d8a6e 0%, #247a5e 50%, #1a5c47 100%);
}
/* Üye: topluluk / üye teması */
.og-stat-uye {
  border-color: rgba(90,74,125,0.5);
}
a:hover .og-stat-uye,
.og-stat-uye:hover {
  box-shadow: 0 8px 24px rgba(90,74,125,0.45), 0 0 0 1px rgba(90,74,125,0.6) !important;
  border-color: rgba(90,74,125,0.8);
}
.og-stat-uye::before {
  background: linear-gradient(135deg, #6b5b95 0%, #5a4a7d 50%, #453a62 100%);
}

/* Sayfa ile footer arası boşluğu azalt */
main.container { padding-bottom: 0 !important; }

.offgrid-footer{
  border-top: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}
.offgrid-footer-brand{
  color: #fff !important;
  font-weight: 850;
  letter-spacing: .2px;
  text-decoration: none;
}
.offgrid-footer-title{
  color: rgba(255,255,255,.92);
  font-weight: 800;
  margin-bottom: .75rem;
}
.offgrid-footer-text{
  color: rgba(255,255,255,.70);
  line-height: 1.6;
}
.offgrid-footer-links{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: .55rem;
}
.offgrid-footer-links a{
  color: rgba(255,255,255,.72);
  text-decoration: none;
}
.offgrid-footer-links a:hover{
  color: #fff;
  text-decoration: underline;
}
.offgrid-footer .form-control{
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(11,18,32,.40);
  color: #fff;
}
.offgrid-footer .form-control::placeholder{
  color: rgba(255,255,255,.55);
}
.offgrid-footer .form-control:focus{
  border-color: rgba(243,156,18,.35);
  box-shadow: 0 0 0 .10rem var(--og-halka);
}
/* Footer Mail Aboneliği – mobilde input ve buton yan yana */
@media (max-width: 991.98px) {
  .offgrid-footer-abone-form {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    display: flex !important;
  }
  .offgrid-footer-abone-form .form-control {
    min-width: 0;
    flex: 1 1 auto;
  }
  .offgrid-footer-abone-form .btn {
    flex-shrink: 0;
  }
  /* Mobilde .mt-3 kapalı */
  .mt-3 {
    margin-top: 0 !important;
  }
}
/* Footer Mail Aboneliği – Abone Ol butonu turuncu tema */
.offgrid-footer .btn.btn-light{
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
  font-weight: 600;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.offgrid-footer .btn.btn-light:hover{
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
  box-shadow: 0 4px 12px rgba(243,156,18,.35);
}
.offgrid-footer-hr{
  border-color: rgba(255,255,255,.10);
  opacity: 1;
}
.offgrid-footer-small{
  color: rgba(255,255,255,.55);
  font-size: 13px;
}
.offgrid-footer-small a,
.offgrid-footer-small .offgrid-footer-link{
  color: rgba(255,255,255,.75);
  text-decoration: none;
}
.offgrid-footer-small a:hover,
.offgrid-footer-small .offgrid-footer-link:hover{
  color: #f39c12;
  text-decoration: underline;
}

/* Mobil alt navigasyon: sol / üye ol (orta, yükseltilmiş) / sağ – temaya uygun */
.og-mobil-bottom-nav-spacer {
  height: 0;
}
@media (max-width: 991.98px) {
  .og-mobil-bottom-nav-spacer {
    height: 42px;
    flex-shrink: 0;
  }
}
.og-mobil-bottom-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  padding: 0 12px 12px;
  padding-bottom: max(12px, env(safe-area-inset-bottom));
  pointer-events: none;
}
/* Mobil: ana sayfa dışında geri/ileri çubuğu – alt menüye bitişik, tek el (başparmak) erişimine uygun */
.og-mobil-nav-browser-bar {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -12px -12px 20px;
  padding: 8px 12px;
  min-height: 40px;
}
.og-mobil-nav-browser-bar[aria-hidden="false"] {
  display: flex;
}
.og-mobil-nav-browser-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.95);
  transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.og-mobil-nav-browser-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.22);
  color: #f39c12;
}
.og-mobil-nav-browser-btn:active:not(:disabled) {
  background: rgba(255, 255, 255, 0.18);
}
.og-mobil-nav-browser-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.og-mobil-bottom-nav .og-mobil-bottom-nav-inner {
  pointer-events: auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: -12px;
  height: 64px;
  padding: 0 8px;
  background: var(--og-arka);
  box-shadow: 0 8px 24px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.06);
}
.og-mobil-bottom-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  flex: 1;
  min-width: 0;
  align-self: stretch;
  color: rgba(255,255,255,.65);
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  transition: color .2s ease;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}
.og-mobil-bottom-nav-item:hover {
  color: rgba(255,255,255,.9);
}
/* Ana Sayfa ve Giriş Yap hover: Üye ol yazı rengi gibi turuncu */
.og-mobil-bottom-nav-item:not(.og-mobil-bottom-nav-center):hover {
  color: #f39c12;
}
.og-mobil-bottom-nav-item .og-mobil-bottom-nav-icon {
  flex-shrink: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.og-mobil-bottom-nav-item.og-mobil-bottom-nav-center {
  flex: 0 0 auto;
  align-self: flex-end;
  position: relative;
  margin-top: -28px;
  padding-top: 0;
}
.og-mobil-bottom-nav-center .og-mobil-bottom-nav-label {
  margin-top: 4px;
  color: #f39c12;
  font-size: 11px;
}
.og-mobil-bottom-nav-center-circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 20px rgba(243,156,18,.45), 0 0 0 3px rgba(243,156,18,.2);
  transition: transform .2s ease, box-shadow .2s ease;
}
.og-mobil-bottom-nav-item.og-mobil-bottom-nav-center:hover .og-mobil-bottom-nav-center-circle,
.og-mobil-bottom-nav-item.og-mobil-bottom-nav-center:active .og-mobil-bottom-nav-center-circle {
  transform: scale(1.05);
  box-shadow: 0 8px 24px rgba(243,156,18,.5), 0 0 0 3px rgba(243,156,18,.25);
}
.og-mobil-bottom-nav-center .og-mobil-bottom-nav-center-circle svg {
  color: #fff;
}
/* Profil + Çıkış Yap (giriş yapılmışsa ortada) */
.og-mobil-bottom-nav-center-with-logout {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  align-self: flex-end;
  position: relative;
  margin-top: -28px;
  padding-top: 0;
  min-width: 80px;
}
.og-mobil-bottom-nav-center-with-logout .og-mobil-bottom-nav-center-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
.og-mobil-bottom-nav-center-with-logout .og-mobil-bottom-nav-center-main:hover .og-mobil-bottom-nav-center-circle,
.og-mobil-bottom-nav-center-with-logout .og-mobil-bottom-nav-center-main:active .og-mobil-bottom-nav-center-circle {
  transform: scale(1.05);
  box-shadow: 0 8px 24px rgba(243,156,18,.5), 0 0 0 3px rgba(243,156,18,.25);
}
.og-mobil-bottom-nav-center-with-logout .og-mobil-bottom-nav-label {
  margin-top: 4px;
  color: #f39c12;
  font-size: 11px;
}
.og-mobil-bottom-nav-logout {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  color: rgba(255,255,255,.65);
  text-decoration: none;
  text-align: center;
  line-height: 1.2;
  -webkit-tap-highlight-color: transparent;
  transition: color .2s ease;
}
.og-mobil-bottom-nav-logout:hover {
  color: #f39c12;
}
.og-mobil-bottom-nav-label {
  line-height: 1.2;
  text-align: center;
  display: block;
  width: 100%;
}
/* Resim Ekle / Video Ekle butonları – Ana Sayfa/Profil ile aynı boyut, link görünümü */
.og-mobil-resim-video-btn {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  min-width: 0;
  min-height: 0;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: rgba(255,255,255,.65);
  text-decoration: none;
}
.og-mobil-resim-video-btn .og-mobil-bottom-nav-icon {
  flex-shrink: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.og-mobil-resim-video-btn .og-mobil-bottom-nav-icon svg {
  width: 24px;
  height: 24px;
  display: block;
}
.og-mobil-resim-video-btn .og-mobil-bottom-nav-label {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}
.og-mobil-resim-video-btn:hover {
  color: #f39c12;
}
/* Mobil: Resim/Video ekle – grup yok / grup seç modalleri (koyu tema, yan menü üstünde) */
#ogMobilGrupYokModal.modal,
#ogMobilGrupSecModal.modal {
  z-index: 1080 !important;
}
#ogMobilGrupYokModal .modal-dialog,
#ogMobilGrupSecModal .modal-dialog {
  z-index: 1081 !important;
  position: relative;
}
.og-modal-theme.og-mobil-grup-modal-content .modal-content,
.og-mobil-grup-modal-content.modal-content {
  background: linear-gradient(180deg, #0f172a 0%, #0b1220 100%);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 0.75rem;
  box-shadow: 0 20px 40px rgba(0,0,0,.5);
}
.og-mobil-grup-modal-content .modal-header .modal-title,
.og-mobil-grup-modal-content .modal-body {
  color: rgba(255,255,255,.95);
}
.og-mobil-grup-modal-content .modal-footer .btn-outline-secondary {
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.8);
}
.og-mobil-grup-modal-content .modal-footer .btn-outline-secondary:hover {
  border-color: #f39c12;
  color: #f39c12;
  background: rgba(243,156,18,.08);
}
.og-mobil-grup-sec-liste {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.og-mobil-grup-sec-item {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 0.5rem;
  color: rgba(255,255,255,.9);
  padding: 0.75rem 1rem;
  text-decoration: none;
  transition: background .2s, border-color .2s, color .2s;
}
.og-mobil-grup-sec-item:hover {
  background: rgba(243,156,18,.12);
  border-color: rgba(243,156,18,.35);
  color: #fff;
}
/* Tüm alt menü öğeleri eşit genişlik – 5 öğe (Ana Sayfa, Resim Ekle, Menü, Video Ekle, Profil) sığsın */
.og-mobil-bottom-nav-inner > .og-mobil-bottom-nav-item:first-child,
.og-mobil-bottom-nav-inner > .og-mobil-bottom-nav-item:last-child {
  flex: 1 1 0;
  min-width: 0;
}
.og-mobil-bottom-nav-inner > .og-mobil-bottom-nav-item:first-child {
  align-items: center;
  margin-left: -8px;
}
.og-mobil-bottom-nav-inner > .og-mobil-bottom-nav-item:last-child {
  align-items: center;
  margin-right: -8px;
}
/* 2. ve 4. öğe (Resim Ekle/Etkinlikler, Video Ekle/Paylaşımlar) – Ana Sayfa / Profil’e yaklaştır */
.og-mobil-bottom-nav-inner > .og-mobil-bottom-nav-item:nth-child(2) {
  margin-left: -30px;
}
.og-mobil-bottom-nav-inner > .og-mobil-bottom-nav-item:nth-child(4) {
  margin-right: -30px;
}
/* Mobilde sayfa üstü geri linklerini gizle (alt menüde ileri/geri var) */
@media (max-width: 991.98px) {
  .og-page-geri-link {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .og-mobil-bottom-nav {
    display: block;
  }
  .py-4 {
    padding-top: 1.25rem !important;
  }
  .og-gruplar-sayfa.py-4,
  .og-paylasimlar-sayfa.py-4,
  .og-etkinlikler-sayfa.py-4,
  .og-videolar-sayfa.py-4,
  .og-servisler-sayfa.py-4,
  .og-ilanlar-sayfa.py-4,
  .og-basvurular-sayfa.py-4,
  .og-profil-sayfa.py-4,
  .og-haber-detay-sayfa.py-4,
  .og-duyuru-detay-sayfa.py-4 {
    padding-top: 1.25rem !important;
  }
  /* Market ürün detay ve etkinlik detay: mobilde üst padding yok */
  .og-market-urun-detay.py-4,
  .og-etkinlik-detay-sayfa.py-4 {
    padding-top: 0 !important;
  }
}

/* Mobil radial menü (speed-dial) */
.og-mobil-menu-wrap {
  position: relative;
  flex: 0 0 auto;
  align-self: flex-end;
  margin-top: -28px;
  padding-top: 0;
}
.og-mobil-radial-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1035;
  background: rgba(0,0,0,.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
  -webkit-tap-highlight-color: transparent;
}
.og-mobil-radial-menu-backdrop.og-open {
  opacity: 1;
  visibility: visible;
}
.og-mobil-radial-menu {
  position: fixed;
  bottom: 15px;
  left: 0;
  right: 0;
  width: 100%;
  height: 50vw;
  max-height: 200px;
  z-index: 1040;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}
.og-mobil-menu-wrap.og-menu-open .og-mobil-radial-menu {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}
.og-mobil-radial-menu-item {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 52px;
  min-height: 52px;
  padding: 0;
  color: #fff;
  text-decoration: none;
  font-size: 9px;
  font-weight: 600;
  white-space: nowrap;
  text-align: center;
  line-height: 1.1;
  -webkit-tap-highlight-color: transparent;
  transform-origin: center bottom;
}
.og-mobil-radial-menu-item::before {
  content: '';
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  box-shadow: 0 6px 20px rgba(243,156,18,.45), 0 0 0 3px rgba(243,156,18,.2);
  flex-shrink: 0;
  display: block;
  transition: box-shadow .2s ease;
}
.og-mobil-radial-menu-item:hover::before,
.og-mobil-radial-menu-item:active::before {
  box-shadow: 0 8px 24px rgba(243,156,18,.5), 0 0 0 3px rgba(243,156,18,.25);
}
.og-mobil-radial-menu-item svg {
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -11px;
}
/* 180° çevrildi: sağ yarım daire (270°→90°) */
.og-mobil-radial-menu-item:nth-child(1) { transform: rotate(270deg) translateY(-40vw) rotate(-270deg); }
.og-mobil-radial-menu-item:nth-child(2) { transform: rotate(300deg) translateY(-40vw) rotate(-300deg); }
.og-mobil-radial-menu-item:nth-child(3) { transform: rotate(330deg) translateY(-40vw) rotate(-330deg); }
.og-mobil-radial-menu-item:nth-child(4) { transform: rotate(0deg) translateY(-40vw) rotate(0deg); }
.og-mobil-radial-menu-item:nth-child(5) { transform: rotate(30deg) translateY(-40vw) rotate(-30deg); }
.og-mobil-radial-menu-item:nth-child(6) { transform: rotate(60deg) translateY(-40vw) rotate(-60deg); }
.og-mobil-radial-menu-item:nth-child(7) { transform: rotate(90deg) translateY(-40vw) rotate(-90deg); }
.og-mobil-radial-menu-item:hover,
.og-mobil-radial-menu-item:active {
  box-shadow: 0 8px 24px rgba(243,156,18,.5), 0 0 0 3px rgba(243,156,18,.25);
}
.og-mobil-radial-menu-item:nth-child(1):hover,
.og-mobil-radial-menu-item:nth-child(1):active { transform: rotate(270deg) translateY(-40vw) rotate(-270deg) scale(1.05); }
.og-mobil-radial-menu-item:nth-child(2):hover,
.og-mobil-radial-menu-item:nth-child(2):active { transform: rotate(300deg) translateY(-40vw) rotate(-300deg) scale(1.05); }
.og-mobil-radial-menu-item:nth-child(3):hover,
.og-mobil-radial-menu-item:nth-child(3):active { transform: rotate(330deg) translateY(-40vw) rotate(-330deg) scale(1.05); }
.og-mobil-radial-menu-item:nth-child(4):hover,
.og-mobil-radial-menu-item:nth-child(4):active { transform: rotate(0deg) translateY(-40vw) rotate(0deg) scale(1.05); }
.og-mobil-radial-menu-item:nth-child(5):hover,
.og-mobil-radial-menu-item:nth-child(5):active { transform: rotate(30deg) translateY(-40vw) rotate(-30deg) scale(1.05); }
.og-mobil-radial-menu-item:nth-child(6):hover,
.og-mobil-radial-menu-item:nth-child(6):active { transform: rotate(60deg) translateY(-40vw) rotate(-60deg) scale(1.05); }
.og-mobil-radial-menu-item:nth-child(7):hover,
.og-mobil-radial-menu-item:nth-child(7):active { transform: rotate(90deg) translateY(-40vw) rotate(-90deg) scale(1.05); }
.og-mobil-radial-menu-item span {
  display: block;
  padding: 0 2px;
}
.og-mobil-radial-menu-item svg {
  flex-shrink: 0;
}
.og-mobil-radial-menu-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: linear-gradient(135deg, #f39c12, #e67e22);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(243,156,18,.45), 0 0 0 3px rgba(243,156,18,.2);
  transition: transform .2s ease, box-shadow .2s ease;
  -webkit-tap-highlight-color: transparent;
}
.og-mobil-radial-menu-trigger:hover,
.og-mobil-radial-menu-trigger:active {
  transform: scale(1.05);
  box-shadow: 0 8px 24px rgba(243,156,18,.5), 0 0 0 3px rgba(243,156,18,.25);
}
.og-mobil-menu-wrap.og-menu-open .og-mobil-radial-menu-trigger {
  position: relative;
  z-index: 1050;
  overflow: visible;
}
.og-mobil-menu-wrap.og-menu-open .og-mobil-radial-menu-trigger svg {
  position: relative;
  z-index: 2;
}
.og-mobil-menu-wrap.og-menu-open .og-mobil-radial-menu-trigger::before,
.og-mobil-menu-wrap.og-menu-open .og-mobil-radial-menu-trigger::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 56px;
  height: 56px;
  margin-left: -28px;
  margin-top: -28px;
  border-radius: 50%;
  border: 2px solid rgba(243,156,18,.7);
  transform: scale(1);
  opacity: 0.8;
  animation: og-menu-pulse 2.2s ease-out infinite;
  pointer-events: none;
}
.og-mobil-menu-wrap.og-menu-open .og-mobil-radial-menu-trigger::after {
  animation-delay: 1.1s;
}
@keyframes og-menu-pulse {
  0% { transform: scale(1); opacity: 0.75; border-color: rgba(243,156,18,.8); }
  100% { transform: scale(2.2); opacity: 0; border-color: rgba(243,156,18,.2); }
}
.og-mobil-radial-icon-close {
  display: none;
}
.og-mobil-menu-wrap.og-menu-open .og-mobil-radial-icon-menu {
  display: none;
}
.og-mobil-menu-wrap.og-menu-open .og-mobil-radial-icon-close {
  display: block;
}
body.og-radial-menu-open .og-mobil-bottom-nav-inner > .og-mobil-bottom-nav-item:first-child,
body.og-radial-menu-open .og-mobil-bottom-nav-inner > .og-mobil-bottom-nav-item:last-child {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}

.offgrid-footer-social{
  width: 40px;
  height: 40px;
  min-width: 40px;
  color: rgba(255,255,255,.75);
  background: rgba(255,255,255,.12);
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.offgrid-footer-social:hover{
  color: #fff;
  background: rgba(243,156,18,.85);
  transform: translateY(-2px);
}

/* İlan listesi — tablo tarzı (görsel tasarım) */
.og-ilan-list-table {
  display: flex;
  flex-direction: column;
}
.og-ilan-list-header {
  display: grid;
  grid-template-columns: 100px 1fr 70px 90px 110px 100px 120px;
  gap: 0.75rem 1rem;
  align-items: center;
  padding: 0.6rem 1rem;
  background: linear-gradient(135deg, rgba(243,156,18,.14), rgba(243,156,18,.06));
  border-bottom: 2px solid rgba(243,156,18,.35);
  color: var(--og-metin);
  font-weight: 600;
  font-size: 0.875rem;
}
.og-ilan-list-header-cell {
  min-width: 0;
}
.og-ilan-list-header-cell--nowrap {
  white-space: nowrap;
}
.og-ilan-list-sort {
  color: #1d4ed8;
  text-decoration: none;
}
.og-ilan-list-sort:hover {
  color: #1e40af;
  text-decoration: underline;
}

/* İlan listesi: kaydırınca üstte sabitlenen başlık çubuğu (navbar ile aynı koyu tema) */
.og-ilan-list-sticky-bar {
  position: fixed;
  top: -80px;
  left: 0;
  right: 0;
  z-index: 1030;
  background: var(--og-arka);
  border-bottom: 2px solid rgba(243,156,18,.4);
  box-shadow: 0 2px 12px rgba(0,0,0,.25);
  opacity: 0;
  visibility: hidden;
  transition: top .2s ease, opacity .2s ease, visibility .2s;
}
.og-ilan-list-sticky-bar.og-sticky-visible {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.og-ilan-list-sticky-bar-inner {
  display: grid;
  grid-template-columns: 100px 1fr 70px 90px 110px 100px 120px;
  gap: 0.75rem 1rem;
  align-items: center;
  padding: 0.6rem 1rem;
  color: rgba(255,255,255,.9);
  font-weight: 600;
  font-size: 0.875rem;
}
.og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell {
  min-width: 0;
}
.og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell--nowrap {
  white-space: nowrap;
}
.og-ilan-list-sticky-bar-inner .og-ilan-list-sort {
  color: rgba(255,255,255,.95);
  text-decoration: none;
}
.og-ilan-list-sticky-bar-inner .og-ilan-list-sort:hover {
  color: #fff;
  text-decoration: underline;
}
@media (max-width: 992px) {
  .og-ilan-list-sticky-bar-inner {
    grid-template-columns: 80px 1fr 60px 85px 95px 90px;
  }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:last-child {
    display: none;
  }
}
@media (max-width: 768px) {
  .og-ilan-list-sticky-bar-inner {
    grid-template-columns: 70px 1fr auto;
    grid-template-areas: "thumb baslik fiyat" "thumb yil tarih" "thumb cc konum";
    gap: 0.35rem 0.75rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(1) { grid-area: thumb; }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(2) { grid-area: baslik; }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(5) { grid-area: fiyat; }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(3) { grid-area: yil; }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(6) { grid-area: tarih; }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(4) { grid-area: cc; }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(7) { grid-area: konum; }
}
@media (max-width: 480px) {
  .og-ilan-list-sticky-bar-inner {
    grid-template-columns: 60px 1fr;
    grid-template-areas: "thumb baslik";
    padding: 0.4rem 0.5rem;
  }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(1) { grid-area: thumb; }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(2) { grid-area: baslik; }
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(3),
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(4),
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(5),
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(6),
  .og-ilan-list-sticky-bar-inner .og-ilan-list-header-cell:nth-child(7) { display: none; }
}
@media (max-width: 991.98px) {
  .og-ilan-list-sticky-bar {
    display: none !important;
  }
}

/* Sticky bar açıkken navbar gizle – sadece masaüstü (mobilde navbar her zaman görünür) */
@media (min-width: 992px) {
  body.og-ilan-list-sticky-open .navbar.offgrid-nav {
    display: none !important;
  }
}

.og-ilan-list-row {
  display: grid;
  grid-template-columns: 100px 1fr 70px 90px 110px 100px 120px;
  gap: 0.75rem 1rem;
  align-items: center;
  padding: 0.75rem 1rem;
  text-decoration: none;
  color: var(--og-metin);
  border-bottom: 1px solid rgba(0,0,0,.06);
  transition: background .15s ease;
}
.og-ilan-list-row:hover {
  background: rgba(243,156,18,.06);
}
.og-ilan-list-row--featured {
  background: rgba(200,230,200,.35);
}
.og-ilan-list-row--featured:hover {
  background: rgba(180,215,180,.45);
}
.og-ilan-list-thumb {
  width: 90px;
  height: 90px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #e5e7eb;
}
.og-ilan-list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.og-ilan-list-thumb-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #d1d5db, #e5e7eb);
}
.og-ilan-list-baslik {
  font-weight: 600;
  color: #1e40af;
  line-height: 1.35;
  font-size: 0.95rem;
}
.og-ilan-list-row--featured .og-ilan-list-baslik {
  color: #166534;
}
.og-ilan-list-yil,
.og-ilan-list-cc,
.og-ilan-list-tarih,
.og-ilan-list-konum {
  font-size: 0.875rem;
  color: var(--og-metin2);
}
.og-ilan-list-fiyat {
  font-weight: 700;
  font-size: 0.95rem;
  color: #dc2626;
}
.og-ilan-list-empty {
  padding: 2rem 1rem;
  text-align: center;
  color: var(--og-metin2);
}
.og-ilan-list-pagination {
  background: rgba(0,0,0,.03);
}
.og-ilan-list-pagination .page-link {
  color: var(--og-metin);
  border-color: rgba(0,0,0,.1);
}
.og-ilan-list-pagination .page-item.active .page-link {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}
.og-ilan-list-pagination .page-link:hover {
  background: rgba(243,156,18,.15);
  border-color: rgba(243,156,18,.3);
  color: var(--og-metin);
}
.og-ilan-list-meta-wrap {
  display: none;
}
/* Filtre paneli: tüm başlıklar (Adres, İl, İlçe, Fiyat, KM, Motor Hacmi, Türü, Yıl) İl/İlçe ile aynı boyut ve renkte */
.og-ilan-filtre .og-filtre-baslik,
.og-ilan-filtre .grup-sekme-baslik h4,
.og-ilan-filtre .grup-sekme-baslik h5,
.og-ilan-filtre form .form-label,
.og-ilan-filtre form label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-secondary-color) !important;
}
.og-ilan-filtre form .form-label.small { font-size: 0.875rem; }
.og-ilan-filtre form .form-label.text-muted { color: var(--bs-secondary-color) !important; }
.og-ilan-filtre .og-filtre-baslik { padding-left: 0.5rem; }
.og-ilan-filtre .og-filtre-fiyat-toggle:hover { color: var(--bs-primary) !important; }
.og-ilan-filtre .og-filtre-fiyat-toggle:hover .og-filtre-fiyat-arrow { color: var(--bs-primary) !important; }
.og-ilan-filtre .og-filtre-km-toggle:hover { color: var(--bs-primary) !important; }
.og-ilan-filtre .og-filtre-km-toggle:hover .og-filtre-km-arrow { color: var(--bs-primary) !important; }
.og-ilan-filtre .og-filtre-motor-toggle:hover { color: var(--bs-primary) !important; }
.og-ilan-filtre .og-filtre-motor-toggle:hover .og-filtre-motor-arrow { color: var(--bs-primary) !important; }
.og-ilan-filtre .og-filtre-turu-toggle:hover { color: var(--bs-primary) !important; }
.og-ilan-filtre .og-filtre-turu-toggle:hover .og-filtre-turu-arrow { color: var(--bs-primary) !important; }
.og-ilan-filtre .og-filtre-yil-toggle:hover { color: var(--bs-primary) !important; }
.og-ilan-filtre .og-filtre-yil-toggle:hover .og-filtre-yil-arrow { color: var(--bs-primary) !important; }
.og-ilan-filtre .grup-sekme-baslik { padding-left: 0.5rem; }
.og-ilan-filtre form .mb-2,
.og-ilan-filtre form .mb-3 { padding-left: 0.5rem; }
.og-ilan-filtre form .d-flex.gap-2 { padding-left: 0.5rem; }
.og-ilan-filtre .form-control-sm { font-size: 0.875rem; }
.og-ilan-filtre hr { border-color: rgba(0,0,0,.08); }

/* Servisler filtre: Adres, İl, İlçe ilanlar filtresi ile aynı boyut ve renkte */
.og-servis-filtre .grup-sekme-baslik h4,
.og-servis-filtre .grup-sekme-baslik h5,
.og-servis-filtre form .form-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-secondary-color) !important;
}
.og-servis-filtre form .form-label.small { font-size: 0.875rem; }
.og-servis-filtre form .form-label.text-muted { color: var(--bs-secondary-color) !important; }

/* Servisler – Yetkili/Özel butonları og-servis-filtre ile aynı ölçüde (col-12 col-lg-3) */
.og-servisler-sayfa .og-servis-tip-btns {
  display: flex;
}
.og-servisler-sayfa .og-servis-tip-btns .btn {
  flex: 1 1 0;
  min-width: 0;
}

/* Mobilde filtre paneli: varsayılan gizli, ara ikonu ile açılır */
.og-filtre-toggle-btn { display: none; }
/* Mobilde kategoriler paneli: varsayılan gizli, buton ile açılır */
.og-kategori-toggle-btn { display: none; }
@media (max-width: 991.98px) {
  .og-filtre-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .og-filtre-panel-wrap .og-ilan-filtre {
    display: none;
  }
  .og-filtre-panel-wrap.og-filtre-open .og-ilan-filtre {
    display: block;
  }
  .og-kategori-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .og-kategori-panel-wrap .og-kategori-card {
    display: none;
  }
  .og-kategori-panel-wrap.og-kategori-open .og-kategori-card {
    display: block;
  }
}

@media (max-width: 992px) {
  .og-ilan-list-header {
    grid-template-columns: 80px 1fr 60px 85px 95px 90px;
  }
  .og-ilan-list-row {
    grid-template-columns: 80px 1fr 60px 85px 95px 90px;
  }
  .og-ilan-list-konum { display: none; }
  .og-ilan-list-header-cell:last-child { display: none; }
}
@media (max-width: 768px) {
  .og-ilan-list-header {
    grid-template-columns: 70px 1fr auto;
    grid-template-areas: "thumb baslik fiyat" "thumb yil tarih" "thumb cc konum";
    gap: 0.35rem 0.75rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
  .og-ilan-list-header-cell:nth-child(1) { grid-area: thumb; }
  .og-ilan-list-header-cell:nth-child(2) { grid-area: baslik; }
  .og-ilan-list-header-cell:nth-child(5) { grid-area: fiyat; }
  .og-ilan-list-header-cell:nth-child(3) { grid-area: yil; }
  .og-ilan-list-header-cell:nth-child(6) { grid-area: tarih; }
  .og-ilan-list-header-cell:nth-child(4) { grid-area: cc; }
  .og-ilan-list-header-cell:nth-child(7) { grid-area: konum; }
  .og-ilan-list-row {
    grid-template-columns: 70px 1fr auto;
    grid-template-areas: "thumb baslik fiyat" "thumb yil tarih" "thumb cc konum";
    gap: 0.35rem 0.75rem;
    padding: 0.6rem 0.75rem;
  }
  .og-ilan-list-thumb { grid-area: thumb; width: 70px; height: 70px; }
  .og-ilan-list-baslik { grid-area: baslik; font-size: 0.9rem; }
  .og-ilan-list-fiyat { grid-area: fiyat; justify-self: end; }
  .og-ilan-list-yil { grid-area: yil; font-size: 0.8rem; }
  .og-ilan-list-cc { display: none; }
  .og-ilan-list-header-cell:nth-child(4) { display: none; }
  .og-ilan-list-tarih { grid-area: tarih; font-size: 0.8rem; }
  .og-ilan-list-konum { grid-area: konum; display: block; font-size: 0.8rem; }
}
@media (max-width: 480px) {
  .og-ilan-list-header {
    grid-template-columns: 60px 1fr;
    grid-template-areas: "thumb baslik";
    padding: 0.4rem 0.5rem;
  }
  .og-ilan-list-header-cell:nth-child(1) { grid-area: thumb; }
  .og-ilan-list-header-cell:nth-child(2) { grid-area: baslik; }
  .og-ilan-list-header-cell:nth-child(3),
  .og-ilan-list-header-cell:nth-child(4),
  .og-ilan-list-header-cell:nth-child(5),
  .og-ilan-list-header-cell:nth-child(6),
  .og-ilan-list-header-cell:nth-child(7) { display: none; }
  .og-ilan-list-row {
    grid-template-columns: 60px 1fr;
    grid-template-areas: "thumb baslik" "thumb fiyat" "thumb meta";
    gap: 0.25rem 0.5rem;
  }
  .og-ilan-list-thumb { grid-area: thumb; width: 60px; height: 60px; }
  .og-ilan-list-baslik { grid-area: baslik; }
  .og-ilan-list-fiyat { grid-area: fiyat; justify-self: start; font-size: 0.9rem; }
  .og-ilan-list-yil,
  .og-ilan-list-tarih,
  .og-ilan-list-konum { display: none !important; }
  .og-ilan-list-meta-wrap {
    display: block;
    grid-area: meta;
    font-size: 0.8rem;
    color: var(--og-metin2);
  }
  .og-ilan-list-meta-wrap span + span::before {
    content: " · ";
    margin: 0 0.25rem;
  }
}

/* Video detay: Bootstrap 4’te olmayan ratio + row gap */
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  content: "";
  display: block;
  padding-top: var(--bs-aspect-ratio, 100%);
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.row.g-4 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.row.g-4 > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .row.g-4 > [class*="col-"] {
    margin-bottom: 0;
  }
}

/* Benzer videolar — ~4 video görünür, geri kalanı scroll (gap: 1.5rem !important bu alanda geçersiz) */
.og-benzer-videolar {
  display: flex;
  flex-direction: column;
  gap: 0.25rem !important;
  max-height: 33rem;
  overflow-y: auto;
}
.og-benzer-video-item {
  border-radius: 8px;
  padding: 4px;
  transition: background .15s ease;
}
.og-benzer-video-item:hover {
  background: rgba(15, 23, 42, .06);
  color: var(--og-metin);
}
.og-benzer-video-baslik {
  font-size: 0.9rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.og-benzer-video-thumb .ratio {
  border-radius: 8px;
  overflow: hidden;
}

/* Video detay sayfası — büyük thumbnail border */
.og-video-detay-thumb {
  border-radius: 12px;
  overflow: hidden;
}

/* Video detay sayfası ana başlık — tek satır, taşan ... */
.og-video-detay-baslik-wrap .og-video-detay-baslik-inner {
  min-width: 0;
  overflow: hidden;
}
.og-video-detay-baslik-wrap .og-video-detay-baslik {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  min-width: 0;
}

/* İlanlar arama: arama alanında dropdown ile sonuç listesi */
.og-ilan-ara-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  max-height: 360px;
  overflow-y: auto;
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  z-index: 1050;
}
.og-ilan-ara-dropdown.show {
  display: block;
}
.og-ilan-ara-section {
  padding: 8px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.og-ilan-ara-section:last-of-type {
  border-bottom: none;
}
.og-ilan-ara-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--bs-secondary);
  padding: 4px 12px 6px;
}
.og-ilan-ara-item {
  display: block;
  padding: 8px 12px;
  color: var(--og-metin);
  text-decoration: none;
  font-size: 0.9rem;
  transition: background .15s ease;
}
.og-ilan-ara-item:hover {
  background: rgba(0,0,0,.05);
  color: var(--og-metin);
}
.og-ilan-ara-item--ilan {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.og-ilan-ara-baslik {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.og-ilan-ara-fiyat {
  font-size: 0.8rem;
  color: var(--bs-primary);
  font-weight: 600;
}
.og-ilan-ara-footer {
  padding: 8px 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
}
.og-ilan-ara-tumu {
  display: block;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-primary) !important;
  text-decoration: none !important;
}
.og-ilan-ara-tumu:hover {
  text-decoration: underline !important;
}
.og-ilan-ara-footer .og-ilan-ara-bulunamadi-text {
  margin: 0 0 8px 0;
  font-size: 0.85rem;
  color: var(--bs-secondary);
  line-height: 1.3;
}

/* Paylaşımlar arama: arama alanında dropdown ile sonuç listesi */
.og-paylasim-ara-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  max-height: 360px;
  overflow-y: auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  z-index: 1050;
}
.og-paylasim-ara-dropdown.show {
  display: block;
}
.og-paylasim-ara-section {
  padding: 8px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.og-paylasim-ara-section:last-of-type {
  border-bottom: none;
}
.og-paylasim-ara-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--bs-secondary);
  padding: 4px 12px 6px;
}
.og-paylasim-ara-item {
  display: block;
  padding: 8px 12px;
  color: var(--og-metin);
  text-decoration: none;
  font-size: 0.9rem;
  transition: background .15s ease;
}
.og-paylasim-ara-item:hover {
  background: rgba(0,0,0,.05);
  color: var(--og-metin);
}
.og-paylasim-ara-item--paylasim {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.og-paylasim-ara-baslik {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.og-paylasim-ara-meta {
  font-size: 0.8rem;
  color: var(--bs-secondary);
}
.og-paylasim-ara-footer {
  padding: 8px 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
}
.og-paylasim-ara-tumu {
  display: block;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-primary) !important;
  text-decoration: none !important;
}
.og-paylasim-ara-tumu:hover {
  text-decoration: underline !important;
}
.og-paylasim-ara-footer .og-paylasim-ara-bulunamadi-text {
  margin: 0 0 8px 0;
  font-size: 0.85rem;
  color: var(--bs-secondary);
  line-height: 1.3;
}
/* Grup sayfası: paylaşım arama dropdown – koyu tema + turuncu vurgu */
.og-anasayfa-list-cards .og-paylasim-ara-dropdown {
  background: rgba(18,22,32,.98);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 32px rgba(0,0,0,.4);
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .og-paylasim-ara-dropdown::-webkit-scrollbar {
  width: 8px;
}
.og-anasayfa-list-cards .og-paylasim-ara-dropdown::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-paylasim-ara-dropdown::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-paylasim-ara-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5);
}
/* Koyu tema – paylaşım ekle/düzenle Kategori/Marka/Model arama listeleri scrollbar */
.og-anasayfa-list-cards .paylasim-kategori-list,
.og-anasayfa-list-cards .paylasim-arac-marka-list,
.og-anasayfa-list-cards .paylasim-arac-model-list,
.og-anasayfa-list-cards .paylasim-duzenle-arac-marka-list,
.og-anasayfa-list-cards .paylasim-duzenle-arac-model-list {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1) !important;
}
.og-anasayfa-list-cards .paylasim-kategori-list::-webkit-scrollbar,
.og-anasayfa-list-cards .paylasim-arac-marka-list::-webkit-scrollbar,
.og-anasayfa-list-cards .paylasim-arac-model-list::-webkit-scrollbar,
.og-anasayfa-list-cards .paylasim-duzenle-arac-marka-list::-webkit-scrollbar,
.og-anasayfa-list-cards .paylasim-duzenle-arac-model-list::-webkit-scrollbar {
  width: 8px !important;
}
.og-anasayfa-list-cards .paylasim-kategori-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .paylasim-arac-marka-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .paylasim-arac-model-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .paylasim-duzenle-arac-marka-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .paylasim-duzenle-arac-model-list::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1) !important;
  border-radius: 4px;
}
.og-anasayfa-list-cards .paylasim-kategori-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .paylasim-arac-marka-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .paylasim-arac-model-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .paylasim-duzenle-arac-marka-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .paylasim-duzenle-arac-model-list::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35) !important;
  border-radius: 4px;
}
.og-anasayfa-list-cards .paylasim-kategori-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .paylasim-arac-marka-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .paylasim-arac-model-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .paylasim-duzenle-arac-marka-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .paylasim-duzenle-arac-model-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5) !important;
}
.og-anasayfa-list-cards .og-paylasim-ara-section {
  border-bottom-color: rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .og-paylasim-ara-title {
  color: rgba(255,255,255,.6);
}
.og-anasayfa-list-cards .og-paylasim-ara-item {
  color: rgba(255,255,255,.92);
}
.og-anasayfa-list-cards .og-paylasim-ara-item:hover {
  background: rgba(243,156,18,.18);
  color: #fff;
}
.og-anasayfa-list-cards .og-paylasim-ara-baslik {
  color: rgba(255,255,255,.95);
}
.og-anasayfa-list-cards .og-paylasim-ara-meta {
  color: rgba(255,255,255,.6);
}
.og-anasayfa-list-cards .og-paylasim-ara-footer {
  border-top-color: rgba(255,255,255,.12);
  background: rgba(0,0,0,.2);
}
.og-anasayfa-list-cards .og-paylasim-ara-tumu {
  color: #f39c12 !important;
}
.og-anasayfa-list-cards .og-paylasim-ara-tumu:hover {
  color: #fff !important;
  background: rgba(243,156,18,.2);
  text-decoration: none !important;
}
.og-anasayfa-list-cards .og-paylasim-ara-footer .og-paylasim-ara-bulunamadi-text {
  color: rgba(255,255,255,.65);
}

/* Grup Üye Yönetimi arama: dropdown ile üye listesi */
.og-grup-uye-ara-wrap {
  position: relative;
}
.og-grup-uye-ara-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  max-height: 320px;
  overflow-y: auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  z-index: 1050;
  min-width: 260px;
}
.og-grup-uye-ara-dropdown.show {
  display: block;
}
.og-grup-uye-ara-section {
  padding: 8px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.og-grup-uye-ara-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--bs-secondary);
  padding: 4px 12px 6px;
}
.og-grup-uye-ara-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  color: var(--og-metin);
  text-decoration: none;
  font-size: 0.9rem;
  transition: background .15s ease;
}
.og-grup-uye-ara-item:hover {
  background: rgba(0,0,0,.05);
  color: var(--og-metin);
}
.og-grup-uye-ara-ad {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.og-grup-uye-ara-meta {
  font-size: 0.8rem;
  color: var(--bs-secondary);
}
.og-grup-uye-ara-footer {
  padding: 8px 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
}
.og-grup-uye-ara-tumu {
  display: block;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-primary) !important;
  text-decoration: none !important;
}
.og-grup-uye-ara-tumu:hover {
  text-decoration: underline !important;
}
.og-grup-uye-ara-footer .og-grup-uye-ara-bulunamadi-text {
  margin: 0 0 8px 0;
  font-size: 0.85rem;
  color: var(--bs-secondary);
}
/* Grup sayfası: üyeler arama dropdown – koyu tema + turuncu vurgu */
.og-anasayfa-list-cards .og-grup-uye-ara-dropdown {
  background: rgba(18,22,32,.98);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 32px rgba(0,0,0,.4);
}
.og-anasayfa-list-cards .og-grup-uye-ara-section {
  border-bottom-color: rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .og-grup-uye-ara-title {
  color: rgba(255,255,255,.6);
}
.og-anasayfa-list-cards .og-grup-uye-ara-item {
  color: rgba(255,255,255,.92);
}
.og-anasayfa-list-cards .og-grup-uye-ara-item:hover {
  background: rgba(243,156,18,.18);
  color: #fff;
}
.og-anasayfa-list-cards .og-grup-uye-ara-ad {
  color: rgba(255,255,255,.95);
}
.og-anasayfa-list-cards .og-grup-uye-ara-meta {
  color: rgba(255,255,255,.6);
}
/* Koyu tema – grup üye arama dropdown scrollbar */
.og-anasayfa-list-cards .og-grup-uye-ara-dropdown {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .og-grup-uye-ara-dropdown::-webkit-scrollbar {
  width: 8px;
}
.og-anasayfa-list-cards .og-grup-uye-ara-dropdown::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-grup-uye-ara-dropdown::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-grup-uye-ara-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5);
}
.og-anasayfa-list-cards .og-grup-uye-ara-footer {
  border-top-color: rgba(255,255,255,.12);
  background: rgba(0,0,0,.2);
}
.og-anasayfa-list-cards .og-grup-uye-ara-tumu {
  color: #f39c12 !important;
}
.og-anasayfa-list-cards .og-grup-uye-ara-tumu:hover {
  color: #fff !important;
  background: rgba(243,156,18,.2);
  text-decoration: none !important;
}
.og-anasayfa-list-cards .og-grup-uye-ara-footer .og-grup-uye-ara-bulunamadi-text {
  color: rgba(255,255,255,.65);
}

/* Videolar arama: dropdown ile video listesi */
.og-video-ara-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  max-height: 320px;
  overflow-y: auto;
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  z-index: 1050;
  min-width: 260px;
}
.og-video-ara-dropdown.show {
  display: block;
}
.og-video-ara-section {
  padding: 8px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.og-video-ara-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--bs-secondary);
  padding: 4px 12px 6px;
}
.og-video-ara-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  color: var(--og-metin);
  text-decoration: none;
  font-size: 0.9rem;
  transition: background .15s ease;
}
.og-video-ara-item:hover {
  background: rgba(0,0,0,.05);
  color: var(--og-metin);
}
.og-video-ara-baslik {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.og-video-ara-meta {
  font-size: 0.8rem;
  color: var(--bs-secondary);
}
.og-video-ara-footer {
  padding: 8px 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
}
.og-video-ara-tumu {
  display: block;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-primary) !important;
  text-decoration: none !important;
}
.og-video-ara-tumu:hover {
  text-decoration: underline !important;
}
.og-video-ara-footer .og-video-ara-bulunamadi-text {
  margin: 0 0 8px 0;
  font-size: 0.85rem;
  color: var(--bs-secondary);
  line-height: 1.3;
}

/* Etkinlikler arama: dropdown ile etkinlik listesi */
.og-grup-etkinlik-ara-wrap {
  position: relative;
}
.og-grup-video-ara-wrap {
  position: relative;
}
.og-grup-ilan-ara-wrap {
  position: relative;
}
.og-etkinlik-ara-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  max-height: 320px;
  overflow-y: auto;
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  z-index: 1050;
  min-width: 280px;
}
.og-etkinlik-ara-dropdown.show {
  display: block;
}
.og-etkinlik-ara-section {
  padding: 8px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.og-etkinlik-ara-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--bs-secondary);
  padding: 4px 12px 6px;
}
.og-etkinlik-ara-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  color: var(--og-metin);
  text-decoration: none;
  font-size: 0.9rem;
  transition: background .15s ease;
}
.og-etkinlik-ara-item:hover {
  background: rgba(0,0,0,.05);
  color: var(--og-metin);
}
.og-etkinlik-ara-baslik {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.og-etkinlik-ara-meta {
  font-size: 0.8rem;
  color: var(--bs-secondary);
}
.og-etkinlik-ara-footer {
  padding: 8px 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
}
.og-etkinlik-ara-tumu {
  display: block;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-primary) !important;
  text-decoration: none !important;
}
.og-etkinlik-ara-tumu:hover {
  text-decoration: underline !important;
}
.og-etkinlik-ara-footer .og-etkinlik-ara-bulunamadi-text {
  margin: 0 0 8px 0;
  font-size: 0.85rem;
  color: var(--bs-secondary);
  line-height: 1.3;
}
/* Grup sayfası: etkinlik arama dropdown – koyu tema + turuncu vurgu */
.og-anasayfa-list-cards .og-etkinlik-ara-dropdown {
  background: rgba(18,22,32,.98);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 32px rgba(0,0,0,.4);
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .og-etkinlik-ara-dropdown::-webkit-scrollbar {
  width: 8px;
}
.og-anasayfa-list-cards .og-etkinlik-ara-dropdown::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-etkinlik-ara-dropdown::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-etkinlik-ara-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5);
}
.og-anasayfa-list-cards .og-etkinlik-ara-section {
  border-bottom-color: rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .og-etkinlik-ara-title {
  color: rgba(255,255,255,.6);
}
.og-anasayfa-list-cards .og-etkinlik-ara-item {
  color: rgba(255,255,255,.92);
}
.og-anasayfa-list-cards .og-etkinlik-ara-item:hover {
  background: rgba(243,156,18,.18);
  color: #fff;
}
.og-anasayfa-list-cards .og-etkinlik-ara-baslik {
  color: rgba(255,255,255,.95);
}
.og-anasayfa-list-cards .og-etkinlik-ara-meta {
  color: rgba(255,255,255,.6);
}
.og-anasayfa-list-cards .og-etkinlik-ara-footer {
  border-top-color: rgba(255,255,255,.12);
  background: rgba(0,0,0,.2);
}
.og-anasayfa-list-cards .og-etkinlik-ara-tumu {
  color: #f39c12 !important;
}
.og-anasayfa-list-cards .og-etkinlik-ara-tumu:hover {
  color: #fff !important;
  background: rgba(243,156,18,.2);
  text-decoration: none !important;
}
.og-anasayfa-list-cards .og-etkinlik-ara-footer .og-etkinlik-ara-bulunamadi-text {
  color: rgba(255,255,255,.65);
}
/* Grup üyelerinin etkinlikleri – kartlar ve butonlar */
/* Etkinlik kartları – paylaşım listesi ile aynı hover efekti */
.og-anasayfa-list-cards #grup-sekme-etkinlikler .og-event-card {
  border: 1px solid rgba(255,255,255,.1);
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .15s ease;
}
.og-anasayfa-list-cards #grup-sekme-etkinlikler .og-event-card:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.15);
  box-shadow: 0 10px 22px rgba(243,156,18,.35);
  transform: translateY(-2px);
}
.og-anasayfa-list-cards #grup-sekme-etkinlikler .og-event-card a.text-dark {
  color: rgba(255,255,255,.92) !important;
}
.og-anasayfa-list-cards #grup-sekme-etkinlikler .og-event-card a:hover {
  color: #fff !important;
}
.og-anasayfa-list-cards #grup-sekme-etkinlikler .og-event-konum {
  color: rgba(255,255,255,.65);
}
.og-anasayfa-list-cards #grup-sekme-etkinlikler .og-event-card .text-muted {
  color: rgba(255,255,255,.55) !important;
}
.og-anasayfa-list-cards #grup-sekme-etkinlikler .og-event-card .btn-outline-secondary {
  border-color: rgba(255,255,255,.35);
  color: rgba(255,255,255,.9);
}
.og-anasayfa-list-cards #grup-sekme-etkinlikler .og-event-card .btn-outline-secondary:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.5);
  color: #fff;
}
.og-anasayfa-list-cards #grup-sekme-etkinlikler .og-event-card .btn-outline-primary {
  border-color: rgba(243,156,18,.5);
  color: #f39c12;
}
.og-anasayfa-list-cards #grup-sekme-etkinlikler .og-event-card .btn-outline-primary:hover {
  background: rgba(243,156,18,.2);
  border-color: #f39c12;
  color: #fff;
}
.og-anasayfa-list-cards #grup-sekme-etkinlikler .text-muted {
  color: rgba(255,255,255,.6) !important;
}

/* ========== Grup sayfası – tüm sekmeler (videolar, ilanlar, genel, mesajlar, ayarlar, formlar) ========== */
/* Video arama dropdown */
.og-anasayfa-list-cards .og-video-ara-dropdown {
  background: rgba(18,22,32,.98);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 32px rgba(0,0,0,.4);
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .og-video-ara-dropdown::-webkit-scrollbar {
  width: 8px;
}
.og-anasayfa-list-cards .og-video-ara-dropdown::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-video-ara-dropdown::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-video-ara-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5);
}
.og-anasayfa-list-cards .og-video-ara-section { border-bottom-color: rgba(255,255,255,.1); }
.og-anasayfa-list-cards .og-video-ara-title { color: rgba(255,255,255,.6); }
.og-anasayfa-list-cards .og-video-ara-item { color: rgba(255,255,255,.92); }
.og-anasayfa-list-cards .og-video-ara-item:hover { background: rgba(243,156,18,.18); color: #fff; }
.og-anasayfa-list-cards .og-video-ara-baslik { color: rgba(255,255,255,.95); }
.og-anasayfa-list-cards .og-video-ara-meta { color: rgba(255,255,255,.6); }
.og-anasayfa-list-cards .og-video-ara-footer { border-top-color: rgba(255,255,255,.12); background: rgba(0,0,0,.2); }
.og-anasayfa-list-cards .og-video-ara-tumu { color: #f39c12 !important; }
.og-anasayfa-list-cards .og-video-ara-tumu:hover { color: #fff !important; background: rgba(243,156,18,.2); text-decoration: none !important; }
.og-anasayfa-list-cards .og-video-ara-footer .og-video-ara-bulunamadi-text { color: rgba(255,255,255,.65); }
/* İlan arama dropdown */
.og-anasayfa-list-cards .og-ilan-ara-dropdown {
  background: rgba(18,22,32,.98);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 32px rgba(0,0,0,.4);
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards .og-ilan-ara-dropdown::-webkit-scrollbar {
  width: 8px;
}
.og-anasayfa-list-cards .og-ilan-ara-dropdown::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-ilan-ara-dropdown::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-ilan-ara-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5);
}
.og-anasayfa-list-cards .og-ilan-ara-section { border-bottom-color: rgba(255,255,255,.1); }
.og-anasayfa-list-cards .og-ilan-ara-title { color: rgba(255,255,255,.6); }
.og-anasayfa-list-cards .og-ilan-ara-item { color: rgba(255,255,255,.92); }
.og-anasayfa-list-cards .og-ilan-ara-item:hover { background: rgba(243,156,18,.18); color: #fff; }
.og-anasayfa-list-cards .og-ilan-ara-baslik { color: rgba(255,255,255,.95); }
.og-anasayfa-list-cards .og-ilan-ara-meta,
.og-anasayfa-list-cards .og-ilan-ara-fiyat { color: rgba(255,255,255,.65); }
.og-anasayfa-list-cards .og-ilan-ara-footer { border-top-color: rgba(255,255,255,.12); background: rgba(0,0,0,.2); }
.og-anasayfa-list-cards .og-ilan-ara-tumu { color: #f39c12 !important; }
.og-anasayfa-list-cards .og-ilan-ara-tumu:hover { color: #fff !important; background: rgba(243,156,18,.2); text-decoration: none !important; }
.og-anasayfa-list-cards .og-ilan-ara-footer .og-ilan-ara-bulunamadi-text { color: rgba(255,255,255,.65); }
/* İlanlar list sayfası – arama kutusu, liste satırları, kategori/filtre, pagination */
.og-anasayfa-list-cards .og-ilan-ara-wrap .form-control,
.og-anasayfa-list-cards .og-ilan-ara-wrap #og-ilan-ara-input {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.og-anasayfa-list-cards .og-ilan-ara-wrap .form-control::placeholder { color: rgba(255,255,255,.45); }
.og-anasayfa-list-cards .og-ilan-ara-wrap .form-control:focus {
  background: rgba(255,255,255,.1) !important;
  border-color: #f39c12;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.3);
}
.og-anasayfa-list-cards .og-ilan-ara-wrap .btn.offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards .og-ilan-ara-wrap .btn.offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-header { border-bottom-color: rgba(255,255,255,.12); }
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-header-cell { color: rgba(255,255,255,.85); }
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-sort { color: rgba(255,255,255,.8); }
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-sort:hover { color: #f39c12; }
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-row {
  border-bottom-color: rgba(255,255,255,.1);
  color: rgba(255,255,255,.9);
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-row:hover {
  border-color: rgba(243,156,18,.4);
  background: rgba(243,156,18,.12);
  box-shadow: 0 4px 12px rgba(243,156,18,.2);
}
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-row--featured {
  background: rgba(34,197,94,.15);
}
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-row--featured:hover {
  background: rgba(34,197,94,.25);
  border-color: rgba(34,197,94,.4);
}
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-baslik { color: #fff; }
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-row--featured .og-ilan-list-baslik { color: rgba(255,255,255,.95); }
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-fiyat { color: #f39c12; }
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-yil,
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-cc,
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-tarih,
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-konum,
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-meta-wrap { color: rgba(255,255,255,.75); }
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-thumb { background: rgba(255,255,255,.1); }
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-thumb-placeholder { background: linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.08)); }
.og-anasayfa-list-cards .offgrid-kart-ilanlar-liste .og-ilan-list-empty { color: rgba(255,255,255,.6); }
/* İlanlar kategoriler kartı – beyaz arka planı tamamen kaldır (!important) */
.og-anasayfa-list-cards .og-kategori-card .list-group-item,
.og-anasayfa-list-cards .og-kategori-card .list-group-item.list-group-item-action { background: transparent !important; color: rgba(255,255,255,.9) !important; border-color: rgba(255,255,255,.1) !important; }
.og-anasayfa-list-cards .og-kategori-card .list-group-item:hover,
.og-anasayfa-list-cards .og-kategori-card .list-group-item.list-group-item-action:hover { background: rgba(255,255,255,.06) !important; color: #fff !important; }
.og-anasayfa-list-cards .og-kategori-card .list-group-item:focus,
.og-anasayfa-list-cards .og-kategori-card .list-group-item.list-group-item-action:focus { background: rgba(255,255,255,.06) !important; color: #fff !important; outline: none; }
.og-anasayfa-list-cards .og-kategori-card .list-group-item:active,
.og-anasayfa-list-cards .og-kategori-card .list-group-item.list-group-item-action:active { background: rgba(255,255,255,.08) !important; color: #fff !important; }
.og-anasayfa-list-cards .og-kategori-card .list-group-item.active,
.og-anasayfa-list-cards .og-kategori-card .list-group-item.list-group-item-action.active { background: rgba(243,156,18,.3) !important; color: #fff !important; border-color: rgba(243,156,18,.4) !important; }
.og-anasayfa-list-cards .og-kategori-card .og-marka-row { background: transparent !important; color: rgba(255,255,255,.9) !important; }
.og-anasayfa-list-cards .og-kategori-card .og-marka-row .list-group-item-action,
.og-anasayfa-list-cards .og-kategori-card .og-marka-row a { color: inherit !important; background: transparent !important; }
.og-anasayfa-list-cards .og-kategori-card .og-marka-row .list-group-item-action:hover,
.og-anasayfa-list-cards .og-kategori-card .og-marka-row .list-group-item-action:focus,
.og-anasayfa-list-cards .og-kategori-card .og-marka-row a:hover,
.og-anasayfa-list-cards .og-kategori-card .og-marka-row a:focus { color: #fff !important; background: transparent !important; }
.og-anasayfa-list-cards .og-kategori-card .og-marka-row .list-group-item-action.active,
.og-anasayfa-list-cards .og-kategori-card .og-marka-row a.active { background: rgba(243,156,18,.3) !important; color: #fff !important; }
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .list-group-item,
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .list-group-item.list-group-item-action { background: transparent !important; color: rgba(255,255,255,.9) !important; }
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .list-group-item:hover,
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .list-group-item:focus,
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .list-group-item:active,
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .list-group-item-action:hover,
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .list-group-item-action:focus,
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .list-group-item-action:active { background: rgba(255,255,255,.06) !important; color: #fff !important; }
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .list-group-item.active,
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .list-group-item-action.active { background: rgba(243,156,18,.3) !important; color: #fff !important; }
.og-anasayfa-list-cards .og-kategori-card .og-model-subcats .text-muted { color: rgba(255,255,255,.55) !important; }
.og-anasayfa-list-cards .og-kategori-card .og-kategori-menu .list-group-item,
.og-anasayfa-list-cards .og-kategori-card .og-kategori-menu .list-group-item-action { background: transparent !important; color: rgba(255,255,255,.9) !important; }
/* Paylaşımlar kategoriler – alt kategoriler (.og-subcats) ilanlarla aynı renk */
.og-anasayfa-list-cards .og-kategori-card .og-subcats .list-group-item,
.og-anasayfa-list-cards .og-kategori-card .og-subcats .list-group-item-action { background: transparent !important; color: rgba(255,255,255,.9) !important; }
.og-anasayfa-list-cards .og-kategori-card .og-subcats .list-group-item:hover,
.og-anasayfa-list-cards .og-kategori-card .og-subcats .list-group-item-action:hover,
.og-anasayfa-list-cards .og-kategori-card .og-subcats .list-group-item:focus,
.og-anasayfa-list-cards .og-kategori-card .og-subcats .list-group-item-action:focus { background: rgba(255,255,255,.06) !important; color: #fff !important; }
.og-anasayfa-list-cards .og-kategori-card .og-subcats .list-group-item.active,
.og-anasayfa-list-cards .og-kategori-card .og-subcats .list-group-item-action.active { background: rgba(243,156,18,.3) !important; color: #fff !important; border-color: rgba(243,156,18,.4) !important; }
/* İlanlar cascading kategori dropdown (arabam.com tarzı) */
.og-anasayfa-list-cards .og-kategori-cascade .form-select,
.og-anasayfa-list-cards .og-kategori-cascade .og-kat-select-btn,
.og-anasayfa-list-cards .og-kategori-cascade .og-marka-select-btn,
.og-anasayfa-list-cards .og-kategori-cascade .og-model-select-btn { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: #fff; cursor: pointer; }
.og-anasayfa-list-cards .og-kategori-cascade .form-select:hover,
.og-anasayfa-list-cards .og-kategori-cascade .form-select:focus,
.og-anasayfa-list-cards .og-kategori-cascade [class*="-select-btn"]:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.25); color: #fff; }
.og-anasayfa-list-cards .og-kategori-card #og-kat-dd .dropdown-menu,
.og-anasayfa-list-cards .og-kategori-card #og-marka-dd .dropdown-menu,
.og-anasayfa-list-cards .og-kategori-card #og-model-dd .dropdown-menu { background: #1e2228; border: 1px solid rgba(255,255,255,.15); }
.og-anasayfa-list-cards .og-kategori-card #og-kat-menu { max-height: 280px; overflow-y: auto; }
/* Marka/Model: sadece iç liste scroll olsun, dropdown-menu scroll etmesin (iç içe scrollbar önlenir) */
.og-anasayfa-list-cards .og-kategori-card #og-marka-menu,
.og-anasayfa-list-cards .og-kategori-card #og-model-menu { max-height: none; overflow: visible; }
/* Kategori cascade scrollbar – yüksek öncelik (değişince eski haline dönmesin) */
.og-anasayfa-list-cards .og-kategori-card .og-marka-list,
.og-anasayfa-list-cards .og-kategori-card .og-model-list {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1) !important;
}
.og-anasayfa-list-cards .og-kategori-card .og-marka-list::-webkit-scrollbar,
.og-anasayfa-list-cards .og-kategori-card .og-model-list::-webkit-scrollbar {
  width: 8px !important;
}
.og-anasayfa-list-cards .og-kategori-card .og-marka-list::-webkit-scrollbar-track,
.og-anasayfa-list-cards .og-kategori-card .og-model-list::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1) !important;
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-kategori-card .og-marka-list::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .og-kategori-card .og-model-list::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35) !important;
  border-radius: 4px;
}
.og-anasayfa-list-cards .og-kategori-card .og-marka-list::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .og-kategori-card .og-model-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5) !important;
}
.og-anasayfa-list-cards .og-kategori-card .og-kat-item,
.og-anasayfa-list-cards .og-kategori-card .og-marka-item,
.og-anasayfa-list-cards .og-kategori-card .og-model-item { color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .og-kategori-card .og-kat-item:hover,
.og-anasayfa-list-cards .og-kategori-card .og-marka-item:hover,
.og-anasayfa-list-cards .og-kategori-card .og-model-item:hover { background: rgba(255,255,255,.08); color: #fff; }
.og-anasayfa-list-cards .og-kategori-card .og-kat-item.active,
.og-anasayfa-list-cards .og-kategori-card .og-marka-item.active,
.og-anasayfa-list-cards .og-kategori-card .og-model-item.active { background: rgba(243,156,18,.35); color: #fff; }
.og-anasayfa-list-cards .og-kategori-card .og-marka-ara,
.og-anasayfa-list-cards .og-kategori-card .og-model-ara { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color: #fff; }
.og-anasayfa-list-cards .og-kategori-card .og-marka-ara::placeholder,
.og-anasayfa-list-cards .og-kategori-card .og-model-ara::placeholder { color: rgba(255,255,255,.5); }

.og-anasayfa-list-cards .og-ilan-filtre .form-control,
.og-anasayfa-list-cards .og-ilan-filtre .form-select { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: #fff; }
.og-anasayfa-list-cards .og-ilan-filtre .btn-outline-secondary { border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .og-ilan-filtre .btn-outline-secondary:hover { background: rgba(255,255,255,.12); color: #fff; }
.og-anasayfa-list-cards .og-ilan-filtre .btn-primary { background: linear-gradient(135deg, #f39c12, #e08e0b); border-color: transparent; color: #fff; }
.og-anasayfa-list-cards .og-ilan-filtre .btn-primary:hover { background: linear-gradient(135deg, #e08e0b, #d17d0a); color: #fff; }
/* Başvurular sayfası – kartlar, başvurularım listesi */
.og-anasayfa-list-cards .og-basvuru-kart { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.og-anasayfa-list-cards .og-basvuru-kart:hover { border-color: rgba(243,156,18,.5); background: rgba(243,156,18,.12); box-shadow: 0 8px 20px rgba(243,156,18,.25); }
.og-anasayfa-list-cards .og-basvuru-kart .og-event-title { color: #fff; }
.og-anasayfa-list-cards .og-basvuru-kart .og-event-meta { color: rgba(255,255,255,.7); }
.og-anasayfa-list-cards .og-basvuru-kart .text-body-secondary { color: rgba(255,255,255,.65) !important; }
.og-anasayfa-list-cards .og-basvuru-kart .offgrid-btn-basvuru { background: linear-gradient(135deg, #f39c12, #e08e0b); border-color: transparent; color: #fff; }
.og-anasayfa-list-cards .og-basvuru-kart:hover .offgrid-btn-basvuru { background: linear-gradient(135deg, #e08e0b, #d17d0a); color: #fff; }
.og-anasayfa-list-cards .og-basvurularim-baslik { color: #fff !important; }
.og-anasayfa-list-cards .og-basvuru-list-item { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .og-basvuru-list-item:hover { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.08); }
/* Profil Başvurularım: bölüm etiketi sabit genişlik, açıklama metni aynı hizada */
.og-basvuru-bolum-badge {
  min-width: 11em;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  flex-shrink: 0;
}
/* Grup: amber/altın (teal ve mora kontrast) */
.og-basvuru-bolum-grup { background: linear-gradient(135deg, #d97706, #b45309) !important; border: none; }
/* Servis: teal */
.og-basvuru-bolum-servis { background: linear-gradient(135deg, #0d9488, #0f766e) !important; border: none; }
/* Reklam: mor/violet */
.og-basvuru-bolum-reklam { background: linear-gradient(135deg, #7c3aed, #6d28d9) !important; border: none; }
/* Market: yeşil */
.og-basvuru-bolum-market { background: linear-gradient(135deg, #22c55e, #16a34a) !important; border: none; }
.og-anasayfa-list-cards .og-basvurularim-wrap { border-top: 1px solid rgba(255,255,255,.12); }
/* Grup/Servis/Reklam başvuru form sayfaları */
.og-anasayfa-list-cards .form-label { color: rgba(255,255,255,.85); }
.og-anasayfa-list-cards .form-control,
.og-anasayfa-list-cards .form-select {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.og-anasayfa-list-cards .form-control::placeholder { color: rgba(255,255,255,.45); }
.og-anasayfa-list-cards .form-control:focus,
.og-anasayfa-list-cards .form-select:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.3);
}
.og-anasayfa-list-cards .form-select option { background: #1a1d23; color: #fff; }
.og-anasayfa-list-cards .form-text { color: rgba(255,255,255,.6); }
.og-anasayfa-list-cards .input-group-text {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.18);
  color: rgba(255,255,255,.85);
}
.og-anasayfa-list-cards .offgrid-btn-basvuru {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
  padding: 0.5rem 1.5rem;
}
.og-anasayfa-list-cards .offgrid-btn-basvuru:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}
.og-anasayfa-list-cards .btn-outline-light {
  border-color: rgba(255,255,255,.35);
  color: rgba(255,255,255,.9);
  background: rgba(255,255,255,.05);
}
.og-anasayfa-list-cards .btn-outline-light:hover {
  background: rgba(243,156,18,.2);
  border-color: #f39c12;
  color: #fff;
}
.og-anasayfa-list-cards .dropdown-menu {
  background: rgba(30,30,35,.98);
  border-color: rgba(255,255,255,.2);
}
/* Paylaşımlar kategoriler: sidebar ve dropdown'lar footer'ın üstünde (stacking context) */
#og-paylasim-sidebar {
  position: relative;
  z-index: 10;
}
#og-paylasim-sidebar .dropdown-menu {
  z-index: 1050;
}
.og-anasayfa-list-cards .dropdown-item {
  color: rgba(255,255,255,.85);
}
.og-anasayfa-list-cards .dropdown-item:hover {
  background: rgba(243,156,18,.2);
  color: #fff;
}
.og-anasayfa-list-cards .dropdown-item.active {
  background: rgba(243,156,18,.4);
  color: #fff;
}
.og-anasayfa-list-cards hr { border-color: rgba(255,255,255,.12); }
.og-anasayfa-list-cards h5 { color: #fff; }
/* Profil sayfası menü ve içerik */
.og-anasayfa-list-cards .profil-menu-list .list-group-item {
  color: rgba(255,255,255,.9);
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.1);
}
/* Profil İlanlarım – görüntülenme ve favori renkli (tüm ekranlar) */
.og-anasayfa-list-cards .profil-ilanlarim-goruntulenme {
  color: #4ecac2 !important;
}
.og-anasayfa-list-cards .profil-ilanlarim-favori {
  color: #f39c12 !important;
}
.og-anasayfa-list-cards .profil-ilanlarim-ayrac {
  color: rgba(255, 255, 255, 0.45);
}
.og-anasayfa-list-cards .profil-menu-list .list-group-item:hover {
  background: rgba(255,255,255,.08);
  color: #fff;
}
.og-anasayfa-list-cards .profil-menu-list .list-group-item.active {
  background: rgba(243,156,18,.3);
  color: #fff;
  border-color: rgba(243,156,18,.4);
}
.og-anasayfa-list-cards .profil-menu-list .list-group-item.disabled {
  color: rgba(255,255,255,.4);
  background: rgba(255,255,255,.02);
}
.og-anasayfa-list-cards .badge.bg-secondary {
  background: rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.9);
}
.og-anasayfa-list-cards .badge.bg-success {
  background: rgb(24 131 63 / 95%) !important;
  color: #fff;
}
/* Profil Mesajlar – Yönetici ve Grup Yönetici Mesajı renkleri */
.og-anasayfa-list-cards .profil-mesaj-yonetici {
  background: rgba(59,130,246,.15) !important;
  border-color: rgba(59,130,246,.35) !important;
}
.og-anasayfa-list-cards .profil-mesaj-yonetici:hover {
  background: rgba(59,130,246,.22) !important;
  border-color: rgba(59,130,246,.45) !important;
  box-shadow: 0 4px 12px rgba(59,130,246,.2);
}
.og-anasayfa-list-cards .profil-mesaj-yonetici .fw-semibold {
  color: #60a5fa !important;
}
.og-anasayfa-list-cards .profil-mesaj-moderator {
  background: rgba(243,156,18,.08) !important;
  border-color: rgba(243,156,18,.25) !important;
}
.og-anasayfa-list-cards .profil-mesaj-moderator:hover {
  background: rgba(243,156,18,.15) !important;
  border-color: rgba(243,156,18,.35) !important;
  box-shadow: 0 4px 12px rgba(243,156,18,.2);
}
.og-anasayfa-list-cards .profil-mesaj-moderator .fw-semibold {
  color: #f39c12 !important;
}
/* Profil Mesajlar – konuşma thread ve yanıt formu */
.og-anasayfa-list-cards #profil-konusma-thread {
  background: rgba(0,0,0,.25) !important;
  border-color: rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.9);
}
.og-anasayfa-list-cards #profil-konusma-thread .d-inline-block.bg-white {
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: rgba(255,255,255,.92);
}
.og-anasayfa-list-cards #profil-konusma-thread .d-inline-block.bg-white .small.text-muted {
  color: rgba(255,255,255,.65) !important;
}
.og-anasayfa-list-cards #profil-konusma-thread .d-inline-block.bg-white .text-success {
  color: #22c55e !important;
}
.og-anasayfa-list-cards #profil-konusma-thread .profil-mesaj-giden {
  background: rgba(243,156,18,.25) !important;
  border-color: rgba(243,156,18,.4) !important;
  color: #fff;
}
.og-anasayfa-list-cards #profil-konusma-thread .profil-mesaj-giden .small.text-muted {
  color: rgba(255,255,255,.7) !important;
}
.og-anasayfa-list-cards #profil-konusma-thread .profil-mesaj-giden .text-success {
  color: #4ade80 !important;
}
.og-anasayfa-list-cards #profil-mesajlar .mb-2 a {
  color: rgba(255,255,255,.95);
}
.og-anasayfa-list-cards #profil-mesajlar .mb-2 a:hover {
  color: #f39c12;
}
.og-anasayfa-list-cards #profil-mesajlar .mb-2 .fw-semibold {
  color: rgba(255,255,255,.95);
}
.og-anasayfa-list-cards #profil-mesajlar .mb-2 .text-muted {
  color: rgba(255,255,255,.55) !important;
}
.og-anasayfa-list-cards #profil-mesajlar-listesi .list-group-item {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.1);
  color: rgba(255,255,255,.9);
}
.og-anasayfa-list-cards #profil-mesajlar-listesi .list-group-item:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.15);
}
.og-anasayfa-list-cards #profil-mesajlar-listesi .list-group-item .text-body-secondary {
  color: rgba(255,255,255,.75) !important;
}
.og-anasayfa-list-cards #profil-mesaj-yanit-form {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.15) !important;
}
.og-anasayfa-list-cards #profil-mesaj-yanit-form .form-label {
  color: rgba(255,255,255,.85);
}
.og-anasayfa-list-cards #profil-mesaj-yanit-form .form-control {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
/* Mesajlar – Tüm konuşmalar linki, yeni mesaj kartı, üye dropdown */
.og-anasayfa-list-cards .og-profil-mesajlar-link {
  color: rgba(255,255,255,.9) !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-link:hover {
  color: #f39c12 !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-card {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.15) !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-card .card-title {
  color: rgba(255,255,255,.95) !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-card .text-muted {
  color: rgba(255,255,255,.6) !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-card .form-label {
  color: rgba(255,255,255,.9) !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-card .form-control {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #fff !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-card .form-control::placeholder {
  color: rgba(255,255,255,.45) !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-card .btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards .og-profil-mesajlar-secilen-kutu {
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: rgba(255,255,255,.92);
}
.og-anasayfa-list-cards .og-profil-mesajlar-secilen-kutu .btn-outline-secondary {
  border-color: rgba(255,255,255,.35);
  color: rgba(255,255,255,.85);
}
.og-anasayfa-list-cards .og-profil-mesajlar-secilen-kutu .btn-outline-secondary:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.5);
  color: #fff;
}
/* Üye arama dropdown – opak koyu arka plan */
.og-anasayfa-list-cards .og-profil-mesajlar-dropdown,
.og-anasayfa-list-cards #og-yeni-mesaj-uye-dropdown {
  background: #252a33 !important;
  border: 1px solid rgba(255,255,255,.25) !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-dropdown .list-group-item,
.og-anasayfa-list-cards #og-yeni-mesaj-uye-dropdown .list-group-item {
  background: #252a33 !important;
  border-color: rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.92) !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-dropdown .list-group-item:hover,
.og-anasayfa-list-cards #og-yeni-mesaj-uye-dropdown .list-group-item:hover {
  background: #323842 !important;
  color: #fff !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-dropdown .list-group-item.text-muted,
.og-anasayfa-list-cards #og-yeni-mesaj-uye-dropdown .list-group-item.text-muted {
  color: rgba(255,255,255,.55) !important;
  background: #252a33 !important;
}
.og-anasayfa-list-cards .og-profil-mesajlar-bos-metin {
  color: rgba(255,255,255,.75) !important;
}
/* Mesajlar alanı – scrollbar koyu tema */
.og-anasayfa-list-cards #profil-konusma-thread,
.og-anasayfa-list-cards #og-yeni-mesaj-uye-dropdown {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-anasayfa-list-cards #profil-konusma-thread::-webkit-scrollbar,
.og-anasayfa-list-cards #og-yeni-mesaj-uye-dropdown::-webkit-scrollbar {
  width: 8px;
}
.og-anasayfa-list-cards #profil-konusma-thread::-webkit-scrollbar-track,
.og-anasayfa-list-cards #og-yeni-mesaj-uye-dropdown::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-anasayfa-list-cards #profil-konusma-thread::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards #og-yeni-mesaj-uye-dropdown::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-anasayfa-list-cards #profil-konusma-thread::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards #og-yeni-mesaj-uye-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5);
}
.og-anasayfa-list-cards .og-profil-konusma-thread {
  background: rgba(0,0,0,.25) !important;
  border-color: rgba(255,255,255,.15) !important;
}
.og-anasayfa-list-cards #profil-mesaj-yanit-form .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
.og-anasayfa-list-cards #profil-mesaj-yanit-form .form-control:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.25);
}
.og-anasayfa-list-cards #profil-mesaj-yanit-form .btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards #profil-mesaj-yanit-form .btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}
.og-anasayfa-list-cards #profil-mesajlar .alert.alert-info {
  background: rgba(59,130,246,.15);
  border-color: rgba(59,130,246,.35);
  color: rgba(255,255,255,.9);
}
/* Grup: Katılım talebi reddet modalı — koyu tema, tablo üstünde görünsün */
.og-modal-talep-red.modal {
  z-index: 1060 !important;
}
.og-modal-talep-red .modal-dialog {
  z-index: 1061 !important;
  position: relative;
}
.og-modal-talep-red .modal-content {
  background: #1e2228;
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
  position: relative;
  z-index: 1;
  overflow: visible;
}
.og-modal-talep-red .modal-header {
  background: rgba(255,255,255,.05);
  border-bottom-color: rgba(255,255,255,.12);
}
.og-modal-talep-red .modal-title {
  color: #fff;
}
.og-modal-talep-red .btn-close {
  filter: invert(1);
  opacity: 0.8;
}
.og-modal-talep-red .btn-close:hover {
  opacity: 1;
}
.og-modal-talep-red .modal-body {
  background: rgba(0,0,0,.2);
  overflow: visible;
}
.og-modal-talep-red .modal-body p,
.og-modal-talep-red .modal-body .form-label {
  color: rgba(255,255,255,.88);
}
.og-modal-talep-red .modal-footer {
  background: rgba(255,255,255,.05);
  border-top-color: rgba(255,255,255,.12);
}
.og-modal-talep-red .form-label {
  color: rgba(255,255,255,.9);
}
.og-modal-talep-red .form-control {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.og-modal-talep-red .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
.og-modal-talep-red .form-control:focus {
  background: rgba(255,255,255,.1);
  border-color: rgba(239,95,95,.5);
  box-shadow: 0 0 0 0.2rem rgba(239,95,95,.2);
}
.og-modal-talep-red .btn-secondary {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.9);
}
.og-modal-talep-red .btn-secondary:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.3);
  color: #fff;
}
.og-modal-talep-red .btn-danger {
  background: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.og-modal-talep-red .btn-danger:hover {
  background: #c82333;
  border-color: #bd2130;
  color: #fff;
}

/* Grup: Tüm üyelere mesaj modalı */
#mdl-grup-tum-uyelere-mesaj .modal-content {
  background: #1e2228;
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
}
#mdl-grup-tum-uyelere-mesaj .modal-header {
  background: rgba(255,255,255,.05);
  border-bottom-color: rgba(255,255,255,.12);
}
#mdl-grup-tum-uyelere-mesaj .modal-title {
  color: #fff;
}
#mdl-grup-tum-uyelere-mesaj .btn-close {
  filter: invert(1);
  opacity: 0.8;
}
#mdl-grup-tum-uyelere-mesaj .btn-close:hover {
  opacity: 1;
}
#mdl-grup-tum-uyelere-mesaj .modal-body {
  background: rgba(0,0,0,.2);
}
#mdl-grup-tum-uyelere-mesaj .modal-footer {
  background: rgba(255,255,255,.05);
  border-top-color: rgba(255,255,255,.12);
}
#mdl-grup-tum-uyelere-mesaj .form-label {
  color: rgba(255,255,255,.9);
}
#mdl-grup-tum-uyelere-mesaj .form-control {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
#mdl-grup-tum-uyelere-mesaj .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
#mdl-grup-tum-uyelere-mesaj .form-control:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.25);
}
#mdl-grup-tum-uyelere-mesaj .text-muted {
  color: rgba(255,255,255,.55) !important;
}
#mdl-grup-tum-uyelere-mesaj .btn-secondary {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.9);
}
#mdl-grup-tum-uyelere-mesaj .btn-secondary:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.3);
  color: #fff;
}
#mdl-grup-tum-uyelere-mesaj .offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
#mdl-grup-tum-uyelere-mesaj .offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}

/* Paylaşım: Şikayet Et modalı — grup modalı ile aynı tema */
#ogPaylasimSikayetModal .modal-content {
  background: #1e2228;
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
}
#ogPaylasimSikayetModal .modal-header {
  background: rgba(255,255,255,.05);
  border-bottom-color: rgba(255,255,255,.12);
}
#ogPaylasimSikayetModal .modal-title {
  color: #fff;
}
#ogPaylasimSikayetModal .btn-close {
  filter: invert(1);
  opacity: 0.8;
}
#ogPaylasimSikayetModal .btn-close:hover {
  opacity: 1;
}
#ogPaylasimSikayetModal .modal-body {
  background: rgba(0,0,0,.2);
}
#ogPaylasimSikayetModal .modal-footer {
  background: rgba(255,255,255,.05);
  border-top-color: rgba(255,255,255,.12);
}
#ogPaylasimSikayetModal .form-label {
  color: rgba(255,255,255,.9);
}
#ogPaylasimSikayetModal .form-control,
#ogPaylasimSikayetModal .form-select {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
#ogPaylasimSikayetModal .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
#ogPaylasimSikayetModal .form-control:focus,
#ogPaylasimSikayetModal .form-select:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.25);
}
#ogPaylasimSikayetModal .text-muted {
  color: rgba(255,255,255,.55) !important;
}
#ogPaylasimSikayetModal .btn-secondary {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.25);
  color: rgba(255,255,255,.9);
}
#ogPaylasimSikayetModal .btn-secondary:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.3);
  color: #fff;
}
#ogPaylasimSikayetModal .offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
#ogPaylasimSikayetModal .offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}
#ogPaylasimSikayetModal .dropdown-menu {
  background: rgba(30,34,40,.98);
  border: 1px solid rgba(255,255,255,.15);
}
#ogPaylasimSikayetModal .og-sikayet-sebep-ara {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
#ogPaylasimSikayetModal .og-sikayet-sebep-ara::placeholder {
  color: rgba(255,255,255,.45);
}
#ogPaylasimSikayetModal .og-sikayet-sebep-ara:focus {
  background: rgba(255,255,255,.1);
  border-color: #f39c12;
  color: #fff;
}
#ogPaylasimSikayetModal .og-sikayet-sebep-item {
  color: rgba(255,255,255,.9);
}
#ogPaylasimSikayetModal .og-sikayet-sebep-item:hover,
#ogPaylasimSikayetModal .og-sikayet-sebep-item.active {
  background: rgba(243,156,18,.25);
  color: #fff;
}
#ogPaylasimSikayetModal .og-sikayet-sebep-list {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
#ogPaylasimSikayetModal .og-sikayet-sebep-list::-webkit-scrollbar {
  width: 8px;
}
#ogPaylasimSikayetModal .og-sikayet-sebep-list::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}

/* İlanlar detay sayfası – kartlar, sekmeler, açıklama, konum, butonlar */
.ilan-detay .og-anasayfa-list-cards .btn-light { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color: rgba(255,255,255,.9); }
.ilan-detay .og-anasayfa-list-cards .btn-light:hover { background: rgba(243,156,18,.2); border-color: #f39c12; color: #fff; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-sahip-kart { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.15) !important; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-telefon { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.15) !important; color: rgba(255,255,255,.9); }
.ilan-detay .og-anasayfa-list-cards .og-detay-tabs .nav-link { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.2) !important; color: rgba(255,255,255,.85) !important; }
.ilan-detay .og-anasayfa-list-cards .og-detay-tabs .nav-link:hover { background: rgba(255,255,255,.12) !important; color: #fff !important; }
.ilan-detay .og-anasayfa-list-cards .og-detay-tabs .nav-link.active { background: rgba(243,156,18,.4) !important; border-color: #f39c12 !important; color: #fff !important; }
.ilan-detay .og-anasayfa-list-cards .og-aciklama-baslik { color: #fff !important; }
.ilan-detay .og-anasayfa-list-cards .og-aciklama-body { color: rgba(255,255,255,.88) !important; }
.ilan-detay .og-anasayfa-list-cards .og-konum-box .konum-baslik { color: rgba(255,255,255,.9) !important; }
.ilan-detay .og-anasayfa-list-cards .og-konum-harita { background: rgba(0,0,0,.3) !important; border-color: rgba(255,255,255,.12) !important; }
.ilan-detay .og-anasayfa-list-cards .og-konum-harita-ctrl a,
.ilan-detay .og-anasayfa-list-cards .og-konum-harita-ctrl button { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.2) !important; color: rgba(255,255,255,.9) !important; }
.ilan-detay .og-anasayfa-list-cards .og-konum-harita-ctrl a:hover,
.ilan-detay .og-anasayfa-list-cards .og-konum-harita-ctrl button:hover { background: rgba(255,255,255,.15) !important; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-thumbs-outer .og-ilan-thumb-prev,
.ilan-detay .og-anasayfa-list-cards .og-ilan-thumbs-outer .og-ilan-thumb-next { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.2) !important; color: rgba(255,255,255,.9) !important; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-thumbs-outer .og-ilan-thumb-prev:hover,
.ilan-detay .og-anasayfa-list-cards .og-ilan-thumbs-outer .og-ilan-thumb-next:hover { background: rgba(255,255,255,.15) !important; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-buyuk-foto-btn:hover { color: #f39c12 !important; }
.ilan-detay .og-anasayfa-list-cards .offgrid-kart h1,
.ilan-detay .og-anasayfa-list-cards .offgrid-kart h2,
.ilan-detay .og-anasayfa-list-cards .offgrid-kart .fw-bold { color: #fff !important; }
.ilan-detay .og-anasayfa-list-cards .offgrid-kart .text-muted { color: rgba(255,255,255,.6) !important; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-ana-resim-wrap { border: 1px solid rgba(255,255,255,.12); border-radius: 12px; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-thumb { border-color: rgba(255,255,255,.2) !important; transition: border-color .2s ease; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-thumb:hover { border-color: rgba(243,156,18,.5) !important; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-thumb.border-primary { border-color: #f39c12 !important; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-ozellik li { color: rgba(255,255,255,.88); }
.ilan-detay .og-anasayfa-list-cards .og-ilan-ozellik .border-secondary { border-color: rgba(255,255,255,.1) !important; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-ozellik .text-danger { color: #f39c12 !important; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-ozellik strong { color: rgba(255,255,255,.95); }
.ilan-detay .og-anasayfa-list-cards .text-secondary { color: rgba(255,255,255,.7) !important; }
.ilan-detay .og-anasayfa-list-cards .fs-4.fw-bold { color: #f39c12 !important; }
.ilan-detay .og-anasayfa-list-cards .og-detay-tabs-wrap { border-bottom-color: #f39c12 !important; }
.ilan-detay .og-anasayfa-list-cards .offgrid-kart .border-bottom { border-bottom-color: rgba(255,255,255,.12) !important; }
.ilan-detay .og-anasayfa-list-cards .offgrid-kart .border-top { border-top-color: rgba(255,255,255,.12) !important; }
.ilan-detay .og-anasayfa-list-cards .og-ilan-ara-wrap .form-control,
.ilan-detay .og-anasayfa-list-cards .og-ilan-ara-wrap #og-ilan-detay-ara-input {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.ilan-detay .og-anasayfa-list-cards .og-ilan-ara-wrap .form-control::placeholder { color: rgba(255,255,255,.45); }
.ilan-detay .og-anasayfa-list-cards .og-ilan-ara-wrap .btn.offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
.ilan-detay .og-anasayfa-list-cards .og-ilan-ara-wrap .btn.offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}
/* Videolar sekmesi – video görselleri: border ve yuvarlatılmış köşe */
.og-anasayfa-list-cards #grup-sekme-videolar .og-yt-wrapper {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  overflow: hidden;
}
/* Videolar sekmesi – kartlar (paylaşım/etkinlik ile aynı hover efekti), metin ve butonlar */
.og-anasayfa-list-cards #grup-sekme-videolar .row .offgrid-kart {
  border: 1px solid rgba(255,255,255,.1);
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .15s ease;
}
.og-anasayfa-list-cards #grup-sekme-videolar .row .offgrid-kart:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.15);
  box-shadow: 0 10px 22px rgba(243,156,18,.35);
  transform: translateY(-2px);
}
.og-anasayfa-list-cards #grup-sekme-videolar .offgrid-kart .fw-bold { color: rgba(255,255,255,.95); }
.og-anasayfa-list-cards #grup-sekme-videolar .offgrid-kart .text-muted { color: rgba(255,255,255,.55) !important; }
.og-anasayfa-list-cards #grup-sekme-videolar .offgrid-kart .btn-outline-secondary { border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards #grup-sekme-videolar .offgrid-kart .btn-outline-secondary:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5); color: #fff; }
.og-anasayfa-list-cards #grup-sekme-videolar .offgrid-kart .btn-outline-primary { border-color: rgba(243,156,18,.5); color: #f39c12; }
.og-anasayfa-list-cards #grup-sekme-videolar .offgrid-kart .btn-outline-primary:hover { background: rgba(243,156,18,.2); border-color: #f39c12; color: #fff; }
.og-anasayfa-list-cards #grup-sekme-videolar .text-muted { color: rgba(255,255,255,.6) !important; }
/* İlanlar sekmesi – başlık (Grup üyelerinin ilanları), kartlar, hover ve sayfalama */
.og-anasayfa-list-cards .grup-ilanlar-baslik h4 { color: #fff; }
.og-anasayfa-list-cards .grup-ilanlar-baslik .grup-ilanlar-alt { color: rgba(255,255,255,.7); }
.og-anasayfa-list-cards .grup-ilanlar-baslik .grup-ilanlar-icon {
  background: rgba(243,156,18,.25);
  color: #f39c12;
}
.og-anasayfa-list-cards .grup-ilanlar-baslik {
  border-image: linear-gradient(90deg, rgba(243,156,18,.6), transparent 60%) 1;
}
/* İlanlar sekmesi – arama kutusu ve Ara butonu (koyu tema) */
.og-anasayfa-list-cards .og-grup-ilan-ara-wrap .form-control,
.og-anasayfa-list-cards .og-grup-ilan-ara-wrap #og-grup-ilan-ara-input {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.og-anasayfa-list-cards .og-grup-ilan-ara-wrap .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
.og-anasayfa-list-cards .og-grup-ilan-ara-wrap .form-control:focus {
  background: rgba(255,255,255,.1) !important;
  border-color: #f39c12;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.3);
}
.og-anasayfa-list-cards .og-grup-ilan-ara-wrap .btn.offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards .og-grup-ilan-ara-wrap .btn.offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  border-color: transparent;
  color: #fff;
}
/* İlan kartları – paylaşım/video/etkinlik ile aynı hover efekti */
.og-anasayfa-list-cards #grup-sekme-ilanlar .og-ilan-card {
  border: 1px solid rgba(255,255,255,.1);
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .15s ease;
}
.og-anasayfa-list-cards #grup-sekme-ilanlar .og-ilan-card:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.15);
  box-shadow: 0 10px 22px rgba(243,156,18,.35);
  transform: translateY(-2px);
}
.og-anasayfa-list-cards #grup-sekme-ilanlar .og-ilan-cover {
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-bottom: none;
}
.og-anasayfa-list-cards #grup-sekme-ilanlar .og-ilan-title {
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.og-anasayfa-list-cards #grup-sekme-ilanlar .og-ilan-meta { color: rgba(255,255,255,.7); }
.og-anasayfa-list-cards #grup-sekme-ilanlar .og-ilan-fiyat { color: #f39c12; font-size: 0.9rem; font-weight: 700; }
.og-anasayfa-list-cards #grup-sekme-ilanlar .og-ilan-card-link { color: inherit; }
.og-anasayfa-list-cards #grup-sekme-ilanlar .og-ilan-detay-btn { color: #fff !important; background: linear-gradient(135deg, #f39c12, #e08e0b); border: 0; font-size: 0.8rem; padding: 5px 10px; border-radius: 8px; }
.og-anasayfa-list-cards #grup-sekme-ilanlar .text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards #grup-sekme-ilanlar .text-center.text-muted,
.og-anasayfa-list-cards #grup-sekme-ilanlar .text-center .text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards #grup-sekme-ilanlar .pagination .page-link { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards #grup-sekme-ilanlar .pagination .page-item.active .page-link { background: rgba(243,156,18,.35); border-color: rgba(243,156,18,.5); color: #fff; }
.og-anasayfa-list-cards #grup-sekme-ilanlar .pagination .page-link:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); color: #fff; }
/* Üyeler sekmesi – tablo satırı hover efekti */
.og-anasayfa-list-cards #grup-sekme-uyeler .og-grup-uyeler-tablo tbody tr {
  border: 1px solid transparent;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .15s ease;
}
.og-anasayfa-list-cards #grup-sekme-uyeler .og-grup-uyeler-tablo tbody tr:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.15);
  box-shadow: 0 6px 16px rgba(243,156,18,.25);
  transform: translateY(-1px);
}
.og-anasayfa-list-cards #grup-sekme-uyeler .og-grup-uyeler-tablo tbody tr .fw-semibold.text-dark { color: rgba(255,255,255,.95) !important; }
.og-anasayfa-list-cards #grup-sekme-uyeler .og-grup-uyeler-tablo tbody tr .text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards #grup-sekme-uyeler .og-grup-uyeler-tablo tbody tr .badge.bg-light { background: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.9) !important; border-color: rgba(255,255,255,.2) !important; }
/* Üye Yönetimi sekmesi – başlık, arama, tablo hover, badge ve işlem butonları */
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .grup-sekme-baslik h4 { color: #fff; }
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .grup-sekme-baslik .grup-sekme-baslik-alt { color: rgba(255,255,255,.7); }
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .grup-sekme-baslik .grup-sekme-baslik-icon { color: #f39c12; }
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uye-ara-form .form-control,
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi #og-grup-uye-ara-input {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uye-ara-form .form-control::placeholder { color: rgba(255,255,255,.45); }
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uye-ara-form .form-control:focus {
  background: rgba(255,255,255,.1) !important;
  border-color: #f39c12;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.3);
}
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uye-ara-form .btn.offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uye-ara-form .btn.offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  border-color: transparent;
  color: #fff;
}
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr {
  border: 1px solid transparent;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .15s ease;
}
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.15);
  box-shadow: 0 6px 16px rgba(243,156,18,.25);
  transform: translateY(-1px);
}
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr .fw-semibold.text-dark { color: rgba(255,255,255,.95) !important; }
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr .text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr .badge.bg-secondary { background: rgba(255,255,255,.2) !important; color: rgba(255,255,255,.95) !important; }
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr .badge.bg-warning { background: rgba(243,156,18,.4) !important; color: #fff !important; }
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr .badge.bg-info { background: rgba(23,162,184,.5) !important; color: #fff !important; }
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr .btn-outline-warning {
  border-color: rgba(243,156,18,.6); color: #f39c12;
}
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr .btn-outline-warning:hover {
  background: rgba(243,156,18,.25); border-color: #f39c12; color: #fff;
}
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr .btn-outline-danger {
  border-color: rgba(239,95,95,.6); color: #ef6b6b;
}
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr .btn-outline-danger:hover {
  background: rgba(239,95,95,.25); border-color: #ef6b6b; color: #fff;
}
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .og-grup-uyeler-tablo tbody tr .btn-outline-secondary { border-color: rgba(255,255,255,.3); color: rgba(255,255,255,.7); }
.og-anasayfa-list-cards #grup-sekme-uye-yonetimi .position-absolute .btn.offgrid-btn-primary:hover { background: linear-gradient(135deg, #e08e0b, #d17d0a); color: #fff; }
/* Gönderilen Mesajlar sekmesi – başlık ve mesaj satırı hover */
.og-anasayfa-list-cards #grup-sekme-gonderilen-mesajlar .grup-sekme-baslik h4 { color: #fff; }
.og-anasayfa-list-cards #grup-sekme-gonderilen-mesajlar .grup-sekme-baslik .grup-sekme-baslik-alt { color: rgba(255,255,255,.7); }
.og-anasayfa-list-cards #grup-sekme-gonderilen-mesajlar .grup-sekme-baslik .grup-sekme-baslik-icon { color: #f39c12; }
.og-anasayfa-list-cards #grup-sekme-gonderilen-mesajlar .table tbody tr {
  border: 1px solid transparent;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .15s ease;
}
.og-anasayfa-list-cards #grup-sekme-gonderilen-mesajlar .table tbody tr:hover {
  border-color: rgba(243,156,18,.5);
  background: rgba(243,156,18,.15);
  box-shadow: 0 6px 16px rgba(243,156,18,.25);
  transform: translateY(-1px);
}
.og-anasayfa-list-cards #grup-sekme-gonderilen-mesajlar .table tbody tr .text-muted { color: rgba(255,255,255,.6) !important; }
.og-anasayfa-list-cards #grup-sekme-gonderilen-mesajlar .table tbody td { color: rgba(255,255,255,.88); }
/* Genel sekme – stat linkleri (Üye, Paylaşım vb.) */
.og-anasayfa-list-cards #grup-sekme-genel a.p-3.rounded { color: rgba(255,255,255,.92) !important; background: rgba(255,255,255,.08) !important; }
.og-anasayfa-list-cards #grup-sekme-genel a.p-3.rounded:hover { background: rgba(243,156,18,.15) !important; color: #fff !important; }
.og-anasayfa-list-cards #grup-sekme-genel .border-top { border-color: rgba(255,255,255,.12) !important; }
/* Grup genel bilgiler – sadece mobilde .mb-4 */
@media (max-width: 991.98px) {
  #grup-sekme-genel .mb-4 {
    margin-bottom: 1.25rem !important;
  }
}
/* Grup sayfası – mobil: sticky menü butonu (sola dayalı, arkası düz önü oval) + drawer */
.og-grup-mobil-menu-btn {
  display: none;
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1060;
  pointer-events: auto;
  height: 48px;
  padding: 0 1rem 0 0.5rem;
  border: none;
  border-radius: 0 24px 24px 0;
  background: rgba(11, 18, 32, 0.95);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.1);
  color: #f39c12;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  -webkit-tap-highlight-color: transparent;
  font-weight: 600;
  font-size: 0.9375rem;
  white-space: nowrap;
}
.og-grup-mobil-menu-btn:hover {
  color: #fff;
  box-shadow: 0 6px 24px rgba(243, 156, 18, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.15);
}
.og-grup-mobil-menu-btn-text {
  display: block;
  letter-spacing: 0.02em;
}
.og-grup-mobil-menu-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1045;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
body.og-grup-menu-open .og-grup-mobil-menu-backdrop,
body.og-profil-menu-open .og-grup-mobil-menu-backdrop,
body.og-ilan-menu-open .og-grup-mobil-menu-backdrop,
body.og-servis-menu-open .og-grup-mobil-menu-backdrop,
body.og-paylasim-menu-open .og-grup-mobil-menu-backdrop,
body.og-market-menu-open .og-grup-mobil-menu-backdrop,
body.og-market-magaza-menu-open .og-grup-mobil-menu-backdrop {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 991.98px) {
  .og-grup-mobil-menu-btn {
    display: flex !important;
  }
  .og-grup-mobil-menu-backdrop {
    display: block !important;
  }
  #og-grup-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    max-width: 85vw;
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    overflow-y: auto;
    margin: 0 !important;
    padding: 1rem 0 2rem 0 !important;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
  }
  #og-grup-sidebar .position-sticky.og-grup-sidebar-inner {
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #og-grup-sidebar::-webkit-scrollbar {
    display: none;
  }
  #og-grup-sidebar .offgrid-kart.p-4 {
    background: rgba(11, 18, 32, 0.98) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  body.og-grup-menu-open #og-grup-sidebar {
    transform: translateX(0);
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  /* Grup menü açıkken sayfa kaymasın, sadece menü kayabilsin (iOS/PWA uyumlu) */
  html.og-grup-menu-open,
  body.og-grup-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone.og-grup-menu-open,
  html.og-pwa-standalone body.og-grup-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone body.og-grup-menu-open #og-grup-sidebar {
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  body.og-grup-menu-open .og-grup-mobil-menu-btn,
  body.og-profil-menu-open .og-grup-mobil-menu-btn,
  body.og-ilan-menu-open #ogIlanMobilMenuBtn,
  body.og-servis-menu-open #ogServisMobilMenuBtn,
  body.og-paylasim-menu-open #ogPaylasimMobilMenuBtn,
  body.og-market-menu-open #ogMarketMobilMenuBtn,
  body.og-market-magaza-menu-open #ogMarketMagazaMobilMenuBtn {
    display: none !important;
  }
  /* Profil sayfası – mobil drawer (aynı menü davranışı) */
  #og-profil-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    max-width: 85vw;
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    overflow-y: auto;
    margin: 0 !important;
    padding: 1rem 0 2rem 0 !important;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
  }
  #og-profil-sidebar .position-sticky.og-profil-sidebar-inner {
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #og-profil-sidebar::-webkit-scrollbar {
    display: none;
  }
  #og-profil-sidebar .offgrid-kart.p-4 {
    background: rgba(11, 18, 32, 0.98) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  body.og-profil-menu-open #og-profil-sidebar {
    transform: translateX(0);
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  /* Menü açıkken sayfa kaymasın, sadece menü kayabilsin (iOS/PWA uyumlu – Ben Frain / WebKit bug 220908 çözümleri) */
  html.og-profil-menu-open,
  body.og-profil-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  /* PWA standalone: html.og-pwa-standalone body kuralı üzerine yazılsın */
  html.og-pwa-standalone.og-profil-menu-open,
  html.og-pwa-standalone body.og-profil-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone body.og-profil-menu-open #og-profil-sidebar {
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  /* İlanlar sayfası – mobil drawer (profil gibi baştan sona tam dolu, yukarıda boşluk olmasın) */
  #og-ilan-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    max-width: 85vw;
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    overflow-y: auto;
    margin: 0 !important;
    padding: 1rem 0 2rem 0 !important;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
  }
  #og-ilan-sidebar .position-sticky.og-ilan-sidebar-inner {
    position: relative !important;
    top: 0 !important;
  }
  #og-ilan-sidebar::-webkit-scrollbar {
    display: none;
  }
  #og-ilan-sidebar .og-kategori-card {
    background: rgba(11, 18, 32, 0.98) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #og-ilan-sidebar .og-filtre-panel-wrap {
    margin-top: 1rem;
  }
  #og-ilan-sidebar .og-ilan-filtre {
    background: rgba(11, 18, 32, 0.98) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  body.og-ilan-menu-open #og-ilan-sidebar {
    transform: translateX(0);
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  /* İlanlar menü açıkken sayfa kaymasın, sadece menü kayabilsin (iOS/PWA uyumlu) */
  html.og-ilan-menu-open,
  body.og-ilan-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone.og-ilan-menu-open,
  html.og-pwa-standalone body.og-ilan-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone body.og-ilan-menu-open #og-ilan-sidebar {
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  body.og-ilan-menu-open #og-ilan-sidebar .og-kategori-card,
  body.og-ilan-menu-open #og-ilan-sidebar .og-ilan-filtre {
    display: block !important;
  }
  /* Drawer açıkken sidebar içindeki dropdown'lar backdrop'un üstünde olsun, tıklanınca menü kapanmasın */
  body.og-ilan-menu-open .dropdown-menu.show {
    z-index: 1060 !important;
  }
  /* Servisler sayfası – mobil drawer (Adres + Markalar, ilanlar gibi) */
  #og-servis-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    max-width: 85vw;
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    overflow-y: auto;
    margin: 0 !important;
    padding: 1rem 0 2rem 0 !important;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
  }
  #og-servis-sidebar .position-sticky.og-servis-sidebar-inner {
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #og-servis-sidebar::-webkit-scrollbar {
    display: none;
  }
  #og-servis-sidebar .offgrid-kart.p-4,
  #og-servis-sidebar .og-servis-filtre {
    background: rgba(11, 18, 32, 0.98) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  body.og-servis-menu-open #og-servis-sidebar {
    transform: translateX(0);
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  /* Servisler menü açıkken sayfa kaymasın, sadece menü kayabilsin (iOS/PWA uyumlu) */
  html.og-servis-menu-open,
  body.og-servis-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone.og-servis-menu-open,
  html.og-pwa-standalone body.og-servis-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone body.og-servis-menu-open #og-servis-sidebar {
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  body.og-servis-menu-open .dropdown-menu.show {
    z-index: 1060 !important;
  }
  /* Servisler sayfası – mobil: mb-3 margin-bottom kaldır, kart yakın */
  .og-servisler-sayfa .og-anasayfa-list-cards > .row.mb-3 {
    margin-bottom: 0 !important;
  }
  .og-servisler-sayfa .og-servis-tip-btns {
    width: 100%;
    margin-left: 0 !important;
  }
  .og-servisler-sayfa .og-servis-tip-btns .btn {
    flex: 1 1 0;
    min-width: 0;
  }
  .og-servisler-sayfa .og-anasayfa-list-cards .row.g-4 {
    margin-top: 0.5rem !important;
  }
  /* Paylaşımlar sayfası – mobil drawer (Kategoriler, ilanlar gibi) */
  #og-paylasim-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    max-width: 85vw;
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    overflow-y: auto;
    margin: 0 !important;
    padding: 1rem 0 2rem 0 !important;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
  }
  #og-paylasim-sidebar .position-sticky.og-paylasim-sidebar-inner {
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #og-paylasim-sidebar::-webkit-scrollbar {
    display: none;
  }
  #og-paylasim-sidebar .og-kategori-card {
    background: rgba(11, 18, 32, 0.98) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  body.og-paylasim-menu-open #og-paylasim-sidebar {
    transform: translateX(0);
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  /* Paylaşımlar menü açıkken sayfa kaymasın, sadece menü kayabilsin (iOS/PWA uyumlu) */
  html.og-paylasim-menu-open,
  body.og-paylasim-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone.og-paylasim-menu-open,
  html.og-pwa-standalone body.og-paylasim-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone body.og-paylasim-menu-open #og-paylasim-sidebar {
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  body.og-paylasim-menu-open #og-paylasim-sidebar .og-kategori-card {
    display: block !important;
  }
  body.og-paylasim-menu-open .dropdown-menu.show {
    z-index: 1060 !important;
  }
  /* Market sayfası – mobil drawer (Kategoriler, Filtrele butonu sol ortada) */
  #og-market-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    max-width: 85vw;
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    overflow-y: auto;
    margin: 0 !important;
    padding: 1rem 0 2rem 0 !important;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
  }
  #og-market-sidebar .position-sticky.og-market-sidebar-inner {
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #og-market-sidebar::-webkit-scrollbar {
    display: none;
  }
  #og-market-sidebar .og-market-kategori-card {
    background: rgba(11, 18, 32, 0.98) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  body.og-market-menu-open #og-market-sidebar {
    transform: translateX(0);
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  html.og-market-menu-open,
  body.og-market-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone.og-market-menu-open,
  html.og-pwa-standalone body.og-market-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone body.og-market-menu-open #og-market-sidebar {
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  /* Market mağaza sayfası – mobil drawer (Kategoriler, Filtrele butonu sol ortada) */
  #og-market-magaza-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    max-width: 85vw;
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    overflow-y: auto;
    margin: 0 !important;
    padding: 1rem 0 2rem 0 !important;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
  }
  #og-market-magaza-sidebar .position-sticky.og-market-magaza-sidebar-inner {
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #og-market-magaza-sidebar::-webkit-scrollbar {
    display: none;
  }
  #og-market-magaza-sidebar .og-market-magaza-kategori-card {
    background: rgba(11, 18, 32, 0.98) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  body.og-market-magaza-menu-open #og-market-magaza-sidebar {
    transform: translateX(0);
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  html.og-market-magaza-menu-open,
  body.og-market-magaza-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone.og-market-magaza-menu-open,
  html.og-pwa-standalone body.og-market-magaza-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone body.og-market-magaza-menu-open #og-market-magaza-sidebar {
    touch-action: pan-y;
    overscroll-behavior: contain;
  }
  /* Radial menü (alt nav ortadaki daire) açıkken sayfa kaymasın (iOS/PWA uyumlu) */
  html.og-radial-menu-open,
  body.og-radial-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
  html.og-pwa-standalone.og-radial-menu-open,
  html.og-pwa-standalone body.og-radial-menu-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior: none;
  }
}
@media (max-width: 991.98px) {
  /* Şifre değiştir – buton ile Yeni Şifre (Tekrar) alanı çakışmasını önle (sadece margin) */
  .og-profil-sayfa #sifre-degistir + form .d-grid.mt-3 {
    margin-top: 2rem !important;
  }
  .og-anasayfa-list-cards .row.g-4 > #og-grup-sidebar,
  .og-anasayfa-list-cards .row.g-4 > #og-profil-sidebar,
  .og-anasayfa-list-cards .row.g-4 > #og-servis-sidebar {
    margin-bottom: 0;
  }
  .row.g-3 > #og-ilan-sidebar,
  .og-anasayfa-list-cards .row.g-3 > #og-paylasim-sidebar,
  .og-anasayfa-list-cards .row.g-3 > #og-market-sidebar,
  .og-anasayfa-list-cards .row.g-3 > #og-market-magaza-sidebar {
    margin-bottom: 0;
  }
}
/* Grup Genel: Katıldın / Gruba Katıl butonu — iç içe görünmeyi önle */
.og-anasayfa-list-cards .grup-katil-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  clear: both;
}
.og-anasayfa-list-cards .grup-katil-btn-wrap #grup-katil-btn,
.og-anasayfa-list-cards .grup-katil-btn-wrap .btn {
  flex-shrink: 0;
}
/* Tüm sekmeler – ortak: uyarılar, sayfalama, boş mesaj */
.og-anasayfa-list-cards .grup-sekme .alert { color: rgba(255,255,255,.92); }
.og-anasayfa-list-cards .grup-sekme .alert-warning { background: rgba(249,185,49,.2); border-color: rgba(249,185,49,.4); }
.og-anasayfa-list-cards .grup-sekme .alert-success { background: rgba(34,197,94,.18); border-color: rgba(34,197,94,.35); }
.og-anasayfa-list-cards .grup-sekme .alert-danger { background: rgba(239,95,95,.18); border-color: rgba(239,95,95,.35); }
.og-anasayfa-list-cards .grup-sekme .pagination .page-link { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .grup-sekme .pagination .page-item.active .page-link { background: rgba(243,156,18,.35); border-color: rgba(243,156,18,.5); color: #fff; }
.og-anasayfa-list-cards .grup-sekme .pagination .page-link:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); color: #fff; }
.og-anasayfa-list-cards .grup-sekme .text-center.text-muted,
.og-anasayfa-list-cards .grup-sekme .text-muted { color: rgba(255,255,255,.6) !important; }
/* Gönderilen mesajlar, ayarlar, video/etkinlik ekle – form ve liste */
.og-anasayfa-list-cards .grup-sekme .card { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .grup-sekme .card-header { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); color: #fff; }
.og-anasayfa-list-cards .grup-sekme .card-body { color: rgba(255,255,255,.88); }
.og-anasayfa-list-cards .grup-sekme .dropdown-menu { background: rgba(18,22,32,.98); border-color: rgba(255,255,255,.12); }
.og-anasayfa-list-cards .grup-sekme .dropdown-item { color: rgba(255,255,255,.9); }
.og-anasayfa-list-cards .grup-sekme .dropdown-item:hover { background: rgba(243,156,18,.2); color: #fff; }
.og-anasayfa-list-cards .grup-sekme .dropdown-divider { border-color: rgba(255,255,255,.1); }

/* Grup listesi arama – mobilde ilanlar gibi tam genişlik */
@media (max-width: 991.98px) {
  .og-grup-liste-ara-wrap {
    width: 100%;
    max-width: 100%;
    flex: 1;
  }
  .og-grup-liste-ara-wrap .og-grup-liste-ara-form {
    flex: 1;
    width: 100%;
  }
  .og-grup-liste-ara-wrap .input-group,
  .og-grup-liste-ara-wrap .input-group.input-group-sm {
    min-width: 0;
    max-width: none;
    flex: 1;
  }
}

/* Paylaşım detay arama – mobilde tam genişlik, masaüstünde link+form aynı satırda */
@media (max-width: 991.98px) {
  .og-paylasim-ara-wrap {
    width: 100%;
    max-width: 100%;
    flex: 1;
  }
  .og-paylasim-ara-wrap .og-paylasim-ara-form {
    flex: 1;
    width: 100%;
  }
  .og-paylasim-ara-wrap .input-group {
    min-width: 0;
    max-width: none;
    flex: 1;
  }
}

/* Etkinlikler arama – mobilde tam genişlik */
@media (max-width: 991.98px) {
  .og-etkinlik-ara-wrap {
    width: 100%;
    max-width: 100%;
    flex: 1;
  }
  .og-etkinlik-ara-wrap .og-etkinlik-ara-form {
    flex: 1;
    width: 100%;
  }
  .og-etkinlik-ara-wrap .input-group {
    min-width: 0;
    max-width: none;
    flex: 1;
  }
}

/* Videolar liste – masaüstü: butonlar solda yatay, arama sağda */
@media (min-width: 768px) {
  .og-video-filtre-ara-row {
    flex-wrap: nowrap;
  }
  .og-video-filtre-btns {
    order: -1;
    flex-wrap: nowrap;
    flex-shrink: 0;
  }
}

/* Videolar liste – mobil: tam genişlik, arama üstte, butonlar altta yatay */
@media (max-width: 991.98px) {
  .og-video-filtre-ara-row {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    flex: 1;
  }
  .og-video-ara-wrap {
    order: -1;
    width: 100%;
    max-width: 100%;
    flex: 1;
    margin-left: 0 !important;
  }
  .og-video-ara-wrap .og-video-ara-form {
    flex: 1;
    width: 100%;
  }
  .og-video-ara-wrap .input-group {
    min-width: 0;
    max-width: none;
    flex: 1;
  }
  .og-video-filtre-btns {
    width: 100%;
    justify-content: flex-start;
    margin-top: 1rem;
  }
  .og-videolar-sayfa .og-video-header-row {
    margin-bottom: 0.5rem !important;
  }
}

/* Grup listesi arama (ATV/UTV/CROSS): input + dropdown — koyu tema */
.og-grup-liste-ara-wrap .form-control,
.og-grup-liste-ara-wrap #og-grup-liste-ara-input {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.og-grup-liste-ara-wrap .form-control::placeholder {
  color: rgba(255,255,255,.45);
}
.og-grup-liste-ara-wrap .form-control:focus {
  background: rgba(255,255,255,.1) !important;
  border-color: #f39c12;
  box-shadow: 0 0 0 0.2rem rgba(243,156,18,.25);
  color: #fff;
}
.og-grup-liste-ara-wrap .btn.offgrid-btn-primary {
  background: linear-gradient(135deg, #f39c12, #e08e0b);
  border-color: transparent;
  color: #fff;
}
.og-grup-liste-ara-wrap .btn.offgrid-btn-primary:hover {
  background: linear-gradient(135deg, #e08e0b, #d17d0a);
  color: #fff;
}

.og-grup-liste-ara-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  max-height: 320px;
  overflow-y: auto;
  background: #1e2228;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
  z-index: 1050;
  min-width: 280px;
}
.og-grup-liste-ara-dropdown.show {
  display: block;
}
/* Grup listesi arama dropdown – koyu tema scrollbar */
.og-grup-liste-ara-dropdown,
.og-anasayfa-list-cards .og-grup-liste-ara-dropdown {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.35) rgba(255,255,255,.1);
}
.og-grup-liste-ara-dropdown::-webkit-scrollbar,
.og-anasayfa-list-cards .og-grup-liste-ara-dropdown::-webkit-scrollbar {
  width: 8px;
}
.og-grup-liste-ara-dropdown::-webkit-scrollbar-track,
.og-anasayfa-list-cards .og-grup-liste-ara-dropdown::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1);
  border-radius: 4px;
}
.og-grup-liste-ara-dropdown::-webkit-scrollbar-thumb,
.og-anasayfa-list-cards .og-grup-liste-ara-dropdown::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.35);
  border-radius: 4px;
}
.og-grup-liste-ara-dropdown::-webkit-scrollbar-thumb:hover,
.og-anasayfa-list-cards .og-grup-liste-ara-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,.5);
}
.og-grup-liste-ara-section {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.og-grup-liste-ara-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  padding: 4px 12px 6px;
}
.og-grup-liste-ara-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  color: rgba(255,255,255,.9);
  text-decoration: none;
  font-size: 0.9rem;
  transition: background .15s ease;
}
.og-grup-liste-ara-item:hover {
  background: rgba(243,156,18,.15);
  color: #fff;
}
.og-grup-liste-ara-baslik {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255,255,255,.95);
}
.og-grup-liste-ara-meta {
  font-size: 0.8rem;
  color: rgba(255,255,255,.6);
}
.og-grup-liste-ara-footer {
  padding: 8px 12px;
  border-top: 1px solid rgba(255,255,255,.1);
  background: rgba(0,0,0,.2);
}
.og-grup-liste-ara-tumu {
  display: block;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: #f39c12 !important;
  text-decoration: none !important;
}
.og-grup-liste-ara-tumu:hover {
  color: #e08e0b !important;
  text-decoration: underline !important;
}
.og-grup-liste-ara-footer .og-grup-liste-ara-bulunamadi-text {
  margin: 0 0 8px 0;
  font-size: 0.85rem;
  color: rgba(255,255,255,.65);
  line-height: 1.3;
}

/* PWA Ana ekrana ekle modalı */
.og-pwa-modal .modal-content {
  background: var(--og-arka);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
}
.og-pwa-modal .modal-header {
  border-bottom-color: rgba(255,255,255,.12);
}
.og-pwa-modal .modal-footer {
  border-top-color: rgba(255,255,255,.12);
}
.og-pwa-modal .btn-close {
  filter: invert(1);
}
.og-pwa-modal-intro {
  margin-bottom: 1rem;
  color: rgba(255,255,255,.85);
}
.og-pwa-talimat {
  padding: 1rem;
  background: rgba(255,255,255,.06);
  border-radius: 8px;
  margin-bottom: 0.5rem;
}
.og-pwa-talimat:last-child { margin-bottom: 0; }
.og-pwa-talimat-baslik {
  color: #f39c12;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.og-pwa-talimat-list {
  margin: 0;
  padding-left: 1.25rem;
  color: rgba(255,255,255,.9);
  line-height: 1.6;
}
.og-pwa-talimat-list li {
  margin-bottom: 0.35rem;
}

/* Global spinner (sayfa yükleme + form gönderiminde) – hakimsan benzeri */
.og-global-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(11, 18, 32, 0.75);
  backdrop-filter: blur(4px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.og-global-spinner.og-loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.og-global-spinner-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
.og-global-spinner-ring {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 4px solid rgba(243, 156, 18, 0.2);
  border-top-color: #f39c12;
  border-right-color: rgba(243, 156, 18, 0.6);
  animation: og-spinner-spin 0.7s linear infinite;
  box-shadow: 0 0 16px rgba(243, 156, 18, 0.4);
}
.og-global-spinner-ring::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.25);
  border-top-color: transparent;
  animation: og-spinner-spin 1.1s linear infinite reverse;
}
.og-global-spinner-text {
  font-weight: 600;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: 0.02em;
}
@keyframes og-spinner-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}