/* ============================================================
   Ori Gece Modu v1.2 - Koyu tema
   - Katmanlı antrasit, doğrudan ters çevirme yok, tek vurgu rengi
   - Tüm kurallar html.ori-dark altında; açık modda etkisizdir
   ============================================================ */

/* ---------- Yüzen aç/kapat butonu ---------- */
.ori-dm-btn {
	width: 50px; height: 50px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.12);
	cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
	gap: 0;
	background: #1e1e1e; color: #f0f0f0;
	box-shadow: 0 6px 20px rgba(0,0,0,.35);
	transition: transform .18s ease, background .2s ease, box-shadow .2s ease;
	padding: 0; line-height: 0;
	font-family: inherit;
	-webkit-tap-highlight-color: transparent;
}
.ori-dm-btn:hover { transform: translateY(-2px) scale(1.06); box-shadow: 0 10px 26px rgba(0,0,0,.45); }
.ori-dm-btn:active { transform: scale(.96); }
.ori-dm-btn:focus-visible { outline: 2px solid #a6d65a; outline-offset: 3px; }
.ori-dm-btn svg { transition: transform .35s cubic-bezier(.4,0,.2,1); flex: 0 0 auto; }
.ori-dm-label { display: none; font-size: 14px; font-weight: 600; white-space: nowrap; line-height: 1; }
html.ori-dark .ori-dm-btn { background: #f3f3f3; color: #1a1a1a; border-color: rgba(0,0,0,.1); }
html.ori-dark .ori-dm-btn:hover { background: #ffffff; }
html.ori-dark .ori-dm-btn svg { transform: rotate(360deg); }

/* ---------- Başlık çubuğuna gömülü (inline) buton ---------- */
.ori-dm-inline {
	position: static !important;
	width: 40px !important; height: 40px !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: inherit !important;
	border-radius: 50% !important;
	vertical-align: middle;
	align-self: center;
}
.ori-dm-inline:hover {
	background: rgba(127,127,127,.14) !important;
	transform: none !important;
	box-shadow: none !important;
}
.ori-dm-inline:active { transform: scale(.92) !important; }
.ori-dm-inline .ori-dm-label { display: none !important; }
html.ori-dark .ori-dm-inline { background: transparent !important; color: #e6e6e6 !important; }
html.ori-dark .ori-dm-inline:hover { background: rgba(255,255,255,.12) !important; }

/* ---------- Geçiş animasyonu (yalnızca ilk boyamadan SONRA) ---------- */
html.ori-dm-anim body,
html.ori-dm-anim header, html.ori-dm-anim nav, html.ori-dm-anim aside,
html.ori-dm-anim footer, html.ori-dm-anim article, html.ori-dm-anim section,
html.ori-dm-anim .widget, html.ori-dm-anim .block, html.ori-dm-anim a,
html.ori-dm-anim h1, html.ori-dm-anim h2, html.ori-dm-anim h3,
html.ori-dm-anim p, html.ori-dm-anim span, html.ori-dm-anim li, html.ori-dm-anim div {
	transition: background-color .28s ease, color .28s ease, border-color .28s ease;
}

/* ============================================================
   KOYU MOD  —  zemin(--ori-bg) < yüzey1(--ori-s1) < yüzey2(--ori-s2)
   ============================================================ */

html.ori-dark, html.ori-dark body {
	background-color: var(--ori-bg, #121212) !important;
	color: var(--ori-text, #e6e6e6) !important;
}

/* Geniş kapsayıcılar -> şeffaf (gri blok oluşmasın) */
html.ori-dark .site, html.ori-dark #page, html.ori-dark #content,
html.ori-dark .site-content, html.ori-dark main, html.ori-dark .main,
html.ori-dark .container, html.ori-dark .wrapper, html.ori-dark .content-area,
html.ori-dark .row, html.ori-dark .col, html.ori-dark .columns,
html.ori-dark article, html.ori-dark .post, html.ori-dark .entry,
html.ori-dark .post-item, html.ori-dark .listing-item, html.ori-dark .block-post,
html.ori-dark .grid-item, html.ori-dark .loop-item, html.ori-dark .article {
	background-color: transparent !important;
	color: var(--ori-text, #e6e6e6);
}

/* === BAŞLIKLAR ===
   Liste/kart/bölüm başlıkları ve LİNK başlıklar -> vurgu (varsayılan yeşil).
   Geniş kapsam: bazı modüllerin başlıkları farklı sınıf kullandığı için
   [class*="title"] ve heading-link kalıpları !important ile yakalanır. */
html.ori-dark h1, html.ori-dark h2, html.ori-dark h3,
html.ori-dark h4, html.ori-dark h5, html.ori-dark h6,
html.ori-dark h1 a, html.ori-dark h2 a, html.ori-dark h3 a,
html.ori-dark h4 a, html.ori-dark h5 a, html.ori-dark h6 a,
html.ori-dark .entry-title, html.ori-dark .entry-title a,
html.ori-dark .post-title, html.ori-dark .post-title a,
html.ori-dark .widget-title, html.ori-dark .block-title,
html.ori-dark .title, html.ori-dark .title a,
html.ori-dark [class*="title"], html.ori-dark [class*="title"] a,
html.ori-dark [class*="-heading"], html.ori-dark [class*="-heading"] a {
	color: var(--ori-baslik, #a6d65a) !important;
}

/* Okuma içeriğindeki (makale gövdesi) başlıklar açık kalsın, yeşile boğulmasın */
html.ori-dark .entry-content h1, html.ori-dark .entry-content h2,
html.ori-dark .entry-content h3, html.ori-dark .entry-content h4,
html.ori-dark .entry-content h5, html.ori-dark .entry-content h6,
html.ori-dark .post-content h1, html.ori-dark .post-content h2,
html.ori-dark .post-content h3, html.ori-dark .post-content h4 {
	color: var(--ori-text, #f2f2f2) !important;
}

/* Gövde metni */
html.ori-dark p, html.ori-dark li, html.ori-dark dd, html.ori-dark dt,
html.ori-dark figcaption, html.ori-dark blockquote,
html.ori-dark .entry-content, html.ori-dark .post-content,
html.ori-dark .excerpt, html.ori-dark .post-excerpt, html.ori-dark .entry-excerpt {
	color: var(--ori-text, #dcdcdc);
}

/* === META / TARİH (siyah kalıp kaybolan kısım) === geniş + !important
   Tarih/zaman/etiket metni -> soluk gri; yazar linkleri -> yeşil kalır. */
html.ori-dark .meta, html.ori-dark .post-meta, html.ori-dark .entry-meta,
html.ori-dark .meta-item, html.ori-dark .meta-date, html.ori-dark .meta-author,
html.ori-dark .byline, html.ori-dark .posted-on, html.ori-dark .posted-by,
html.ori-dark .date, html.ori-dark .post-date, html.ori-dark .entry-date,
html.ori-dark .published, html.ori-dark .updated, html.ori-dark .post-author,
html.ori-dark time, html.ori-dark small,
html.ori-dark [class*="meta"], html.ori-dark [class*="meta"] span,
html.ori-dark [class*="meta"] time, html.ori-dark [class*="meta"] li,
html.ori-dark [class*="date"], html.ori-dark [class*="byline"] {
	color: var(--ori-muted, #9aa0a6) !important;
}
/* Meta içindeki linkler (yazar adı vb.) vurgu renginde kalsın */
html.ori-dark .meta a, html.ori-dark .post-meta a, html.ori-dark .entry-meta a,
html.ori-dark [class*="meta"] a, html.ori-dark .byline a, html.ori-dark .posted-by a {
	color: var(--ori-link, #a6d65a) !important;
}

/* Linkler — tek vurgu rengi */
html.ori-dark a { color: var(--ori-link, #a6d65a); }
html.ori-dark a:hover { color: var(--ori-link, #a6d65a); opacity: .82; }

/* === ÜST ALAN + SABİTLENEN (STICKY) MENÜ === */
html.ori-dark header, html.ori-dark .site-header, html.ori-dark #masthead,
html.ori-dark .main-header, html.ori-dark .header, html.ori-dark .header-wrap,
html.ori-dark .top-header, html.ori-dark .top-bar, html.ori-dark .header-bar,
html.ori-dark nav, html.ori-dark .navigation, html.ori-dark .main-navigation,
html.ori-dark .navbar, html.ori-dark .menu, html.ori-dark .nav-menu,
html.ori-dark .main-menu, html.ori-dark .primary-menu,
html.ori-dark .sub-menu, html.ori-dark .dropdown-menu, html.ori-dark .menu ul,
html.ori-dark .sticky-header, html.ori-dark .is-sticky, html.ori-dark .header-sticky,
html.ori-dark .sticky-on, html.ori-dark .nav-sticky, html.ori-dark .sticky-nav,
html.ori-dark .fixed-header, html.ori-dark .header-fixed, html.ori-dark .stuck,
html.ori-dark .headroom, html.ori-dark .rb-sticky, html.ori-dark .foxiz-sticky,
html.ori-dark .foxiz-sticky-header, html.ori-dark .s-header,
html.ori-dark [class*="sticky"], html.ori-dark [class*="-header"] {
	background-color: var(--ori-s1, #1a1a1a) !important;
	border-color: var(--ori-border, #2a2a2a) !important;
}
html.ori-dark .menu a, html.ori-dark nav a, html.ori-dark .nav-menu a,
html.ori-dark .navbar a, html.ori-dark [class*="-header"] a {
	color: var(--ori-text, #e6e6e6) !important;
}
html.ori-dark .menu a:hover, html.ori-dark nav a:hover {
	color: var(--ori-link, #a6d65a) !important;
}

/* === KENAR ÇUBUĞU / WIDGET / GERÇEK KARTLAR — hafif yüzey === */
html.ori-dark .widget, html.ori-dark .widget-content,
html.ori-dark .sidebar .widget, html.ori-dark aside .widget,
html.ori-dark .card, html.ori-dark .box, html.ori-dark .panel,
html.ori-dark .featured-box, html.ori-dark .rb-box, html.ori-dark .block-wrap {
	background-color: var(--ori-s1, #1a1a1a);
	border: 1px solid var(--ori-border, #2a2a2a);
	border-radius: 8px;
	color: var(--ori-text, #e6e6e6);
}

/* İç içe yüzeyler & kod */
html.ori-dark pre, html.ori-dark code, html.ori-dark kbd,
html.ori-dark .widget .widget {
	background-color: var(--ori-s2, #222222);
	color: var(--ori-text, #e6e6e6);
	border-color: var(--ori-border, #2a2a2a);
}

/* Footer */
html.ori-dark footer, html.ori-dark .site-footer, html.ori-dark .footer,
html.ori-dark .footer-wrap, html.ori-dark .bottom-footer, html.ori-dark .footer-bottom {
	background-color: var(--ori-s1, #1a1a1a) !important;
	color: var(--ori-text, #cfcfcf);
	border-color: var(--ori-border, #2a2a2a) !important;
}

/* Açık kenarlıkları sönümle */
html.ori-dark *, html.ori-dark *::before, html.ori-dark *::after {
	border-color: var(--ori-border, #2a2a2a);
}
html.ori-dark hr, html.ori-dark .divider, html.ori-dark .separator {
	background-color: var(--ori-border, #2a2a2a);
	border-color: var(--ori-border, #2a2a2a) !important;
}

/* Form alanları */
html.ori-dark input:not([type="submit"]):not([type="button"]),
html.ori-dark textarea, html.ori-dark select {
	background-color: var(--ori-s2, #222222) !important;
	color: var(--ori-text, #e6e6e6) !important;
	border: 1px solid var(--ori-border, #2a2a2a) !important;
}
html.ori-dark input::placeholder, html.ori-dark textarea::placeholder {
	color: var(--ori-muted, #888) !important;
}

/* Tablolar & yorumlar */
html.ori-dark table, html.ori-dark th, html.ori-dark td {
	background-color: var(--ori-s1, #1a1a1a);
	color: var(--ori-text, #e6e6e6);
	border-color: var(--ori-border, #2a2a2a) !important;
}
html.ori-dark .comment, html.ori-dark .comment-body,
html.ori-dark #comments, html.ori-dark .comment-respond {
	background-color: var(--ori-s1, #1a1a1a);
	color: var(--ori-text, #e6e6e6);
}

/* === YAZAR KUTUSU / ETİKETLER / İLGİLİ KARTLAR (beyaz kalan alanlar) === */
html.ori-dark .author-box, html.ori-dark .author-bio, html.ori-dark .about-author,
html.ori-dark .author-info, html.ori-dark .author-wrapper, html.ori-dark .author-meta,
html.ori-dark .post-author-box, html.ori-dark .entry-author, html.ori-dark .single-author,
html.ori-dark .author-description, html.ori-dark [class*="author-box"],
html.ori-dark [class*="author-bio"], html.ori-dark [class*="-author"],
html.ori-dark .tags, html.ori-dark .tagcloud, html.ori-dark .post-tags,
html.ori-dark .entry-tags, html.ori-dark .related, html.ori-dark .related-posts,
html.ori-dark .share, html.ori-dark .share-box, html.ori-dark .post-share,
html.ori-dark .single-footer, html.ori-dark .entry-footer {
	background-color: var(--ori-s1, #1a1a1a) !important;
	color: var(--ori-text, #e6e6e6);
	border-color: var(--ori-border, #2a2a2a) !important;
}
/* Yazar kutusu içindeki metinler okunaklı olsun */
html.ori-dark [class*="author"] p, html.ori-dark [class*="author"] span,
html.ori-dark .author-description, html.ori-dark .author-bio,
html.ori-dark [class*="author"] .bio, html.ori-dark [class*="author"] li {
	color: var(--ori-text, #dcdcdc) !important;
}
/* Etiket bağlantıları: kenarlıklı, vurgu renkli, okunaklı */
html.ori-dark .tagcloud a, html.ori-dark .tags a, html.ori-dark .post-tags a,
html.ori-dark .entry-tags a, html.ori-dark .tag-link {
	background-color: var(--ori-s2, #222222) !important;
	color: var(--ori-link, #a6d65a) !important;
	border-color: var(--ori-border, #2a2a2a) !important;
}

/* Görselleri hafif kıs */
html.ori-dark .entry-content img, html.ori-dark article img,
html.ori-dark figure img, html.ori-dark .post img {
	filter: brightness(.9) contrast(.98);
}
html.ori-dark .site-logo img, html.ori-dark .logo img,
html.ori-dark [class*="logo"] img { filter: none !important; }

/* Kategori etiketleri okunaklılık */
html.ori-dark .cat-link, html.ori-dark .category a, html.ori-dark .post-cat a,
html.ori-dark .cat a, html.ori-dark .term a { filter: brightness(1.08); }

/* ---------- Premium dokunuşlar ---------- */
html.ori-dark ::selection { background: rgba(166,214,90,.30); color: #fff; }
html.ori-dark { scrollbar-color: #3a3a3a var(--ori-bg, #121212); }
html.ori-dark ::-webkit-scrollbar { width: 12px; height: 12px; }
html.ori-dark ::-webkit-scrollbar-track { background: var(--ori-bg, #121212); }
html.ori-dark ::-webkit-scrollbar-thumb {
	background: #3a3a3a; border-radius: 8px; border: 3px solid var(--ori-bg, #121212);
}
html.ori-dark ::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }

/* JS ile koyulaştırılan kutuların kenarlıkları da koyu olsun */
html.ori-dark .ori-fixed-bg { border-color: var(--ori-border, #2a2a2a) !important; }