/* Import Design System */
@import url('design-system.css');

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root{
  --ks-primary:#0d6efd;
  --ks-bg-soft:#f8fafc;
  --ks-chip-bg:#eef2ff;
  --ks-chip-fg:#1d4ed8;
  --ks-card-radius:1rem
}

body{
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-sans);
  transition: background-color var(--transition-normal), color var(--transition-normal);
}

.section-soft{
  background: var(--bg-secondary);
  transition: background-color var(--transition-normal);
}

.top-2{top:1rem}

/* ✨ Topbar tutarlılık — TÜM sayfalarda aynı boyut (sayfa-özel CSS ezmesin diye spesifik seçiciler) */
.navbar .navbar-brand .brand-logo{height:150px;width:auto;}
.navbar .profile-img{width:75px;height:75px;border-radius:999px;object-fit:cover;border:1px solid #e5e7eb;background:#f8fafc}

/* Tıklanabilir alan konforu */
.nav-user{display:flex;flex-direction:column;align-items:center;line-height:1}
.nav-user a.d-block{padding:6px;border-radius:999px}
.nav-user .small{margin-top:2px}

.lang-link{color:#6c757d;text-decoration:none}
.lang-link.active,.lang-link:hover{color:var(--ks-primary);text-decoration:underline}

/* ✅ Mobil ve masaüstünde aynı boyut korunur */
@media (max-width: 991.98px){
  .navbar .profile-img{width:36px;height:36px}
}

/* Hero */
.hero-section{background:linear-gradient(180deg,#fff 0%,var(--ks-bg-soft) 100%)}
.hero-img{max-height:150pt;object-fit:contain}

/* Index: Search banner dar ve ortalı */
.search-banner img.banner{max-width:720px;width:100%;margin:0 auto;display:block;border-radius:1rem}

/* Kartlar & footer */
.campaign-card,.result-card,.filter-card{border-radius:var(--ks-card-radius)}
.announcement-list li+li{border-top:1px solid #e9ecef}
.footer-link{color:#adb5bd;text-decoration:none}
.footer-link:hover{color:#fff;text-decoration:underline}

/* Topbar marka logosu */
.brand-logo {
  width: 120px; /* markanın istediğin sabit genişliği */
  height: auto;
}

/* Topbar profil avatarı (daire) */
.profile-img, [data-profile-logo] img, #topbarAvatar {
  width: 40px;
  height: 40px;
  object-fit: cover;      /* en-boy kırpma */
  border-radius: 50%;     /* daire */
}

/* Provider profil sayfasındaki logo önizleme */
.logo-preview {
  width: 96px;
  height: 96px;
  object-fit: cover;      /* kare kırpma */
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}