/*
Theme Name: Yenikent Bülten
Theme URI: https://yenikentbulten.com.tr/
Author: TurkWeb Online
Description: Yenikent Bülten'in kendi teması. GeneratePress'in yerine geçer; sitenin Customizer "Ek CSS" kutusunda duran 54 KB'lık görünümü dosyaya taşır ve haber sitesi tarzında üç katmanlı bir header getirir.
Version: 1.3.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: yenikent-tema
*/

/* ==========================================================================
   BURADAN AŞAĞISI SİTENİN MEVCUT GÖRÜNÜMÜ

   Kaynak: Görünüm → Özelleştir → Ek CSS (54.004 bayt, 3025 satır).
   Tek satırı değiştirilmedi; yalnızca yeri değişti.

   NEDEN TAŞINDI
   -------------
   Customizer'daki CSS veritabanında duruyor ve WordPress onu her
   sayfada <head> içine gömüyor: her ziyarette yeniden iniyor,
   tarayıcı önbelleğe alamıyor. Ayrıca sürümü yok — kim ne zaman ne
   değiştirdi görünmüyor, yanlışlıkla silinirse geri alınamıyor.

   Dosyada durduğunda: bir kere inip saklanıyor, yedeğe giriyor,
   değişiklikleri görülebiliyor.

   KURULUMDAN SONRA: Ek CSS kutusunu BOŞALTIN. İkisi birden açık
   kalırsa aynı kurallar iki kere iniyor.
   ========================================================================== */

/* YENİKENT BÜLTEN CSS - GÜVENLİ TEMİZLENMİŞ SÜRÜM
   Not: Ana sayfa hero, sağ sütun, tekil sağ sütun ve edge-to-edge akış medya yapısı korunmuştur.
*/

:root {
  --yk-primary: #2563eb;
  --yk-secondary: #16a34a;
  --yk-accent: #f59e0b;
  --yk-bg: #f8fafc;
  --yk-card: #ffffff;
  --yk-text: #111827;
  --yk-muted: #6b7280;
  --yk-border: #e5e7eb;
  --yk-soft: #eef4ff;
  --yk-radius: 18px;
  --yk-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

/* WordPress tekil yazı temizliği */
.single-post .entry-header,
.single-post .featured-image,
.single-post .post-image,
.single-post .entry-meta,
.single-post footer.entry-meta {
  display: none !important;
}

/* Ortak platform kartları */
.yenikent-panel-baslangic,
.platform-xp-karti,
.platform-uyelik-karti,
.platform-rozet-karti,
.platform-bildirim-merkezi,
.platform-gelen-mesajlar,
.yenikent-benim-paylasimlarim,
.yenikent-isletmelerim,
.yenikent-takip-ettiklerim,
.yenikent-kaydettiklerim,
.yenikent-yorumlarim {
  background: var(--yk-card);
  border: 1px solid var(--yk-border);
  border-radius: var(--yk-radius);
  box-shadow: var(--yk-shadow);
  padding: 22px;
  margin-bottom: 20px;
  color: var(--yk-text);
}

.platform-xp-karti { background: linear-gradient(180deg, #eff6ff, #fff); }
.platform-uyelik-karti { background: linear-gradient(180deg, #ecfdf5, #fff); }
.platform-rozet-karti { background: linear-gradient(180deg, #fffbeb, #fff); }
.platform-bildirim-merkezi { background: linear-gradient(180deg, #f5f3ff, #fff); }
.platform-gelen-mesajlar { background: linear-gradient(180deg, #fdf2f8, #fff); }
.yenikent-isletmelerim { background: linear-gradient(180deg, #f0fdf4, #fff); }
.yenikent-benim-paylasimlarim { background: linear-gradient(180deg, #f8fafc, #fff); }
.yenikent-takip-ettiklerim { background: linear-gradient(180deg, #eef2ff, #fff); }
.yenikent-kaydettiklerim { background: linear-gradient(180deg, #fff7ed, #fff); }
.yenikent-yorumlarim { background: linear-gradient(180deg, #f0f9ff, #fff); }

.yenikent-panel-baslangic h2,
.platform-xp-karti h3,
.platform-uyelik-karti h3,
.platform-rozet-karti h3,
.platform-bildirim-merkezi h3,
.platform-gelen-mesajlar h3,
.yenikent-benim-paylasimlarim h3,
.yenikent-isletmelerim h3,
.yenikent-takip-ettiklerim h3,
.yenikent-kaydettiklerim h3,
.yenikent-yorumlarim h3 {
  margin-top: 0;
  color: var(--yk-secondary);
}

.yenikent-benim-paylasimlarim h3,
.yenikent-isletmelerim h3,
.yenikent-takip-ettiklerim h3,
.yenikent-kaydettiklerim h3,
.yenikent-yorumlarim h3,
.platform-bildirim-merkezi h3,
.platform-gelen-mesajlar h3 {
  font-size: 19px;
  border-left: 4px solid var(--yk-accent);
  padding-left: 10px;
}

/* Ortak butonlar */
.yenikent-panel-menu a,
.yk-action-btn,
.yenikent-takip-btn,
.platform-uyelik-karti a,
.platform-limit-uyari a,
.yenikent-isletme-panel-butonlar a,
.platform-uye-profil-duzenle button,
.platform-mesaj-formu button,
.platform-engelle-formu button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--yk-primary);
  color: #fff !important;
  text-decoration: none;
  border: none;
  border-radius: 999px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.2;
}

.yenikent-panel-menu a:hover,
.yk-action-btn:hover,
.yenikent-takip-btn:hover,
.platform-uye-profil-duzenle button:hover,
.platform-mesaj-formu button:hover,
.platform-engelle-formu button:hover {
  background: var(--yk-secondary);
}

/* Ortak liste kartları */
.yenikent-panel-liste {
  display: grid;
  gap: 12px;
}

.yenikent-panel-item,
.yenikent-isletme-kart,
.platform-bildirim-item,
.platform-mesaj-item {
  background: var(--yk-bg);
  border: 1px solid var(--yk-border);
  border-radius: 14px;
  padding: 14px;
}

.yenikent-panel-item strong,
.yenikent-isletme-kart h4 {
  color: var(--yk-text);
}

.yenikent-panel-item a,
.yenikent-isletme-kart a,
.platform-bildirim-item a,
.platform-mesaj-item a {
  display: inline-flex;
  margin-top: 8px;
  color: var(--yk-primary);
  font-weight: 700;
  text-decoration: none;
}

/* Ortak formlar */
.platform-uye-profil-duzenle input,
.platform-uye-profil-duzenle textarea,
.platform-uye-profil-duzenle select,
.platform-mesaj-formu textarea {
  width: 100%;
  border: 1px solid var(--yk-border);
  border-radius: 12px;
  padding: 11px 12px;
  font-size: 15px;
  background: #fff;
}

.platform-basarili {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  color: #166534;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 15px;
}

/* Üye Panelim */
.yenikent-panel-baslangic {
  background: linear-gradient(135deg, var(--yk-primary), var(--yk-secondary));
  color: #fff;
  border: none;
  position: relative;
  overflow: hidden;
}

.yenikent-panel-baslangic h2,
.yenikent-panel-baslangic p,
.yenikent-panel-baslangic strong {
  color: #fff;
}

.yenikent-panel-baslangic::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 220px;
  height: 220px;
  background: rgba(255,255,255,0.12);
  border-radius: 50%;
}

.yenikent-panel-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  position: relative;
  z-index: 2;
}

.yenikent-panel-menu a {
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.28);
  color: #fff !important;
  backdrop-filter: blur(8px);
}

.yenikent-panel-menu a:hover {
  background: #fff;
  color: var(--yk-primary) !important;
}

.platform-xp-karti,
.platform-uyelik-karti,
.platform-rozet-karti {
  border-top: 4px solid var(--yk-primary);
}

.yenikent-isletme-kart {
  border-left: 4px solid var(--yk-secondary);
}

.yenikent-isletme-panel-butonlar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.yenikent-isletme-panel-butonlar a {
  padding: 8px 12px;
  font-size: 13px;
}

.yenikent-paket-bilgi {
  margin-top: 14px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 14px;
  padding: 12px;
}

/* Ana Akış */
.yenikent-ana-akis,
.yenikent-tekil-paylasim {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.yenikent-akis-karti,
.yenikent-tekil-paylasim {
  background: var(--yk-card);
  border: 1px solid var(--yk-border);
  border-radius: var(--yk-radius);
  box-shadow: var(--yk-shadow);
  color: var(--yk-text);
}

.yenikent-akis-karti {
  padding: 18px;
  margin-bottom: 20px;
}

.yenikent-tekil-paylasim {
  padding: 24px;
  margin-bottom: 28px;
}

.yenikent-akis-ust,
.yenikent-paylasim-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.yenikent-akis-sahip,
.yenikent-paylasim-sahibi {
  font-weight: 800;
  color: var(--yk-secondary);
  text-decoration: none;
}

.yenikent-akis-rozet,
.yenikent-paylasim-turu {
  background: var(--yk-soft);
  color: var(--yk-primary);
  border: 1px solid var(--yk-border);
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
}

.yenikent-akis-baslik {
  font-size: 22px;
  line-height: 1.25;
  margin: 8px 0;
}

.yenikent-akis-baslik a {
  color: var(--yk-text);
  text-decoration: none;
}

.yenikent-akis-ozet {
  font-size: 15px;
  line-height: 1.6;
  color: var(--yk-text);
  margin-bottom: 8px;
}

.yenikent-devam-link {
  display: inline-flex;
  color: var(--yk-primary);
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 12px;
}

.yenikent-akis-gorsel img,
.yenikent-paylasim-gorsel img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  margin: 0;
}

.yenikent-akis-video iframe,
.yenikent-paylasim-video iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
  border-radius: 14px;
  margin: 0;
}

.yenikent-akis-aksiyonlar,
.yenikent-paylasim-aksiyonlar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid var(--yk-border);
  margin-top: 14px;
  padding-top: 12px;
}

.yenikent-akis-aksiyonlar form,
.yenikent-paylasim-aksiyonlar form {
  margin: 0;
}

/* PROFİL / İŞLETME PAYLAŞIMLARI BLOG LİSTESİ */

.platform-profil-paylasimlari {
  max-width: 1080px;
  margin: 0 auto 32px;
}

.platform-profil-paylasimlari h2 {
  font-size: 30px;
  margin: 0 0 22px;
  color: var(--yk-text);
  border-left: 5px solid var(--yk-accent);
  padding-left: 12px;
}

.platform-blog-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.platform-blog-card {
  background: #fff;
  border: 1px solid var(--yk-border);
  border-radius: 18px;
  box-shadow: var(--yk-shadow);
  overflow: hidden;
}

.platform-blog-thumb img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
}

.platform-blog-content {
  padding: 16px;
}

.platform-blog-content h3 {
  font-size: 20px;
  line-height: 1.25;
  margin: 0 0 10px;
}

.platform-blog-content h3 a {
  color: var(--yk-text);
  text-decoration: none;
}

.platform-blog-content p {
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--yk-muted);
  margin-bottom: 12px;
}

.platform-blog-more {
  display: inline-flex;
  background: var(--yk-primary);
  color: #fff !important;
  border-radius: 999px;
  padding: 8px 13px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

@media (max-width: 768px) {
  .platform-profil-paylasimlari h2 {
    font-size: 22px;
  }

  .platform-blog-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .platform-blog-card {
    border-radius: 12px;
    box-shadow: none;
  }

  .platform-blog-thumb img {
    height: 170px;
  }

  .platform-blog-content {
    padding: 12px;
  }

  .platform-blog-content h3 {
    font-size: 17px;
  }
}

/* Tekil Paylaşım */
.yenikent-paylasim-baslik {
  font-size: 30px;
  line-height: 1.2;
  margin: 10px 0;
  color: var(--yk-text);
}

.yenikent-paylasim-tarih {
  color: var(--yk-muted);
  font-size: 13px;
  margin-bottom: 14px;
}

.yenikent-paylasim-icerik {
  font-size: 16px;
  line-height: 1.7;
  color: var(--yk-text);
}

/* Üye Profili V3 */
.yk-profile-v3 {
  max-width: 1080px;
  margin: 0 auto 32px;
  background: var(--yk-card);
  border: 1px solid var(--yk-border);
  border-radius: var(--yk-radius);
  box-shadow: var(--yk-shadow);
  overflow: hidden;
}

.yk-profile-cover img {
  width: 100%;
  height: auto;
  max-height: 320px;
  object-fit: cover;
  display: block;
}

.yk-profile-head {
  display: grid;
  grid-template-columns: 150px 1fr auto;
  gap: 20px;
  padding: 0 28px 24px;
  align-items: start;
}

.yk-profile-avatar {
  margin-top: -62px;
}

.yk-profile-avatar img {
  width: 128px;
  height: 128px;
  object-fit: cover;
  border-radius: 28px;
  border: 7px solid #fff;
  box-shadow: 0 18px 40px rgba(15,23,42,.18);
  background: #fff;
}

.yk-profile-id h1 {
  margin: 18px 0 8px;
  font-size: 34px;
  color: var(--yk-text);
}

.yk-profile-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.yk-profile-badges span,
.yk-profile-blog-btn {
  background: var(--yk-soft);
  color: var(--yk-primary);
  border: 1px solid var(--yk-border);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.yk-profile-blog-btn {
  background: var(--yk-accent);
  color: #fff !important;
  border-color: var(--yk-accent);
}

.yk-profile-bio {
  margin-top: 14px;
  max-width: 650px;
  line-height: 1.6;
}

.yk-profile-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 22px;
}

.yk-profile-message-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--yk-secondary);
  color: #fff !important;
  text-decoration: none;
  border-radius: 999px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 800;
}

.yk-profile-stats-v3 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  padding: 0 28px 24px;
}

.yk-profile-stats-v3 div {
  background: linear-gradient(180deg, #fff, var(--yk-bg));
  border: 1px solid var(--yk-border);
  border-radius: 18px;
  padding: 16px 10px;
  text-align: center;
}

.yk-profile-stats-v3 strong {
  display: block;
  color: var(--yk-secondary);
  font-size: 24px;
}

.yk-profile-stats-v3 span {
  color: var(--yk-muted);
  font-size: 13px;
  font-weight: 700;
}

.yk-profile-content-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
  padding: 0 28px 24px;
}

.yk-profile-card {
  background: #fff;
  border: 1px solid var(--yk-border);
  border-radius: 18px;
  padding: 20px;
}

.yk-profile-card h3 {
  margin-top: 0;
  color: var(--yk-secondary);
  border-left: 5px solid var(--yk-accent);
  padding-left: 10px;
}

.yk-info-row {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--yk-border);
}

.yk-info-row span {
  color: var(--yk-muted);
  font-weight: 700;
}

.yk-info-row strong,
.yk-info-row a {
  color: var(--yk-text);
  font-weight: 800;
}

.yk-career-card-v3 {
  background: linear-gradient(180deg, #f0fdf4, #fff);
}

.yk-career-title {
  display: inline-flex;
  background: var(--yk-secondary);
  color: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 800;
  margin-bottom: 14px;
}

.yk-xp-line {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 8px;
}

.yk-xp-progress {
  height: 10px;
  background: #e5e7eb;
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 12px;
}

.yk-xp-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--yk-primary), var(--yk-secondary));
}

.yk-career-card-v3 ul {
  margin: 12px 0 0;
  padding-left: 18px;
}

.yk-profile-posts-v3 {
  margin: 0 28px 28px;
}

.yk-mini-post-grid {
  display: grid;
  gap: 10px;
}

.yk-mini-post {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  background: var(--yk-bg);
  border: 1px solid var(--yk-border);
  border-radius: 14px;
  padding: 13px 15px;
  text-decoration: none;
}

.yk-mini-post strong {
  color: var(--yk-primary);
}

.yk-mini-post span {
  color: var(--yk-muted);
  font-size: 13px;
}

/* İşletme Profili */
.yenikent-isletme-profili {
  max-width: 960px;
  margin: 0 auto 28px;
  background: var(--yk-card);
  border: 1px solid var(--yk-border);
  border-radius: var(--yk-radius);
  box-shadow: var(--yk-shadow);
  overflow: hidden;
}

.yenikent-isletme-kapak img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
}

.yenikent-isletme-ust-kart {
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 22px;
  border-bottom: 1px solid var(--yk-border);
}

.yenikent-isletme-logo img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 18px;
  border: 4px solid #fff;
  box-shadow: var(--yk-shadow);
  background: #fff;
}

.yenikent-isletme-ust-kart h1 {
  margin: 0 0 6px;
  font-size: 30px;
  color: var(--yk-text);
}

.yenikent-isletme-iletisim,
.yenikent-isletme-hakkinda,
.yenikent-isletme-galeri {
  padding: 22px;
  border-bottom: 1px solid var(--yk-border);
}

.yenikent-isletme-iletisim p {
  margin: 8px 0;
}

.yenikent-isletme-hakkinda h2,
.yenikent-isletme-galeri h2 {
  margin-top: 0;
  color: var(--yk-secondary);
}

.yenikent-isletme-galeri {
  display: grid;
  gap: 12px;
}

.yenikent-isletme-galeri img {
  width: 100%;
  border-radius: 14px;
  object-fit: cover;
}

.yenikent-isletme-takip-alani {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.yk-business-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
}

.yk-business-blog-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4ff;
  color: var(--yk-primary) !important;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

/* Mobil */
@media (max-width: 768px) {
  .yenikent-panel-baslangic,
  .platform-xp-karti,
  .platform-uyelik-karti,
  .platform-rozet-karti,
  .platform-bildirim-merkezi,
  .platform-gelen-mesajlar,
  .yenikent-benim-paylasimlarim,
  .yenikent-isletmelerim,
  .yenikent-takip-ettiklerim,
  .yenikent-kaydettiklerim,
  .yenikent-yorumlarim,
  .yenikent-akis-karti,
  .yenikent-tekil-paylasim,
  .yk-profile-v3,
  .yenikent-isletme-profili {
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 12px;
    box-shadow: none;
  }

  .yenikent-panel-baslangic {
    padding: 14px;
  }

  .yenikent-panel-baslangic h2 {
    font-size: 22px;
    margin-bottom: 6px;
  }

  .yenikent-panel-baslangic p,
  .yenikent-akis-ozet,
  .yenikent-paylasim-icerik {
    font-size: 14px;
    line-height: 1.5;
  }

  .yenikent-panel-menu {
    gap: 6px;
  }

  .yenikent-panel-menu a,
  .yk-action-btn,
  .yenikent-takip-btn {
    font-size: 12.5px;
    padding: 7px 9px;
  }

  .yenikent-panel-item,
  .yenikent-isletme-kart,
  .platform-bildirim-item,
  .platform-mesaj-item {
    padding: 10px;
    border-radius: 10px;
  }

  .yenikent-ana-akis {
    max-width: 100%;
  }

  .yenikent-akis-baslik {
    font-size: 18px;
  }

  .yenikent-paylasim-baslik {
    font-size: 22px;
  }

  .yenikent-akis-gorsel img,
  .yenikent-akis-video iframe,
  .yenikent-paylasim-gorsel img,
  .yenikent-paylasim-video iframe {
    border-radius: 10px;
  }

  .yk-profile-cover img {
    height: auto;
    max-height: 230px;
  }

  .yk-profile-head {
    display: block;
    padding: 0 12px 14px;
  }

  .yk-profile-avatar {
    margin-top: -42px;
  }

  .yk-profile-avatar img {
    width: 84px;
    height: 84px;
    border-radius: 18px;
    border-width: 4px;
  }

  .yk-profile-id h1 {
    font-size: 23px;
    margin-top: 10px;
  }

 .yk-profile-actions {
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 12px;
  gap: 6px;
}

.yk-profile-message-btn {
  font-size: 12.5px;
  padding: 8px 10px;
}

  .yk-profile-stats-v3 {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 12px 14px;
    gap: 8px;
  }

  .yk-profile-stats-v3 div {
    padding: 10px;
    border-radius: 12px;
  }

  .yk-profile-content-grid {
    grid-template-columns: 1fr;
    padding: 0 12px 14px;
  }

  .yk-profile-card {
    padding: 12px;
    border-radius: 12px;
  }

  .yk-info-row {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .yk-profile-posts-v3 {
    margin: 0 12px 14px;
  }

  .yk-mini-post {
    display: block;
    padding: 10px;
  }

  .yenikent-isletme-kapak img {
    height: 160px;
  }

  .yenikent-isletme-ust-kart {
    padding: 12px;
    gap: 10px;
    align-items: flex-start;
  }

  .yenikent-isletme-logo img {
    width: 76px;
    height: 76px;
  }

  .yenikent-isletme-ust-kart h1 {
    font-size: 22px;
  }

  .yenikent-isletme-iletisim,
  .yenikent-isletme-hakkinda,
  .yenikent-isletme-galeri {
    padding: 12px;
  }
}

/* İŞLETME PROFİLİ V4 */

.yk-business-v4 {
  max-width: 1080px;
  margin: 0 auto 32px;
  background: var(--yk-card);
  border: 1px solid var(--yk-border);
  border-radius: var(--yk-radius);
  box-shadow: var(--yk-shadow);
  overflow: hidden;
}

.yk-business-cover img {
  width: 100%;
  height: auto;
  max-height: 320px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.yk-business-head {
  display: grid;
  grid-template-columns: 145px 1fr;
  gap: 20px;
  padding: 0 28px 24px;
  background: linear-gradient(180deg, #fff, #f8fafc);
}

.yk-business-logo {
  margin-top: -62px;
  position: relative;
  z-index: 2;
}

.yk-business-logo img {
  width: 126px;
  height: 126px;
  object-fit: cover;
  border-radius: 26px;
  border: 7px solid #fff;
  box-shadow: 0 18px 40px rgba(15,23,42,.18);
  background: #fff;
}

.yk-business-info h1 {
  margin: 18px 0 8px;
  font-size: 34px;
  color: var(--yk-text);
}

.yk-business-info p {
  max-width: 760px;
  color: var(--yk-muted);
  line-height: 1.6;
}

.yk-business-region {
  display: inline-flex;
  background: #fff7ed;
  color: #9a3412;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 12px;
}

.yk-business-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.yk-business-actions form {
  margin: 0;
}

.yk-business-btn,
.yk-business-actions .yenikent-takip-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.yk-business-actions .yenikent-takip-btn {
  background: var(--yk-primary);
  color: #fff;
}

.yk-whatsapp {
  background: #16a34a;
  color: #fff !important;
}

.yk-phone {
  background: var(--yk-accent);
  color: #fff !important;
}

.yk-web {
  background: #111827;
  color: #fff !important;
}

.yk-business-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 0 28px 24px;
  background: #f8fafc;
}

.yk-business-stats div {
  background: linear-gradient(180deg, #fff, #f0fdf4);
  border: 1px solid var(--yk-border);
  border-radius: 18px;
  padding: 16px 10px;
  text-align: center;
}

.yk-business-stats strong {
  display: block;
  color: var(--yk-secondary);
  font-size: 22px;
}

.yk-business-stats span {
  color: var(--yk-muted);
  font-size: 13px;
  font-weight: 700;
}

.yk-business-main-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
  padding: 0 28px 24px;
}

.yk-business-card {
  background: #fff;
  border: 1px solid var(--yk-border);
  border-radius: 18px;
  padding: 20px;
}

.yk-business-card h2 {
  margin-top: 0;
  color: var(--yk-secondary);
  border-left: 5px solid var(--yk-accent);
  padding-left: 10px;
  font-size: 22px;
}

.yk-business-about {
  background: linear-gradient(180deg, #eff6ff, #fff);
}

.yk-business-about p,
.yk-business-private p {
  line-height: 1.7;
}

.yk-business-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.yk-business-tags span {
  background: var(--yk-soft);
  color: var(--yk-primary);
  border: 1px solid var(--yk-border);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
}

.yk-business-contact {
  background: linear-gradient(180deg, #f0fdf4, #fff);
}

.yk-business-contact p {
  margin: 0 0 10px;
  background: #fff;
  border: 1px solid var(--yk-border);
  border-radius: 14px;
  padding: 12px;
}

.yk-business-contact strong {
  display: block;
  color: var(--yk-secondary);
  margin-bottom: 4px;
}

.yk-business-contact span {
  color: var(--yk-text);
  font-weight: 700;
}

.yk-business-video,
.yk-business-private,
.yk-business-gallery,
.yk-business-posts {
  margin: 0 28px 24px;
}

.yk-business-video {
  background: linear-gradient(180deg, #f8fafc, #fff);
}

.yk-video-wrap iframe {
  width: 100%;
  border-radius: 14px;
}

/* Doğrudan yüklenen video dosyaları da sütuna otursun. */
.yk-video-wrap video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 14px;
  background: #0a1c31;
}

.yk-business-private {
  background: linear-gradient(180deg, #fff7ed, #fff);
}

.yk-business-gallery {
  background: linear-gradient(180deg, #f5f3ff, #fff);
}

.yk-business-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.yk-business-gallery-grid img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid var(--yk-border);
}

.yk-gallery-card {
  display: flex;
  flex-direction: column;
}

.yk-gallery-link {
  display: block;
  text-align: center;
  margin-top: 8px;
  padding: 8px 10px;
  background: var(--yk-soft);
  border: 1px solid var(--yk-border);
  border-radius: 10px;
  text-decoration: none;
  color: var(--yk-primary);
  font-size: 12px;
  font-weight: 700;
  transition: .2s;
}

.yk-gallery-link:hover {
  background: var(--yk-primary);
  color: #fff;
}

@media (max-width: 768px) {
  .yk-business-v4 {
    border-radius: 12px;
    box-shadow: none;
  }

  .yk-business-cover img {
    height: auto;
    max-height: 230px;
  }

  .yk-business-head {
    display: block;
    padding: 0 12px 14px;
  }

  .yk-business-logo {
    margin-top: -42px;
  }

  .yk-business-logo img {
    width: 84px;
    height: 84px;
    border-radius: 18px;
    border-width: 4px;
  }

  .yk-business-info h1 {
    font-size: 23px;
    margin-top: 10px;
  }

  .yk-business-actions {
    gap: 6px;
  }

  .yk-business-btn,
  .yk-business-actions .yenikent-takip-btn {
    font-size: 12.5px;
    padding: 8px 10px;
  }

  .yk-business-stats {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 12px 14px;
    gap: 8px;
  }

  .yk-business-stats div {
    padding: 10px;
    border-radius: 12px;
  }

  .yk-business-main-grid {
    grid-template-columns: 1fr;
    padding: 0 12px 14px;
    gap: 10px;
  }

  .yk-business-card {
    padding: 12px;
    border-radius: 12px;
  }

  .yk-business-video,
  .yk-business-private,
  .yk-business-gallery,
  .yk-business-posts {
    margin: 0 12px 14px;
  }

  .yk-business-gallery-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

 .yk-business-gallery-grid img {
  height: auto;
  max-height: 260px;
}
}

/* ANA SAYFA - YENİKENT BÜLTEN SAĞ SÜTUNLU YAPI */

.yb-homepage {
  max-width: 1180px;
  margin: 0 auto;
}

.yb-home-hero {
  background:
    linear-gradient(90deg, rgba(15,23,42,.58), rgba(15,23,42,.22)),
    url('/medya/ana-sayfa-hero.jpg') center center / cover no-repeat;
  border-radius: 26px;
  min-height: 420px;
  padding: 70px 42px 95px;
  margin-bottom: 28px;
  color: #fff;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.yb-home-hero-text {
  max-width: 760px;
}

.yb-home-hero-text span {
  display: inline-block;
  background: rgba(255,255,255,.18);
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 14px;
}

.yb-home-hero-text h1 {
  font-size: 46px;
  line-height: 1.12;
  margin: 0 0 15px;
  color: #fff;
  text-shadow: 0 3px 18px rgba(0,0,0,.35);
}

.yb-home-hero-text p {
  max-width: 700px;
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 24px;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

.yb-home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.yb-home-hero-actions a {
  background: #fff;
  color: var(--yk-primary);
  text-decoration: none;
  padding: 11px 18px;
  border-radius: 12px;
  font-weight: 800;
}

.yb-home-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 22px;
  align-items: start;
}

.yb-home-left {
  min-width: 0;
}

.yb-home-sidebar {
  display: grid;
  gap: 18px;
}

.yb-side-box {
  background: #fff;
  border: 1px solid var(--yk-border);
  border-radius: 18px;
  padding: 18px;
  box-shadow: var(--yk-shadow);
  position: relative;
  overflow: hidden;
}

.yb-side-box::before {
  content: "";
  display: block;
  width: 48px;
  height: 5px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--yk-primary), var(--yk-secondary));
  margin-bottom: 14px;
}

.yb-side-box h3 {
  margin: 0 0 12px;
  color: var(--yk-secondary);
  font-size: 19px;
}

.yb-side-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.yb-side-list li {
  background: #f8fafc;
  border: 1px solid var(--yk-border);
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 8px;
}

.yb-side-list li:last-child {
  margin-bottom: 0;
}

.yb-side-list a {
  display: block;
  color: var(--yk-text);
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.35;
}

.yb-side-list li:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(15,23,42,.08);
}

.yb-ad-box {
  width: 100%;
  min-height: 600px;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(160deg, #1f4f8f, #16a34a);
  border-radius: 22px;
  padding: 26px 20px;
  color: #fff;
  text-align: center;
  box-shadow: 0 18px 42px rgba(15,23,42,.18);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.20);
}

.yb-ad-box span {
  display: inline-block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .4px;
  margin-bottom: 18px;
  color: #fff7ed;
}

.yb-ad-box strong {
  display: block;
  font-size: 30px;
  line-height: 1.15;
  margin-bottom: 16px;
  color: #fff;
}

.yb-ad-box p {
  color: rgba(255,255,255,.90);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 22px;
}

.yb-ad-box a {
  display: inline-flex;
  align-self: center;
  background: #fff;
  color: var(--yk-primary);
  text-decoration: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-weight: 800;
}

.yb-empty {
  margin: 0;
  color: var(--yk-muted);
  font-size: 14px;
}

/* Tekil paylaşım görsel/video düzeni - boşluksuz 16:9 uyumlu */
.yenikent-paylasim-gorsel img {
  width: 100%;
  height: auto;
  background: #f5f5f5;
  border-radius: 14px;
  display: block;
  margin: 0;
}

.yenikent-paylasim-video iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  background: #f5f5f5;
  border-radius: 14px;
  display: block;
  margin: 0;
}

/* Devam butonu */
.yenikent-akis-devam {
  text-align: center;
  margin: 24px 0 32px;
}

.yenikent-akis-devam a {
  display: inline-flex;
  background: var(--yk-secondary);
  color: #fff !important;
  text-decoration: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-weight: 800;
}

/* Mobil */
@media (max-width: 900px) {
  .yb-home-main {
    grid-template-columns: 1fr;
  }

  .yb-ad-box {
    min-height: 280px;
  }
}

@media (max-width:768px) {
  .yb-home-hero {
    min-height: 330px;
    padding: 34px 16px 44px;
    border-radius: 16px;
    margin-bottom: 18px;
  }

  .yb-home-hero-text h1 {
    font-size: 28px;
  }

  .yb-home-hero-text p {
    font-size: 15px;
  }

  .yb-home-sidebar {
    gap: 12px;
  }

  .yb-side-box {
    padding: 14px;
    border-radius: 14px;
  }
}

/* GİRİŞ / KAYIT / FORM SAYFALARI */

.yk-auth-layout {
  max-width: 1120px;
  margin: 0 auto 32px;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 24px;
  align-items: stretch;
}

/*
 * FORM ÖNCE, AÇIKLAMA SONRA
 *
 * HTML'de açıklama önde yazılı; ekranda ise form solda (mobilde en
 * üstte) duruyor. Sebebi basit: bu sayfaya gelen kişi zaten karar
 * vermiş, formu arıyor. Açıklama önce gelince, özellikle mobilde
 * ekranı aşağı kaydırırken "doğru yerde miyim" hissi doğuyordu.
 * Sıra CSS ile çevrildi; HTML'e dokunmaya gerek yok.
 */
.yk-auth-form { order: 1; }
.yk-auth-info { order: 2; }

.yk-auth-info {
  background: linear-gradient(135deg, var(--yk-primary), var(--yk-secondary));
  color: #fff;
  border-radius: 24px;
  padding: 34px;
  position: relative;
  overflow: hidden;
}

.yk-auth-info h2 {
  color: #fff;
  font-size: 36px;
  line-height: 1.15;
  margin: 12px 0 16px;
}

.yk-auth-info p {
  color: rgba(255,255,255,.92);
  line-height: 1.65;
}

.yk-auth-badge {
  display: inline-flex;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  padding: 7px 13px;
  font-size: 12px;
  font-weight: 800;
}

.yk-auth-features {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 12px;
  margin-top: 22px;
}

.yk-auth-feature {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 16px;
  padding: 14px;
}

.yk-auth-feature strong {
  display: block;
  color: #fff;
  margin-bottom: 5px;
}

.yk-auth-feature span {
  color: rgba(255,255,255,.86);
  font-size: 13px;
  line-height: 1.45;
}

.yk-auth-form {
  background: #fff;
  border: 1px solid var(--yk-border);
  border-radius: 24px;
  box-shadow: var(--yk-shadow);
  padding: 34px;
}

.yk-auth-form h3 {
  margin-top: 0;
  font-size: 28px;
  color: var(--yk-text);
}

.yk-auth-form p {
  color: var(--yk-muted);
}

.yk-auth-form input[type="text"],
.yk-auth-form input[type="password"],
.yk-auth-form input[type="email"] {
  width: 100%;
  border: 1px solid var(--yk-border);
  border-radius: 14px;
  padding: 12px;
  font-size: 15px;
}

.yk-auth-form input[type="submit"],
.yk-auth-form button {
  background: var(--yk-primary);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 11px 18px;
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 768px) {
  .yk-auth-layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* Mobilde açıklama kutusu formdan sonra ve daha sakin. */
  .yk-auth-info {
    background: linear-gradient(135deg, var(--yk-primary), var(--yk-secondary));
  }

  .yk-auth-info,
  .yk-auth-form {
    padding: 16px;
    border-radius: 14px;
  }

  .yk-auth-info h2 {
    font-size: 25px;
  }

  .yk-auth-features {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.yk-teklif-formu label {
  display: block;
  font-weight: 800;
  margin-bottom: 6px;
  color: var(--yk-text);
}

.yk-teklif-formu input,
.yk-teklif-formu textarea {
  width: 100%;
  border: 1px solid var(--yk-border);
  border-radius: 14px;
  padding: 12px;
  font-size: 15px;
  background: #fff;
}

.yk-teklif-formu button {
  background: var(--yk-primary);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-weight: 800;
  cursor: pointer;
}

/* =====================================================
   ÜYE PANELİ DASHBOARD FINAL
===================================================== */

.yk-member-dashboard {
  max-width: 1200px;
  margin: 0 auto;
}

/* ÜST SABİT MENÜ */

.yk-member-sticky-nav {
  position: sticky;
  top: 0;
  z-index: 9999;

  display: flex;
  gap: 10px;

  overflow-x: auto;

  padding: 12px;
  margin-bottom: 20px;

  background: rgba(255,255,255,.96);
  backdrop-filter: blur(10px);

  border: 1px solid #e5e7eb;
  border-radius: 0 0 18px 18px;

  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.admin-bar .yk-member-sticky-nav {
  top: 32px;
}

.yk-member-sticky-nav::-webkit-scrollbar {
  display: none;
}

.yk-member-sticky-nav a {
  white-space: nowrap;

  text-decoration: none;

  padding: 10px 16px;

  border-radius: 999px;

  background: #f8fafc;
  border: 1px solid #e5e7eb;

  color: #1f2937;
  font-weight: 700;
  font-size: 14px;

  transition: all .2s ease;
}

.yk-member-sticky-nav a:hover {
  background: var(--yk-primary);
  color: #fff;
}

/* SECTIONLAR */

.yk-dashboard-section {

  background: #fff;

  border: 1px solid #e5e7eb;

  border-radius: 18px;

  padding: 18px;

  margin-bottom: 16px;

  box-shadow: 0 4px 16px rgba(0,0,0,.04);

  scroll-margin-top: 90px;
}

.admin-bar .yk-dashboard-section {
  scroll-margin-top: 125px;
}

.yk-dashboard-section h2 {
  margin-top: 0;
  margin-bottom: 12px;
}

/* BİLDİRİM / MESAJ KARTLARI */

.yk-panel-mini-links {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 12px;
  margin-top: 15px;
}

.yk-panel-mini-links a {

  display: block;

  text-align: center;

  text-decoration: none;

  padding: 18px;

  border-radius: 16px;

  background: linear-gradient(
    135deg,
    #eff6ff,
    #ffffff
  );

  border: 1px solid #e5e7eb;

  font-weight: 700;

  color: #1f2937;

  transition: all .2s ease;
}

.yk-panel-mini-links a:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* MOBİL */

@media (max-width:768px) {

  .admin-bar .yk-member-sticky-nav {
    top: 46px;
  }

  .yk-member-sticky-nav {
    gap: 6px;
    padding: 8px;
  }

  .yk-member-sticky-nav a {
    padding: 8px 12px;
    font-size: 13px;
  }

  .yk-dashboard-section {
    padding: 14px;
    border-radius: 14px;
  }

  .yk-panel-mini-links {
    grid-template-columns: 1fr;
  }

}

.yk-panel-accordion {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  margin-bottom: 16px;
  box-shadow: 0 4px 16px rgba(0,0,0,.04);
  overflow: hidden;
  scroll-margin-top: 120px;
}

.yk-panel-accordion summary {
  cursor: pointer;
  padding: 18px 22px;
  font-size: 22px;
  font-weight: 800;
  color: var(--yk-secondary);
  list-style: none;
  background: linear-gradient(
      135deg,
      #f8fafc,
      #ffffff
  );
}

.yk-panel-accordion summary::-webkit-details-marker {
  display: none;
}

.yk-accordion-content {
  padding: 0 18px 18px;
}

.yk-panel-accordion summary::after {
  content: "▶";
  float: right;
  font-size: 18px;
  font-weight: 700;
  color: var(--yk-primary);
  transition: all .2s ease;
}

.yk-panel-accordion[open] summary::after {
  content: "▼";
}

/* YENIKENT BÜLTEN İLETİŞİM SAYFASI - V2 */

.yk-contact-page{
  --yk-primary:#1f4f8f;
  --yk-primary-dark:#17345f;
  --yk-accent:#f2b705;
  --yk-soft:#f5f8fc;
  --yk-card:#ffffff;
  --yk-text:#263244;
  --yk-muted:#667085;
  --yk-border:#e5eaf2;
  --yk-radius:22px;
  --yk-shadow:0 18px 45px rgba(24,44,80,.10);

  background:linear-gradient(180deg,#f6f9fd 0%,#ffffff 45%,#f7f9fc 100%);
  color:var(--yk-text);
  font-family:inherit;
  overflow:hidden;
}

.yk-contact-page a{
  color:var(--yk-primary);
  font-weight:700;
  text-decoration:none;
}

.yk-contact-page a:hover{
  color:var(--yk-primary-dark);
}

/* HERO */

.yk-contact-hero{
  position:relative;
  padding:95px 24px 105px;
  text-align:center;
  color:#fff;
  background:
    radial-gradient(circle at 15% 20%,rgba(242,183,5,.24),transparent 28%),
    radial-gradient(circle at 85% 15%,rgba(255,255,255,.16),transparent 26%),
    linear-gradient(135deg,#112f58 0%,#1f4f8f 52%,#16365f 100%);
}

.yk-contact-hero span{
  display:inline-block;
  margin-bottom:18px;
  padding:9px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.25);
  color:#fff3c4;
  font-size:13px;
  font-weight:800;
  letter-spacing:.9px;
}

.yk-contact-hero h1{
  max-width:900px;
  margin:0 auto 22px;
  color:#fff;
  font-size:clamp(34px,5vw,56px);
  line-height:1.12;
  font-weight:900;
}

.yk-contact-hero p{
  max-width:820px;
  margin:0 auto;
  color:#e6eef8;
  font-size:clamp(17px,2.2vw,21px);
  line-height:1.75;
}

/* ORTAK ALANLAR */

.yk-contact-intro,
.yk-contact-help,
.yk-contact-map,
.yk-contact-membership{
  max-width:1180px;
  margin:0 auto;
  padding:78px 24px;
}

.yk-contact-intro h2,
.yk-contact-help h2,
.yk-contact-map h2,
.yk-contact-membership h2{
  margin:0 0 18px;
  color:#14213d;
  font-size:clamp(28px,3.5vw,40px);
  line-height:1.2;
  font-weight:900;
}

.yk-contact-intro > p,
.yk-contact-help > p,
.yk-contact-map > p,
.yk-contact-membership > p{
  max-width:860px;
  margin:0 0 36px;
  color:var(--yk-muted);
  font-size:18px;
  line-height:1.85;
}

/* KART GRID */

.yk-contact-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  margin-top:38px;
}

.yk-contact-grid.three{
  grid-template-columns:repeat(3,1fr);
}

.yk-contact-grid > div{
  position:relative;
  background:var(--yk-card);
  border:1px solid var(--yk-border);
  border-radius:var(--yk-radius);
  padding:28px 26px;
  box-shadow:var(--yk-shadow);
  transition:.25s ease;
}

.yk-contact-grid > div:before{
  content:"";
  display:block;
  width:42px;
  height:5px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--yk-accent),#ffe08a);
  margin-bottom:20px;
}

.yk-contact-grid > div:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 55px rgba(24,44,80,.14);
}

.yk-contact-grid h3{
  margin:0 0 12px;
  color:#16243a;
  font-size:21px;
  font-weight:850;
}

.yk-contact-grid p{
  margin:0;
  color:#647083;
  font-size:16px;
  line-height:1.75;
}

/* YARDIM ALANI */

.yk-contact-help{
  background:#fff;
  border-radius:34px;
  box-shadow:0 25px 70px rgba(31,79,143,.08);
}

/* BİZE ULAŞIN + WHATSAPP */

.yk-contact-info-wrap{
  max-width:1180px;
  margin:10px auto 0;
  padding:20px 24px 76px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.yk-contact-dark,
.yk-contact-whatsapp{
  border-radius:28px;
  padding:42px 38px;
  min-height:300px;
  box-shadow:var(--yk-shadow);
}

.yk-contact-dark{
  background:linear-gradient(135deg,#132846,#1f4f8f);
  color:#fff;
}

.yk-contact-dark h2,
.yk-contact-whatsapp h2{
  margin:0 0 18px;
  font-size:32px;
  color:#fff;
}

.yk-contact-dark p{
  color:#e7eef7;
  font-size:17px;
  line-height:1.8;
}

.yk-contact-dark strong{
  color:#ffe39c;
}

.yk-contact-dark a{
  display:inline-block;
  margin-top:6px;
  color:#fff;
  font-size:20px;
  font-weight:800;
}

.yk-contact-whatsapp{
  background:linear-gradient(135deg,#f6fbf8,#ffffff);
  border:1px solid #dbeee4;
  color:var(--yk-text);
}

.yk-contact-whatsapp h2{
  color:#17345f;
}

.yk-contact-whatsapp p{
  color:#5e6b7d;
  font-size:17px;
  line-height:1.8;
}

.yk-contact-whatsapp a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  padding:15px 26px;
  border-radius:999px;
  background:#1f7a4d;
  color:#fff;
  font-size:17px;
  font-weight:850;
  box-shadow:0 14px 30px rgba(31,122,77,.22);
}

.yk-contact-whatsapp a:hover{
  background:#17623d;
  color:#fff;
  transform:translateY(-2px);
}

/* HARİTA */

.yk-contact-map{
  padding-top:40px;
}

.yk-contact-map iframe{
  width:100%;
  height:390px;
  border:0 !important;
  border-radius:28px;
  box-shadow:0 22px 55px rgba(24,44,80,.14);
  overflow:hidden;
}

/* ÜYELİK CTA */

.yk-contact-membership{
  margin-top:20px;
  margin-bottom:80px;
  border-radius:34px;
  background:
    radial-gradient(circle at 10% 20%,rgba(242,183,5,.20),transparent 30%),
    linear-gradient(135deg,#17345f,#1f4f8f);
  color:#fff;
  box-shadow:0 28px 75px rgba(31,79,143,.22);
}

.yk-contact-membership h2{
  color:#fff;
  text-align:center;
}

.yk-contact-membership > p{
  margin-left:auto;
  margin-right:auto;
  color:#e9f1fb;
  text-align:center;
}

.yk-contact-membership .yk-contact-grid > div{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none;
  backdrop-filter:blur(8px);
}

.yk-contact-membership .yk-contact-grid h3{
  color:#fff;
}

.yk-contact-membership .yk-contact-grid p{
  color:#dce8f7;
}

.yk-contact-cta{
  display:table;
  margin:42px auto 0;
  padding:17px 32px;
  border-radius:999px;
  background:var(--yk-accent);
  color:#18243a !important;
  font-size:18px;
  font-weight:900;
  box-shadow:0 16px 35px rgba(242,183,5,.28);
}

.yk-contact-cta:hover{
  background:#ffd24a;
  color:#111827 !important;
  transform:translateY(-2px);
}

/* MOBİL */

@media(max-width:980px){
  .yk-contact-grid,
  .yk-contact-grid.three,
  .yk-contact-info-wrap{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:680px){
  .yk-contact-hero{
    padding:72px 20px 82px;
  }

  .yk-contact-intro,
  .yk-contact-help,
  .yk-contact-map,
  .yk-contact-membership{
    padding:56px 18px;
  }

  .yk-contact-grid,
  .yk-contact-grid.three,
  .yk-contact-info-wrap{
    grid-template-columns:1fr;
  }

  .yk-contact-info-wrap{
    padding:10px 18px 56px;
  }

  .yk-contact-dark,
  .yk-contact-whatsapp{
    padding:32px 24px;
  }

  .yk-contact-whatsapp a,
  .yk-contact-cta{
    width:100%;
    text-align:center;
  }

  .yk-contact-map iframe{
    height:310px;
  }
}

/* =====================================================
   ÜYELİK MODELLERİ SAYFASI
===================================================== */

.yk-membership-page {
    max-width: 1200px;
    margin: 0 auto;
}

.yk-membership-hero {
    background: linear-gradient(
        135deg,
        var(--yk-primary),
        var(--yk-secondary)
    );
    color: #fff;
    text-align: center;
    padding: 70px 35px;
    border-radius: 28px;
    margin-bottom: 24px;
}

.yk-membership-hero span {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.15);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .5px;
    margin-bottom: 16px;
}

.yk-membership-hero h1 {
    color: #fff;
    font-size: 48px;
    line-height: 1.15;
    margin: 0 0 20px;
}

.yk-membership-hero p {
    max-width: 850px;
    margin: 0 auto;
    color: rgba(255,255,255,.92);
    line-height: 1.8;
    font-size: 17px;
}

.yk-membership-buttons {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.yk-membership-buttons a {
    text-decoration: none;
    padding: 14px 24px;
    border-radius: 999px;
    font-weight: 700;
}

.yk-membership-buttons a:first-child {
    background: #fff;
    color: var(--yk-primary);
}

.yk-membership-buttons a:last-child {
    background: rgba(255,255,255,.15);
    color: #fff;
    border: 1px solid rgba(255,255,255,.25);
}

.yk-membership-section {
    background: #fff;
    border: 1px solid var(--yk-border);
    border-radius: 24px;
    padding: 32px;
    margin-bottom: 24px;
    box-shadow: var(--yk-shadow);
}

.yk-membership-section h2 {
    margin-top: 0;
    margin-bottom: 18px;
    color: var(--yk-secondary);
    font-size: 32px;
}

.yk-membership-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
    margin-top: 20px;
}

.yk-membership-grid div {
    background: linear-gradient(
        180deg,
        #f8fafc,
        #ffffff
    );
    border: 1px solid var(--yk-border);
    border-radius: 18px;
    padding: 22px;
    transition: .25s;
}

.yk-membership-grid div:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.yk-membership-grid h3 {
    margin-top: 0;
    color: var(--yk-primary);
}

.yk-membership-grid p {
    margin-bottom: 0;
    line-height: 1.7;
    color: var(--yk-muted);
}

.yk-timeline {
    display: grid;
    gap: 14px;
    margin-top: 20px;
}

.yk-timeline div {
    background: #f8fafc;
    border-left: 5px solid var(--yk-primary);
    padding: 16px 18px;
    border-radius: 0 12px 12px 0;
    font-weight: 600;
}

.yk-membership-highlight {
    background: linear-gradient(
        135deg,
        #eff6ff,
        #ffffff
    );
    border: 1px solid #dbeafe;
    border-radius: 24px;
    padding: 36px;
    margin-bottom: 24px;
    text-align: center;
}

.yk-membership-highlight h2 {
    margin-top: 0;
    color: var(--yk-secondary);
}

.yk-membership-highlight p {
    max-width: 850px;
    margin: 0 auto 15px;
    line-height: 1.8;
}

.yk-membership-cta {
    background: linear-gradient(
        135deg,
        var(--yk-primary),
        var(--yk-secondary)
    );
    color: #fff;
    text-align: center;
    border-radius: 28px;
    padding: 55px 30px;
}

.yk-membership-cta h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 18px;
}

.yk-membership-cta p {
    max-width: 850px;
    margin: 0 auto 25px;
    color: rgba(255,255,255,.92);
    line-height: 1.8;
}

.yk-membership-cta a {
    display: inline-block;
    background: #fff;
    color: var(--yk-primary);
    text-decoration: none;
    padding: 15px 28px;
    border-radius: 999px;
    font-weight: 800;
}

@media (max-width: 768px) {

    .yk-membership-hero {
        padding: 40px 18px;
        border-radius: 18px;
    }

    .yk-membership-hero h1 {
        font-size: 32px;
    }

    .yk-membership-section,
    .yk-membership-highlight,
    .yk-membership-cta {
        padding: 18px;
        border-radius: 16px;
    }

    .yk-membership-section h2 {
        font-size: 26px;
    }

    .yk-membership-grid {
        grid-template-columns: 1fr;
    }

    .yk-membership-buttons {
        flex-direction: column;
    }

}

.yk-rozet-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.yk-rozet-item {
  border: 1px solid var(--yk-border);
  border-radius: 14px;
  padding: 14px;
  background: #fff;
}

.yk-rozet-item strong {
  display: block;
  color: var(--yk-primary);
  margin-bottom: 5px;
}

.yk-rozet-item span {
  display: block;
  color: var(--yk-muted);
  font-size: 13px;
  line-height: 1.45;
}

.yk-rozet-item.kazanildi {
  background: linear-gradient(180deg, #ecfdf5, #fff);
  border-color: #bbf7d0;
}

.yk-rozet-item.kilitli {
  opacity: .65;
}

.platform-rozet-karti h4 {
  margin-top: 24px;
}

@media (max-width: 768px) {
  .yk-rozet-grid {
    grid-template-columns: 1fr;
  }
}

/* TEKİL PAYLAŞIM SAĞ SÜTUN */

.yb-single-layout {
  max-width: 1180px;
  margin: 0 auto 40px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 22px;
  align-items: start;
}

.yb-single-main {
  min-width: 0;
}

.yb-single-layout .yenikent-tekil-paylasim {
  max-width: 100%;
  margin: 0;
}

@media (max-width: 900px) {
  .yb-single-layout {
    grid-template-columns: 1fr;
  }
}

/* Tekil paylaşımda çift yorum alanını engelle */

.single-post .comments-area,
.single-post #comments {
  display: none;
}

.single-post .yenikent-tekil-paylasim .comments-area,
.single-post .yenikent-tekil-paylasim #comments {
  display: block;
}

/* ANA AKIŞ KART PROFESYONEL ÜST ALAN */

.yenikent-akis-karti {
  padding: 22px;
  border-radius: 22px;
  border: 1px solid #e5e7eb;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
}

.yk-feed-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.yk-feed-user {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-width: 0;
}

.yk-feed-avatar {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--yk-primary), var(--yk-secondary));
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 900;
  font-size: 20px;
  box-shadow: 0 8px 20px rgba(15,23,42,.16);
}

.yk-feed-user-info {
  min-width: 0;
}

.yk-feed-name {
  display: inline-block;
  color: var(--yk-text);
  font-size: 17px;
  font-weight: 900;
  text-decoration: none;
  margin-bottom: 6px;
}

.yk-feed-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.yk-feed-meta span {
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid var(--yk-border);
  color: var(--yk-muted);
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.yk-feed-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 900;
  border: 1px solid transparent;
}

.yk-feed-type-guncel {
  background: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}

.yk-feed-type-duyuru {
  background: #fef3c7;
  color: #92400e;
  border-color: #fde68a;
}

.yk-feed-type-kampanya,
.yk-feed-type-firsat {
  background: #ecfdf5;
  color: #166534;
  border-color: #bbf7d0;
}

.yk-feed-type-soru,
.yk-feed-type-teklif_iste {
  background: #f5f3ff;
  color: #6d28d9;
  border-color: #ddd6fe;
}

.yk-feed-type-tavsiye {
  background: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}

.yk-feed-type-yerel_haber,
.yk-feed-type-etkinlik {
  background: #f0f9ff;
  color: #0369a1;
  border-color: #bae6fd;
}

.yenikent-akis-baslik {
  font-size: 24px;
  margin-top: 6px;
}

.yenikent-akis-ozet {
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 16px;
  padding: 14px;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .yk-feed-head {
    display: block;
  }

  .yk-feed-type {
    margin-top: 12px;
  }

  .yk-feed-meta span {
    font-size: 11.5px;
  }

  .yenikent-akis-karti {
    padding: 15px;
    border-radius: 16px;
  }

  .yenikent-akis-baslik {
    font-size: 20px;
  }
}

.yk-feed-avatar img {
  width: 46px;
  height: 46px;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}

.yk-feed-avatar span {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--yk-primary), var(--yk-secondary));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 20px;
}

/* ANA AKIŞ EDGE-TO-EDGE MEDYA MODELİ
   Resimler 16:9 üretildiği için sabit yükseklik verilmez.
   Böylece görselin üst-alt kısmında boşluk oluşmaz.
*/

.yenikent-akis-gorsel,
.yenikent-akis-video {
  margin-left: -22px;
  margin-right: -22px;
  margin-top: 12px;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
  background: #f5f5f5;
  line-height: 0;
}

.yenikent-akis-gorsel a {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.yenikent-akis-gorsel img {
  width: 100%;
  height: auto;
  object-fit: initial;
  background: #f5f5f5;
  border-radius: 0 !important;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

.yenikent-akis-video iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  background: #f5f5f5;
  border-radius: 0 !important;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

.yenikent-akis-aksiyonlar {
  margin-left: -22px;
  margin-right: -22px;
  margin-top: 0;
  padding: 12px 22px 0;
}

/* Özet sonundaki inline "Devamını Oku" linki */
.yenikent-akis-ozet .yenikent-devam-inline,
.yenikent-akis-ozet .yk-devam-inline,
.yenikent-akis-ozet a.yenikent-devam-link {
  display: inline;
  margin: 0 0 0 4px;
  color: var(--yk-primary);
  font-weight: 800;
  text-decoration: none;
}

/* Eski ayrı devam linki kalırsa dikey boşluk üretmesin */
.yenikent-akis-karti > .yenikent-devam-link {
  display: inline-flex;
  margin: 6px 0 10px;
}

/* Mobilde kartı daha geniş ve sıkı kullan */
@media (max-width: 768px) {

  .yb-homepage {
    padding-left: 6px;
    padding-right: 6px;
  }

  .yb-home-main {
    gap: 14px;
  }

  .yb-home-left,
  .yenikent-ana-akis {
    width: 100%;
    max-width: 100%;
  }

  .yenikent-akis-karti {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .yenikent-akis-ozet {
    margin-top: 8px;
    padding: 12px;
  }

  .yenikent-akis-gorsel,
  .yenikent-akis-video {
    margin-left: -14px;
    margin-right: -14px;
    margin-top: 10px;
  }

  .yenikent-akis-aksiyonlar {
    margin-left: -14px;
    margin-right: -14px;
    padding: 10px 14px 0;
  }

  .yenikent-akis-gorsel img,
  .yenikent-akis-video iframe {
    border-radius: 0 !important;
  }
}

.single-isletme h1.entry-title,
.single-isletme .entry-title,
.single-isletme .wp-block-post-title {
    display:none !important;
}

/* Rehber Yazıları CPT başlık ve içerik düzeni */

.single-rehber .entry-title {
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: 1.15 !important;
  margin-bottom: 22px !important;
}

.single-rehber .featured-image img,
.single-rehber .post-image img {
  max-height: 520px;
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.single-rehber .inside-article {
  max-width: 980px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .single-rehber .entry-title {
    font-size: 27px !important;
    line-height: 1.18 !important;
  }

  .single-rehber .featured-image img,
  .single-rehber .post-image img {
    max-height: 260px;
    border-radius: 12px;
  }
}


@media (max-width: 768px){

  body .site-content{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body .inside-article{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

}

.site-info{
display:none;
}
/* =====================================================
   ÜYE PANELİ — SIRA VE MOBİL DÜZEN

   NEDEN SIRA DEĞİŞTİ
   ------------------
   Panel, üyenin her gün ihtiyaç duyduğu şeylerle değil, sistemin
   anlatmak istedikleriyle başlıyordu: önce XP/kariyer kartı (tek
   başına 1159 piksel), sonra üyelik bilgileri. Üyenin aradığı
   paylaşımları ve işletmeleri görmek için mobilde neredeyse üç ekran
   kaydırmak gerekiyordu.

   Yeni sıra günlük kullanım sıklığına göre: özet → paylaşımlarım →
   işletmelerim → bildirim/mesaj → takip → üyelik → kariyer.
   Sıra CSS ile kuruluyor, sayfanın HTML'ine dokunulmuyor.
===================================================== */

.yk-member-dashboard {
  display: flex;
  flex-direction: column;
}

.yk-member-dashboard > .yk-member-sticky-nav { order: 0; }
.yk-member-dashboard > .yb-panel-hizli      { order: 1; }
.yk-member-dashboard > #ozet                { order: 2; }
.yk-member-dashboard > #paylasimlar         { order: 3; }
.yk-member-dashboard > #isletmeler          { order: 4; }
.yk-member-dashboard > #bildirim            { order: 5; }
.yk-member-dashboard > #takip               { order: 6; }
.yk-member-dashboard > #uyelik              { order: 7; }
.yk-member-dashboard > #kariyer             { order: 8; }

/* Üstteki menü şeridi de aynı sırada olsun. */
.yk-member-sticky-nav { align-items: center; }
.yk-member-sticky-nav a[href="#ozet"]        { order: 1; }
.yk-member-sticky-nav a[href="#paylasimlar"] { order: 2; }
.yk-member-sticky-nav a[href="#isletmeler"]  { order: 3; }
.yk-member-sticky-nav a[href="#bildirim"]    { order: 4; }
.yk-member-sticky-nav a[href="#takip"]       { order: 5; }
.yk-member-sticky-nav a[href="#uyelik"]      { order: 6; }
.yk-member-sticky-nav a[href="#kariyer"]     { order: 7; }

/* Hızlı işlem şeridi — panelin en üstünde, tek dokunuşluk işler. */

.yb-panel-hizli {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.yb-panel-hizli a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 84px;
  padding: 12px 8px;
  text-align: center;
  text-decoration: none;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  color: #102033;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.3;
  box-shadow: 0 8px 20px rgba(15,23,42,.05);
  transition: transform .16s ease, border-color .16s ease;
}

.yb-panel-hizli a:hover {
  transform: translateY(-2px);
  border-color: #1d6b56;
}

.yb-panel-hizli span {
  font-size: 22px;
  line-height: 1;
}

.yb-panel-hizli .yb-panel-hizli-ana {
  background: linear-gradient(135deg, #102033, #1d6b56);
  color: #fff;
  border-color: transparent;
}

@media (max-width: 640px) {
  .yb-panel-hizli {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .yb-panel-hizli a {
    min-height: 74px;
    font-size: 12.5px;
  }

  /* Uzun bölümler mobilde nefes alsın. */
  .yk-dashboard-section {
    padding: 14px;
    border-radius: 14px;
  }

  .yk-member-sticky-nav {
    padding: 8px;
    gap: 6px;
    margin-bottom: 14px;
  }

  .yk-member-sticky-nav a {
    padding: 8px 12px;
    font-size: 13px;
  }
}

/* --------------------------------------------------------------------------
   BAŞ HARF ROZETİ
   Profil resmi yüklenemeyen üyelerde görselin yerini bu kutu alıyor.
   Ölçüleri her yerde yerini aldığı görselle aynı olsun diye ayrı ayrı
   yazıldı; renk tema.js içinde ada göre veriliyor.
   -------------------------------------------------------------------------- */
.yb-harf {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  background: linear-gradient(135deg, var(--yk-primary), var(--yk-secondary));
}

.yk-profile-avatar .yb-harf {
  width: 128px;
  height: 128px;
  border-radius: 28px;
  border: 7px solid #fff;
  box-shadow: 0 18px 40px rgba(15,23,42,.18);
  font-size: 52px;
}

.yk-business-logo .yb-harf,
.yt-logo .yb-harf {
  width: 126px;
  height: 126px;
  border-radius: 26px;
  border: 7px solid #fff;
  box-shadow: 0 18px 40px rgba(15,23,42,.18);
  font-size: 52px;
}

.yk-feed-avatar .yb-harf {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  font-size: 20px;
}

.yb-yorum-avatar .yb-harf,
.yb-sponsored-avatar .yb-harf {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  font-size: 17px;
}

@media (max-width: 768px) {
  .yk-profile-avatar .yb-harf,
  .yk-business-logo .yb-harf,
  .yt-logo .yb-harf {
    width: 84px;
    height: 84px;
    border-radius: 18px;
    border-width: 4px;
    font-size: 34px;
  }
}