/* ============================================================
   The Origin — Postiz özel tema cilası
   Koyu tema üstüne marka aksanı (altın/krem).
   Geri almak: Caddyfile'daki replace satırını sil + caddy reload.
   ============================================================ */

:root {
  --org-accent: #e8b33d;
  --org-accent-soft: rgba(232,179,61,.16);
  --org-border: #2a2a31;
}

/* Yazı yumuşatma */
html, body { -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility; }

/* --- Gönderi editörü: çerçeve + odak ışıltısı --- */
[contenteditable="true"], textarea {
  border-radius: 12px !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}
[contenteditable="true"]:focus, textarea:focus {
  box-shadow: 0 0 0 3px var(--org-accent-soft) !important;
  outline: none !important;
}

/* --- Butonlar: yumuşak geçişler --- */
button { transition: transform .12s ease, opacity .15s ease, filter .15s ease !important; }
button:hover { opacity: .94; }
button:active { transform: translateY(1px); }

/* --- İnce kaydırma çubuğu --- */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background:#2c2c34; border-radius:8px; border:2px solid transparent; background-clip:content-box; }
*::-webkit-scrollbar-thumb:hover { background:#3a3a44; background-clip:content-box; }

/* ============================================================
   GÖNDERİ OLUŞTUR — Medya çubuğu (Medya Ekle vurgulandı)
   Sadece ilk .b2 grubu (medya butonları); biçimlendirme/uyarı grubuna dokunma
   ============================================================ */
.b1 > .b2:first-child { gap: 10px !important; }
.b1 > .b2:first-child .bg-newColColor {
  height: 42px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
}
/* "Medya Ekle" = birincil aksiyon -> marka altını */
.b1 > .b2:first-child > div:first-child {
  background: linear-gradient(135deg, #e8b33d, #d99a1f) !important;
  box-shadow: 0 6px 16px rgba(232,179,61,.25) !important;
}
.b1 > .b2:first-child > div:first-child div { color: #1a1500 !important; }
/* etiket fontu 10px -> 13px (sadece bu grup) */
.b1 > .b2:first-child .text-\[10px\] { font-size: 13px !important; }
.b1 > .b2:first-child svg { width: 19px !important; height: 19px !important; }

/* ============================================================
   GÖNDERİ OLUŞTUR — "Takvime Ekle" + "Post Now" yan yana
   (Post Now varsayılan display:none + hover; her zaman göster)
   ============================================================ */
div.group:has(> button.btnSub) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  margin-right: 48px !important;
}
/* Ana buton (Planla) -> küçük, ikincil */
div.group:has(> button.btnSub) > button.btnSub {
  min-width: 96px !important;
  height: 38px !important;
  font-size: 13px !important;
  padding: 0 12px !important;
}
/* Post Now -> BÜYÜK, birincil */
div.group:has(> button.btnSub) > button.btnSub + button {
  display: flex !important;
  position: static !important;
  width: auto !important;
  opacity: 1 !important;
}
div.group:has(> button.btnSub) > button.btnSub + button > div {
  height: 48px !important;
  padding: 0 28px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Editör placeholder: "Write something" -> "Bir şeyler yaz" */
.is-editor-empty[data-placeholder]::before,
p.is-empty.is-editor-empty::before {
  content: "Bir şeyler yaz …" !important;
}

/* ============================================================
   Login (giriş) sayfası — sade + markalı
   Postiz tanıtım/yorum duvarını gizle, formu ortala.
   ============================================================ */
/* Postiz yorum kartları (marquee) gizlensin — sağ panel marka sloganı kalır */
[class~="max-w-[850px]"] { display: none !important; }
/* Sağ panel (slogan) dikey ortalansın */
[class~="pt-[88px]"] { justify-content: center !important; padding-top: 0 !important; }
/* Origin login logosu ortalı dursun */
[data-origin-login-logo] { align-self: center; }

/* ============================================================
   Mobil (telefon ≤768px) — composer + takvim kullanılabilir
   ============================================================ */
@media (max-width: 768px) {
  /* --- Composer (gönderi oluştur) --- */
  [class~="w-[580px]"] { display: none !important; }                  /* önizleme panelini gizle */
  .bg-popup [class~="flex-1"] { min-width: 0 !important; }            /* paneller küçülebilsin */
  .bg-popup [class~="flex"] { flex-wrap: wrap !important; }           /* satırlar (avatar/buton) sarsın */
  [class~="p-[40px]"][class~="h-full"][class~="flex-1"] { padding: 6px !important; }

  /* --- Takvim --- */
  [class~="w-[260px]"][class~="flex-col"] { display: none !important; }  /* Kanallar panelini gizle -> tam genişlik */
  [class*="grid-template-columns:136px"] { grid-template-columns: 42px repeat(7, minmax(42px, 1fr)) !important; }
  [class~="bg-newTableHeader"] { font-size: 9px !important; padding: 2px !important; line-height: 1.15 !important; }
}

/* ============================================================
   MARKA RENGİ — Postiz moru -> The Origin altını
   Birincil aksiyon butonları (bg-btnPrimary) mor yerine marka gradyanı.
   Altın açık olduğundan yazı/ikon koyulaştırılır (kontrast).
   NOT: Takvim kartlarının üst barı da bg-btnPrimary olabilir; origin-theme.js
   fixCalendar onu inline+important ile müşteri rengine boyar (bu kuralı yener).
   ============================================================ */
.bg-btnPrimary {
  background: linear-gradient(135deg, #e8b33d, #d99a1f) !important;
  color: #1a1500 !important;
}
.bg-btnPrimary * { color: #1a1500 !important; }
.bg-btnPrimary svg, .bg-btnPrimary path { fill: #1a1500 !important; stroke: #1a1500 !important; }

/* İkincil mor öğeler: Tailwind arbitrary class bg-[#612BD3] / border-[#612BD3]
   (ör. composer "Yukarıdan kanal seç" butonu) -> marka altını. */
[class*="bg-[#612BD3]"] {
  background: linear-gradient(135deg, #e8b33d, #d99a1f) !important;
  color: #1a1500 !important;
}
[class*="bg-[#612BD3]"] * { color: #1a1500 !important; }
[class*="border-[#612BD3]"] { border-color: #e8b33d !important; }

/* bg-forth (ikincil mor; ör. müşteri önizleme "Bir müşteriyle paylaş" + "Gönder" butonları) -> altın */
[class*="bg-forth"] {
  background: linear-gradient(135deg, #e8b33d, #d99a1f) !important;
  color: #1a1500 !important;
}
[class*="bg-forth"] * { color: #1a1500 !important; }

/* ============================================================
   TAKVİM — kart hover butonları tıklanabilir olsun
   Eklediğimiz müşteri-adı etiketi (data-origin-client) kartın üst barını kaplayıp
   "Önizle/Sil/İstatistik/Yinele" butonlarına tıklamayı engelliyordu. Düzeltme:
   etiket tıklamaya geçirgen + karta gelince soluklaşır (butonlar açığa çıkar/tıklanır).
   ============================================================ */
[data-origin-client] { pointer-events: none !important; }
[class*="min-h-[70px]"]:hover [data-origin-client] { opacity: 0 !important; transition: opacity .12s; }
[class*="group-hover:block"] { pointer-events: auto !important; }

/* ============================================================
   GÖNDERİ OLUŞTUR — pembe butonlar -> marka altını
   "Şimdi Paylaş" (.post-now) ve "+ Yorum / gönderi ekle" => bg-[#D82D7E];
   küçük aksiyon butonu => border/text-[#FC69FF]. Hepsi marka altınına.
   (Yazı/ikon koyulaştırılır; pembe kenarlı buton koyu zeminde altın yazı olur.)
   ============================================================ */
[class*="bg-[#D82D7E]"] {
  background: linear-gradient(135deg, #e8b33d, #d99a1f) !important;
  color: #1a1500 !important;
}
[class*="bg-[#D82D7E]"] * { color: #1a1500 !important; }
[class*="bg-[#D82D7E]"] svg, [class*="bg-[#D82D7E]"] path { fill: #1a1500 !important; stroke: #1a1500 !important; }
/* küçük pembe-kenarlı aksiyon butonu (koyu zemin) -> altın kenar + altın yazı/ikon */
[class*="border-[#FC69FF]"] { border-color: #e8b33d !important; }
[class*="text-[#FC69FF]"] { color: #e8b33d !important; }
[class*="text-[#FC69FF]"] svg, [class*="text-[#FC69FF]"] path { fill: #e8b33d !important; stroke: #e8b33d !important; }