/*
Theme Name: Ortadoğu Postası
Description: Ortadoğu Postası için gazete düzeni (Mission News alt teması).
Author: Karakaş Digital
Author URI: https://www.karakas.digital
Template: mission-news
Version: 1.0.0
Text Domain: ortadogu-postasi
*/

:root {
	--op-siyah: #121212;
	--op-gri: #5a5a5a;
	--op-acik-gri: #727272;
	--op-cizgi: #dfdfdf;
	--op-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
	--op-sans: "Libre Franklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ---------- Temel ---------- */
body {
	font-family: var(--op-serif);
	color: var(--op-siyah);
	background: #fff;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--op-serif);
	font-style: normal;
	font-weight: 700;
	color: var(--op-siyah);
}
a { color: var(--op-siyah); }
a:hover, a:active, a:focus { color: var(--op-gri); }
.post-content a, .comment-content a { color: #326891; text-decoration: underline; text-underline-offset: 2px; }
.post-content a:hover { color: var(--op-siyah); }

input[type="text"], input[type="email"], input[type="search"], input[type="url"], input[type="password"], textarea {
	font-family: var(--op-sans);
	border: 1px solid #c7c7c7;
	border-radius: 0;
	background: #fff;
}
input[type="submit"], button[type="submit"] {
	font-family: var(--op-sans);
	font-weight: 600;
	letter-spacing: .02em;
	background: var(--op-siyah);
	color: #fff;
	border: 1px solid var(--op-siyah);
	border-radius: 0;
}
input[type="submit"]:hover { background: #fff; color: var(--op-siyah); }

/* ---------- Üst bant ---------- */
.site-header { border-bottom: 0; margin-bottom: 0; }
.top-nav { border-bottom: 0; }
.menu-secondary-items a,
.search-toggle span,
.search-toggle {
	font-family: var(--op-sans);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--op-siyah);
}
.menu-secondary-items a:hover { color: var(--op-gri); text-decoration: none; }
.menu-secondary-items .current-menu-item > a { text-decoration: none; font-weight: 700; }

.site-header .date {
	font-family: var(--op-sans);
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	color: var(--op-siyah);
}
.tagline {
	font-family: var(--op-serif);
	font-style: italic;
	font-size: 14px;
	color: var(--op-gri);
}

/* ---------- Ana menü ---------- */
.menu-primary-items a,
.menu-unset > ul a {
	font-family: var(--op-sans);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .01em;
}
.menu-primary-items li.current-menu-item > a,
.menu-primary-items li.current-menu-ancestor > a { font-weight: 700; text-decoration: none; }

/* Masaüstü: beyaz zemin, altında çift çizgi (mobilde üst temanın siyah açılır paneli kalır) */
@media all and (min-width: 50em) {
	.menu-primary-container {
		border-top: 1px solid var(--op-cizgi);
		border-bottom: 3px double var(--op-siyah);
		background: #fff;
	}
	.menu-primary-items > li > a { padding-top: 10px; padding-bottom: 10px; }
	.menu-primary-items a,
	.menu-unset > ul a { color: var(--op-siyah); }
	.menu-primary-items a:hover,
	.menu-primary-items a:focus { color: var(--op-siyah); text-decoration: underline; text-underline-offset: 4px; }
}
@media all and (max-width: 49.9375em) {
	.menu-primary-items a { font-size: 16px; }
	.menu-primary-container .menu-secondary-items a { color: #dcdcdc; }
}

/* ---------- Sütunlar ---------- */
.sidebar-left .inner, .sidebar-right .inner { border-color: var(--op-cizgi); }
.sidebar-left .widget, .sidebar-right .widget { margin-bottom: 28px; }

.widget-title,
.sidebar-left .widget-title,
.sidebar-right .widget-title {
	font-family: var(--op-sans);
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--op-siyah);
	border-top: 2px solid var(--op-siyah);
	border-bottom: 0;
	padding: 8px 0 0;
	margin: 0 0 14px;
}

/* Haber listesi bileşenleri (yan sütunlar) */
.widget_ct_mission_news_post_list .title,
.widget_ct_mission_news_post_list .style-1 .title,
.widget_ct_mission_news_post_list .style-2 .title,
.more-from-category .title,
.widget_recent_entries a {
	font-family: var(--op-serif);
	font-style: normal;
	font-weight: 700;
	font-size: 17px;
	line-height: 1.22;
	color: var(--op-siyah);
	text-decoration: none;
}
.widget_ct_mission_news_post_list .title:hover,
.more-from-category .title:hover,
.widget_recent_entries a:hover { color: var(--op-gri); text-decoration: none; }

.widget_ct_mission_news_post_list li,
.widget_ct_mission_news_post_list .style-1 li,
.widget_ct_mission_news_post_list .style-2 li {
	border-bottom: 1px solid var(--op-cizgi);
	padding-bottom: 14px;
	margin-bottom: 14px;
}
.widget_ct_mission_news_post_list li:last-child { border-bottom: 0; margin-bottom: 0; }
.widget_ct_mission_news_post_list .excerpt,
.widget_ct_mission_news_post_list .style-2 .excerpt {
	font-family: var(--op-serif);
	font-size: 14px;
	line-height: 1.45;
	color: var(--op-gri);
	margin-top: 6px;
}
.widget_ct_mission_news_post_list .comments-link { display: none; }
.widget_ct_mission_news_post_list .featured-image { margin-bottom: 10px; }

.widget_recent_entries ul { list-style: none; margin: 0; padding: 0; }
.widget_recent_entries li {
	border-bottom: 1px solid var(--op-cizgi);
	padding: 0 0 12px;
	margin: 0 0 12px;
}
.widget_recent_entries li:last-child { border-bottom: 0; }
.widget_recent_entries a { font-size: 15px; font-weight: 600; }

/* ---------- Haber kartları (ana sayfa, kategori, arama) ---------- */
.post-title, .post-title a {
	font-family: var(--op-serif);
	font-style: normal;
	font-weight: 700;
	color: var(--op-siyah);
	text-decoration: none;
}
.post-title a:hover, .post-title a:focus { color: var(--op-gri); }

.blog .entry .post-title,
.archive .entry .post-title,
.search .entry .post-title { font-size: 18px; line-height: 1.22; }

.blog .entry, .archive .entry, .search .entry { border-color: var(--op-cizgi); }

/* Manşet: ilk haber */
.blog:not(.paged) .loop-container > .entry:first-child .post-title,
.archive:not(.paged) .loop-container > .entry:first-child .post-title {
	font-size: 26px;
	line-height: 1.15;
	letter-spacing: -.005em;
}
@media all and (min-width: 62.5em) {
	.blog:not(.paged) .loop-container > .entry:first-child .post-title,
	.archive:not(.paged) .loop-container > .entry:first-child .post-title { font-size: 32px; }
}
.loop-container > .entry:first-child .post-content {
	font-size: 16px;
	line-height: 1.5;
	color: var(--op-gri);
}

.post-byline,
.widget_recent_entries .post-date,
.last-updated {
	font-family: var(--op-sans);
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--op-acik-gri);
}

/* Görseller 3:2 */
.layout-double .double .featured-image,
.layout-rows .rows .featured-image,
.layout-rows-excerpt .rows-excerpt .featured-image,
.widget_ct_mission_news_post_list .style-2 .featured-image,
.more-from-category .featured-image { padding-bottom: 66.667%; }
.featured-image img { border-radius: 0; }

/* Kategori / arama başlığı */
.archive-header {
	border-top: 2px solid var(--op-siyah);
	border-bottom: 1px solid var(--op-cizgi);
	background: none;
	padding: 14px 0 16px;
	text-align: left;
}
.archive-header h1 {
	font-family: var(--op-serif);
	font-size: 30px;
	font-weight: 700;
	font-style: normal;
	line-height: 1.15;
}
.archive-header p { font-family: var(--op-serif); color: var(--op-gri); }

/* Sayfalama */
.pagination { font-family: var(--op-sans); font-size: 13px; border-top: 1px solid var(--op-cizgi); }
.pagination a, .pagination span { color: var(--op-siyah); font-weight: 500; }
.pagination .current { font-weight: 700; border-bottom: 2px solid var(--op-siyah); }

/* ---------- Haber sayfası ---------- */
.singular .entry .post-title,
.single .entry h1.post-title {
	font-size: 30px;
	line-height: 1.15;
	letter-spacing: -.005em;
	margin-bottom: 10px;
}
@media all and (min-width: 50em) {
	.singular .entry .post-title,
	.single .entry h1.post-title { font-size: 38px; }
}
.singular .post-content,
.singular .post-content p,
.singular .post-content li {
	font-family: var(--op-serif);
	font-size: 19px;
	line-height: 1.6;
	color: #2a2a2a;
}
.singular .post-content h2 { font-size: 26px; line-height: 1.2; margin: 1.6em 0 .5em; }
.singular .post-content h3 { font-size: 21px; line-height: 1.25; margin: 1.5em 0 .5em; }
.singular .post-content blockquote {
	border-left: 3px solid var(--op-siyah);
	margin-left: 0;
	padding-left: 20px;
	font-style: italic;
	color: var(--op-siyah);
}
.featured-image + .caption,
.wp-caption-text, figcaption {
	font-family: var(--op-sans);
	font-size: 12px;
	font-style: normal;
	color: var(--op-acik-gri);
	text-align: left;
}
.post-meta { border-top: 1px solid var(--op-cizgi); }
.post-categories, .post-tags,
.post-categories a, .post-tags a {
	font-family: var(--op-sans);
	font-size: 12px;
	letter-spacing: .03em;
}
.post-tags a, .post-categories a {
	border: 1px solid var(--op-cizgi);
	border-radius: 0;
	background: #fff;
	color: var(--op-siyah);
}
.post-tags a:hover, .post-categories a:hover { background: var(--op-siyah); border-color: var(--op-siyah); color: #fff; }

.more-from-category { border-top: 2px solid var(--op-siyah); }
.more-from-category .category-container .top,
.more-from-category > .top {
	font-family: var(--op-sans);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

/* Yorumlar */
.comments-number h2, .comment-reply-title {
	font-family: var(--op-sans);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.comments .comment-content, .comment-respond .comment-notes, .comment-respond label { font-family: var(--op-sans); font-size: 14px; }

/* ---------- Alt bilgi ---------- */
.site-footer {
	background: #fff;
	border-top: 3px double var(--op-siyah);
	padding-top: 28px;
	margin-top: 36px;
}
.site-footer .site-title.has-date .custom-logo-link .custom-logo,
.site-footer .site-title .custom-logo-link .custom-logo.custom-logo { max-width: 260px !important; height: auto !important; }
.site-footer .footer-tagline { font-family: var(--op-serif); font-style: italic; font-size: 13px; color: var(--op-gri); }
.menu-footer-items a {
	font-family: var(--op-sans);
	font-size: 12px;
	font-weight: 500;
	color: var(--op-siyah);
	text-decoration: none;
}
.menu-footer-items a:hover { text-decoration: underline; }
.site-footer .design-credit {
	font-family: var(--op-sans);
	font-size: 11px;
	color: var(--op-acik-gri);
	border-top: 1px solid var(--op-cizgi);
	padding-top: 14px;
	text-transform: none;
}

/* Yukarı çık düğmesi */
.scroll-to-top { border-radius: 0; background: var(--op-siyah); }

/* Menü çizgisi ile içerik arasında boşluk */
@media all and (min-width: 50em) {
	.content-container { padding-top: 18px; }
}

/* Kategori başlığı sade */
.archive-header i { display: none; }
.archive-header p, .archive-header p em, .archive-header p i { font-style: normal; font-size: 15px; line-height: 1.5; }

/* Mobil üst bant */
.toggle-navigation, .search-toggle { border-radius: 0; }
@media all and (max-width: 49.9375em) {
	.site-header { border-bottom: 3px double var(--op-siyah); padding-bottom: 10px; margin-bottom: 16px; }
}

/* =====================================================================
   ÇİZGİ DÜZENİ (tek kural)
   - Çift siyah çizgi: yalnızca menünün altında ve alt bilginin üstünde.
   - İnce siyah çizgi: yalnızca bölüm etiketlerinin üstünde (sütunun ilk etiketi hariç).
   - İnce gri çizgi: sütunlar arasında dikey, haber satırları arasında yatay.
   - Kutu/çerçeve yok: kartlar, sayfa numaraları, simgeler çerçevesiz.
   ===================================================================== */

/* Üst bölüm: menünün üstündeki gri çizgi kalktı */
@media all and (min-width: 50em) {
	.menu-primary-container { border-top: 0; }
	/* Sütun ayırıcılar çift çizgiye değmesin */
	.content-container:before, .content-container:after { top: 18px; }
}
.social-media-icons a,
.site-header .social-media-icons a,
.site-footer .social-media-icons a { border: 0; }

/* Bölüm etiketleri */
.widget-title,
.sidebar-left .widget-title,
.sidebar-right .widget-title { border-top: 1px solid var(--op-siyah); padding-top: 10px; }
.sidebar .widget:first-child .widget-title { border-top: 0; padding-top: 0; }

/* Görselli listeler (sağ sütun): çizgi yerine boşluk */
.widget_ct_mission_news_post_list li.has-image,
.widget_ct_mission_news_post_list .style-1 li.has-image,
.widget_ct_mission_news_post_list .style-2 li.has-image {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 24px;
}

/* Haber ızgarası: dikey kutu çizgileri yok, yalnızca satır arası yatay çizgi */
.layout-double .loop-container .entry.double {
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 1px solid var(--op-cizgi);
	margin-left: 0;
	padding-top: 18px;
	padding-bottom: 20px;
}
.blog .loop-container > .entry:first-child,
.archive .loop-container > .entry:first-child { border-top: 0; }

/* Sayfalama: kutusuz */
.pagination { border-top: 1px solid var(--op-cizgi); padding-top: 18px; }
.pagination a, .pagination span { border: 0; padding: 4px 9px; margin: 0 2px 0 0; }
.pagination a:hover { text-decoration: underline; text-underline-offset: 4px; }
.pagination .current { border: 0; border-bottom: 2px solid var(--op-siyah); font-weight: 700; }

/* Kategori başlığı: yalnızca altında ince çizgi */
.archive-header { border-top: 0; padding-top: 0; margin-bottom: 18px; }

/* Haber sayfası: boş bilgi kutusunun çift çizgisi yok; yorumlar tek çizgiyle ayrılır */
.post-meta { border: 0; padding: 0; margin: 0; }
.post-meta > * { margin-top: 18px; }
#main .comments { border-top: 1px solid var(--op-cizgi); margin-top: 28px; padding-top: 22px; }

/* Alt bilgi: telif satırının üstündeki ek çizgi yok */
.site-footer .design-credit { border-top: 0; padding-top: 6px; }

/* "Daha Fazla Haber" düğmesi (sayfa numaralarının yerine) */
.pagination a { text-decoration: none; }
.pagination.op-daha-fazla { text-align: center; padding-left: 0; padding-right: 0; }
.op-daha-fazla-dugme {
	display: block;
	width: 100%;
	max-width: 340px;
	margin: 6px auto 0;
	padding: 12px 20px;
	font-family: var(--op-sans);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--op-siyah);
	background: #fff;
	border: 1px solid var(--op-siyah);
	border-radius: 0;
	cursor: pointer;
}
.op-daha-fazla-dugme:hover, .op-daha-fazla-dugme:focus { background: var(--op-siyah); color: #fff; }
.op-daha-fazla-dugme[disabled] { opacity: .6; cursor: default; }
.op-daha-yeni {
	display: inline-block;
	margin-bottom: 12px;
	font-family: var(--op-sans);
	font-size: 12px;
	font-weight: 500;
	color: var(--op-gri);
}

/* Alt bilgi çizgisi üst menü çizgisiyle aynı hizada */
.site-footer { border-top: 0; padding-top: 0; }
.site-footer:before {
	content: "";
	display: block;
	border-top: 3px double var(--op-siyah);
	margin-bottom: 28px;
}

/* Mobilde haberler arasında tek çizgi (üst temanın alt çizgisi + bizim üst çizgi üst üste binmesin) */
.blog .loop-container .entry,
.archive .loop-container .entry,
.search .loop-container .entry { border-bottom: 0; }
@media all and (max-width: 49.9375em) {
	.blog .loop-container .entry,
	.archive .loop-container .entry,
	.search .loop-container .entry { border-top: 1px solid var(--op-cizgi); padding-top: 18px; padding-bottom: 18px; margin-bottom: 0; }
	.blog .loop-container > .entry:first-child,
	.archive .loop-container > .entry:first-child { border-top: 0; padding-top: 0; }
}

/* ---------- Alt bilgi: sütunlu gazete düzeni ---------- */
.site-footer.op-alt { text-align: left; padding-bottom: 22px; }
.op-alt-ust {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 22px;
}
.op-alt-logo .site-title { margin: 0; text-align: left; }
.op-alt-logo .site-title .custom-logo-link .custom-logo.custom-logo { max-width: 230px !important; display: block; margin: 0; }
.site-footer.op-alt .footer-tagline { margin: 4px 0 0; text-align: left; }
.site-footer.op-alt .social-media-icons { margin: 0; padding: 0; }
.site-footer.op-alt .social-media-icons li { margin: 0; }

.op-alt-sutunlar {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px 24px;
	border-top: 1px solid var(--op-cizgi);
	padding-top: 22px;
}
.op-alt-sutun.op-alt-genis { grid-column: 1 / -1; }
.op-alt-baslik {
	font-family: var(--op-sans);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.op-alt-sutun ul { list-style: none; margin: 0; padding: 0; }
.op-alt-sutun.op-alt-genis ul { column-count: 2; column-gap: 24px; }
.op-alt-sutun li { margin: 0 0 7px; padding: 0; break-inside: avoid; }
.op-alt-sutun a {
	font-family: var(--op-sans);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.35;
	color: var(--op-siyah);
	text-decoration: none;
}
.op-alt-sutun a:hover, .op-alt-sutun a:focus { text-decoration: underline; text-underline-offset: 3px; color: var(--op-siyah); }
.site-footer.op-alt .design-credit {
	margin-top: 26px;
	padding-top: 14px;
	border-top: 1px solid var(--op-cizgi);
	text-align: left;
}
@media all and (min-width: 50em) {
	.op-alt-sutunlar { grid-template-columns: 1fr 2.4fr 1fr; gap: 40px; }
	.op-alt-sutun.op-alt-genis { grid-column: auto; }
	.op-alt-sutun.op-alt-genis ul { column-count: 4; column-gap: 28px; }
}
/* Mobilde Haberler + Kurumsal yan yana, Diğer Ülkeler altta; masaüstünde Haberler iki sütun */
@media all and (max-width: 49.9375em) {
	.op-alt-sutun.op-alt-genis { order: 3; }
}
@media all and (min-width: 50em) {
	.op-alt-sutunlar { grid-template-columns: 1.3fr 2.4fr 1fr; }
	.op-alt-sutun:first-child ul { column-count: 2; column-gap: 28px; }
}

/* Yazar kutusu (haber sonu): üstte ince gri çizgi, çerçeve yok */
.post-author.op-yazar-kutu {
	border: 0;
	border-top: 1px solid var(--op-cizgi);
	background: none;
	padding: 16px 0 0;
	margin-top: 22px;
	text-align: left;
}
.op-yazar-kutu .author {
	font-family: var(--op-sans);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--op-siyah);
}
.op-yazar-kutu p {
	font-family: var(--op-serif);
	font-size: 15px;
	line-height: 1.5;
	color: var(--op-gri);
	margin: 6px 0 0;
}
.op-yazar-kutu .op-yazar-ilke { font-family: var(--op-sans); font-size: 12px; }
.op-yazar-kutu .op-yazar-ilke a { color: var(--op-siyah); text-decoration: underline; text-underline-offset: 3px; }
.post-byline .op-yazar { color: var(--op-siyah); font-weight: 700; }
