/*
Theme Name:  Rural Blog — 9495 Creative
Theme URI:   https://9495creative.com/blog/
Template:    rural-blog
Author:      9495 Creative
Description: Blogu ana sitenin (9495creative.com) bir iç sayfası hâline getiren katman. Ana sitenin bootstrap + style.css + main.js dosyalarını kullanır; burada yalnızca bloga özgü bileşenler (kart, hero, sekme, yazı düzeni) tanımlıdır.
Version:     2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rural-blog-9495
*/

/* Ana sitenin tokenları (--font-display, --text-primary, --bg-main …) style.css'ten gelir.
   Burada sadece bloga ait olanlar var. */
.rb9495 {
	--rb-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--rb-hair: rgba(21, 21, 21, 0.08);
	--rb-tint: rgba(21, 21, 21, 0.04);
}

/* =========================================================================
   1. HERO — ana sitedeki .anita-editorial-hero ile aynı, sadece uzun başlık ayarı
   ======================================================================= */
.rb9495 .rb-hero .hero-title-large { text-wrap: balance; }
.rb9495 .rb-hero-single .hero-title-large { font-size: 3.4rem; line-height: 1.02; }
.rb9495 .rb-hero-aside { gap: 14px; }

.rb9495 .rb-back-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-sans);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--text-muted);
	text-decoration: none;
	transition: color 0.3s ease, gap 0.3s var(--rb-ease);
}
.rb9495 .rb-back-link:hover { color: var(--text-primary); gap: 12px; }

/* Ortak buton — ana sitedeki "START A BRIEF →" */
.rb9495 .rb-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 26px;
	border: 1px solid var(--text-primary);
	border-radius: 30px;
	background: var(--text-primary);
	color: #fff;
	font-family: var(--font-sans);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.4s var(--rb-ease);
}
.rb9495 .rb-btn:hover { background: transparent; color: var(--text-primary); transform: translateY(-2px); }

/* =========================================================================
   2. ARAMA — ana sitedeki .anita-premium-input
   ======================================================================= */
.rb9495 .rb-search { position: relative; width: 100%; max-width: 340px; }
.rb9495 .rb-search-input { width: 100%; padding-right: 48px !important; }
.rb9495 .rb-search-btn {
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--text-muted);
	cursor: pointer;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.rb9495 .rb-search-btn:hover { color: var(--text-primary); background: var(--rb-tint); }

/* =========================================================================
   3. KATEGORİ SEKMELERİ — portfolio filtre sekmeleriyle aynı dil
   ======================================================================= */
.rb9495 .rb-tabs-wrapper {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 3rem;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.rb9495 .rb-tabs-wrapper::-webkit-scrollbar { display: none; }
.rb9495 .rb-tabs-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; width: 100%; }
.rb9495 .rb-tab {
	background: rgba(255, 255, 255, 0.65);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border: none;
	border-radius: 6px;
	padding: 15px 30px;
	font-family: var(--font-display);
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(26, 29, 32, 0.45);
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.3s ease;
}
.rb9495 .rb-tab:hover { background: rgba(255, 255, 255, 0.95); color: #1a1d20; }
.rb9495 .rb-tab.active { background: rgba(255, 255, 255, 0.9); color: #1a1d20; }

/* =========================================================================
   4. YAZI KARTI — ana sitedeki .service-card davranışı
      (görsel altta durur, hover'da kartı kaplar; metin cam panele döner)
   ======================================================================= */
.rb9495 .rb-post-card {
	position: relative;
	height: 100%;
	min-height: 460px;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--rb-hair);
	border-radius: 6px;
	overflow: hidden;
	transition: all 0.6s var(--rb-ease);
}
.rb9495 .rb-post-card:hover {
	border-color: var(--text-primary);
	transform: translateY(-8px);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.06);
}
.rb9495 .rb-post-card:hover .card-crosshair { border-color: var(--text-primary); width: 12px; height: 12px; }
.rb9495 .rb-post-link { display: flex; flex-direction: column; height: 100%; color: inherit; }

.rb9495 .rb-post-media {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	height: 160px;
	border-radius: 4px;
	overflow: hidden;
	background: var(--bg-main);
	border: 1px solid rgba(21, 21, 21, 0.06);
	z-index: 1;
	transition: all 0.6s var(--rb-ease);
}
.rb9495 .rb-post-card:hover .rb-post-media { inset: auto 0 0 0; height: 100%; border-radius: 0; border: none; }
.rb9495 .rb-post-img,
.rb9495 .rb-post-img-empty { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s var(--rb-ease); }
.rb9495 .rb-post-img-empty { background: linear-gradient(135deg, var(--bg-secondary), var(--bg-main)); }
.rb9495 .rb-post-card:hover .rb-post-img { transform: scale(1.04); }

.rb9495 .rb-post-body {
	position: relative;
	z-index: 3;
	padding: 30px;
	display: flex;
	flex-direction: column;
	transition: all 0.6s var(--rb-ease);
}
.rb9495 .rb-post-card:hover .rb-post-body {
	margin: 24px;
	padding: 20px 24px;
	background: rgba(255, 255, 255, 0.75);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 6px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.rb9495 .rb-post-number,
.rb9495 .rb-post-date {
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--text-muted);
}
.rb9495 .rb-post-title {
	font-family: var(--font-display);
	font-size: 1.45rem;
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: -1px;
	color: var(--text-primary);
	margin: 0 0 14px;
	text-wrap: balance;
}
.rb9495 .rb-post-desc { font-size: 0.88rem; line-height: 1.7; color: var(--text-muted); margin: 0; }
.rb9495 .rb-post-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	font-family: var(--font-sans);
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--text-primary);
	opacity: 0;
	transform: translateY(6px);
	transition: all 0.5s var(--rb-ease);
}
.rb9495 .rb-post-card:hover .rb-post-more { opacity: 1; transform: none; }

/* =========================================================================
   5. SAYFALAMA
   ======================================================================= */
.rb9495 .rb-pagination { margin-top: 4rem; }
.rb9495 .rb-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; }
.rb9495 .rb-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border-radius: 6px;
	font-family: var(--font-display);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 1px;
	color: rgba(26, 29, 32, 0.45);
	background: rgba(255, 255, 255, 0.65);
	text-decoration: none;
	transition: all 0.3s ease;
}
.rb9495 .rb-pagination .page-numbers:hover { background: rgba(255, 255, 255, 0.95); color: var(--text-primary); }
.rb9495 .rb-pagination .page-numbers.current { background: var(--text-primary); color: #fff; }
.rb9495 .rb-pagination .dots { background: transparent; }

/* =========================================================================
   6. TEKİL YAZI
   ======================================================================= */
.rb9495 .rb-article-media { border: 1px solid var(--rb-hair); }
.rb9495 .rb-article-media img { display: block; width: 100%; max-height: 520px; object-fit: cover; }

.rb9495 .rb-aside-sticky { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 26px; }
.rb9495 .rb-aside-block { display: flex; flex-direction: column; gap: 8px; }
.rb9495 .rb-aside-label { font-size: 0.62rem; font-weight: 500; letter-spacing: 1px; color: var(--text-muted); }
.rb9495 .rb-aside-value,
.rb9495 .rb-aside-value a {
	font-family: var(--font-sans);
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--text-primary);
	text-decoration: none;
}
.rb9495 .rb-aside-value a:hover { text-decoration: underline; }

/* Okuma sütunu */
.rb9495 .rb-content { font-family: var(--font-sans); font-size: 1.08rem; line-height: 1.8; color: var(--text-primary); }
.rb9495 .rb-content > * + * { margin-top: 1.4em; }
.rb9495 .rb-content h2,
.rb9495 .rb-content h3,
.rb9495 .rb-content h4 {
	font-family: var(--font-display);
	font-weight: 800;
	letter-spacing: -1px;
	line-height: 1.12;
	color: var(--text-primary);
	margin-top: 2.2em;
	margin-bottom: 0.5em;
	text-wrap: balance;
}
.rb9495 .rb-content h2 { font-size: 2rem; }
.rb9495 .rb-content h3 { font-size: 1.45rem; }
.rb9495 .rb-content h4 { font-size: 1.15rem; }
.rb9495 .rb-content strong { font-weight: 600; }
.rb9495 .rb-content a {
	color: var(--text-primary);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	text-decoration-color: rgba(26, 29, 32, 0.3);
	transition: text-decoration-color 0.3s;
}
.rb9495 .rb-content a:hover { text-decoration-color: var(--text-primary); }
.rb9495 .rb-content ul,
.rb9495 .rb-content ol { padding-left: 1.3em; }
.rb9495 .rb-content li + li { margin-top: 0.5em; }
.rb9495 .rb-content img { border-radius: 6px; max-width: 100%; height: auto; }
.rb9495 .rb-content figure { margin: 2.4em 0; }
.rb9495 .rb-content figcaption { margin-top: 0.7em; font-size: 0.78rem; letter-spacing: 0.5px; color: var(--text-muted); }
.rb9495 .rb-content blockquote {
	margin: 2.4em 0;
	padding: 0 0 0 1.6em;
	border-left: 2px solid var(--text-primary);
	font-family: var(--font-display);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -0.5px;
}
.rb9495 .rb-content code { font-size: 0.9em; padding: 0.15em 0.45em; border-radius: 4px; background: var(--bg-secondary); }
.rb9495 .rb-content pre { padding: 1.4rem 1.6rem; border-radius: 6px; background: #0d0e10; color: #f5f5f5; overflow-x: auto; }
.rb9495 .rb-content pre code { background: none; padding: 0; }

/* Tablolar — mobilde yatay kaydırma */
.rb9495 .rb-table-scroll {
	margin: 2.4em 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--rb-hair);
	border-radius: 6px;
	background: #fff;
}
.rb9495 .rb-content table { width: 100%; min-width: 640px; margin: 0; border-collapse: collapse; font-size: 0.92rem; line-height: 1.6; }
.rb9495 .rb-content th,
.rb9495 .rb-content td { padding: 0.95rem 1.1rem; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid rgba(33, 37, 41, 0.06); }
.rb9495 .rb-content th {
	font-family: var(--font-sans);
	font-size: 0.64rem;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--text-muted);
	border-bottom: 1px solid rgba(33, 37, 41, 0.14);
}
.rb9495 .rb-content tbody tr:nth-child(even) td { background: rgba(21, 21, 21, 0.015); }
.rb9495 .rb-content tr:last-child td { border-bottom: 0; }
.rb9495 .rb-content td:first-child { font-weight: 600; }

/* Etiketler, paylaşım, yazı gezinmesi */
.rb9495 .rb-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.rb9495 .rb-tag {
	padding: 8px 14px;
	border: 1px solid var(--rb-hair);
	border-radius: 30px;
	font-family: var(--font-sans);
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--text-muted);
	text-decoration: none;
	transition: all 0.3s ease;
}
.rb9495 .rb-tag:hover { color: var(--text-primary); border-color: var(--text-primary); }
.rb9495 .rb-share .social-link { font-size: 0.8rem; }

.rb9495 .rb-post-nav a { display: flex; flex-direction: column; gap: 8px; text-decoration: none; }
.rb9495 .rb-post-nav-title {
	font-family: var(--font-display);
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	color: var(--text-primary);
	transition: opacity 0.3s;
}
.rb9495 .rb-post-nav a:hover .rb-post-nav-title { opacity: 0.6; }

/* Bölüm başlıkları ve ilgili yazılar */
.rb9495 .rb-section-label { display: block; font-size: 0.66rem; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: var(--text-muted); margin-bottom: 10px; }
.rb9495 .rb-section-title { font-family: var(--font-display); font-size: 2.2rem; font-weight: 800; letter-spacing: -1px; margin: 0; }

/* Boş durum */
.rb9495 .rb-empty { padding: 4rem 0; max-width: 520px; }
.rb9495 .rb-empty-text { font-size: 1.05rem; line-height: 1.7; color: var(--text-muted); margin: 0 0 1.8rem; }

/* =========================================================================
   7. MOBİL
   ======================================================================= */
@media (max-width: 991.98px) {
	.rb9495 .rb-aside-sticky { position: static; flex-direction: row; flex-wrap: wrap; gap: 24px 40px; padding-bottom: 1.5rem; border-bottom: 1px solid var(--rb-hair); }
	.rb9495 .col-lg-8.offset-lg-1 { margin-left: 0; }
}
@media (max-width: 767.98px) {
	.rb9495 .rb-hero-single .hero-title-large { font-size: 2.3rem; letter-spacing: -1px; }
	.rb9495 .rb-post-card { min-height: 400px; }
	.rb9495 .rb-post-title { font-size: 1.3rem; }
	.rb9495 .rb-tab { font-size: 0.72rem; padding: 10px 14px; letter-spacing: 1px; }
	.rb9495 .rb-content { font-size: 1rem; }
	.rb9495 .rb-content h2 { font-size: 1.6rem; }
	.rb9495 .rb-content blockquote { font-size: 1.15rem; }
	.rb9495 .rb-section-title { font-size: 1.6rem; }
	.rb9495 .rb-search { max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.rb9495 .rb-post-card,
	.rb9495 .rb-post-media,
	.rb9495 .rb-post-body,
	.rb9495 .rb-post-img,
	.rb9495 .rb-post-more { transition: none; }
	.rb9495 .rb-post-card:hover { transform: none; }
	.rb9495 .rb-post-card:hover .rb-post-img { transform: none; }
}