/*
Theme Name: Ümraniye Odası
Theme URI: https://umraniyeodasi.org.tr
Author: Ümraniye Odası
Author URI: https://umraniyeodasi.org.tr
Description: Ümraniye Odası için kurumsal WordPress teması. Duyurular, Etkinlikler, Fuarlar, Meslek Komiteleri ve Kurumsal İştirakler için özel içerik tipleri içerir.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: umraniye-odasi
Tags: custom-menu, custom-logo, featured-images, theme-options, translation-ready
*/

/* =========================================================
   1. DEĞİŞKENLER (RENK PALETİ / TİPOGRAFİ)
   ========================================================= */
:root{
	/* Renk sıkalası (CMYK'dan dönüştürüldü) */
	--color-dark:        #141A16; /* C:41 M:22 Y:33 K:87 */
	--color-primary-dark:#0C5924; /* C:87 M:0 Y:60 K:65 */
	--color-primary:      #1B700F; /* C:76 M:0 Y:87 K:56 */
	--color-accent:      #436600; /* C:34 M:0 Y:100 K:60 */

	--color-white:  #ffffff;
	--color-bg:     #f6f7f5;
	--color-border: #e3e6e1;
	--color-text:   #23281f;
	--color-muted:  #6d766a;

	--font-base: "Mont", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

	--radius: 10px;
	--shadow: 0 4px 18px rgba(20, 26, 22, 0.08);
	--shadow-hover: 0 10px 28px rgba(20, 26, 22, 0.14);
	--transition: all .25s ease;
}

/* =========================================================
   2. FONT TANIMI (Mont)
   Mont lisanslı bir fonttur. assets/fonts/ klasörüne
   Mont-Regular.woff2, Mont-SemiBold.woff2, Mont-Bold.woff2
   dosyalarını eklediğinizde otomatik olarak devreye girer.
   Dosyalar yoksa Google Fonts üzerinden yüklenen Poppins
   fallback olarak kullanılır (bkz. functions.php).
   ========================================================= */

/* GEÇİCİ: Mont dosyaları sunucuda olmadığı için (404 hatası) aşağıdaki
   üç @font-face tanımı devre dışı bırakıldı. Dosyalar yüklenince bu
   satırı ve bloğun sonundaki kapanış işaretini silerek tekrar açın.
@font-face{
	font-family: "Mont";
	src: url("assets/fonts/Mont-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: "Mont";
	src: url("assets/fonts/Mont-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: "Mont";
	src: url("assets/fonts/Mont-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
*/
/* latin-ext */
@font-face{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("fonts/Inter-latin-ext.woff2") format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("fonts/Inter-latin.woff2") format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =========================================================
   3. RESET / TEMEL
   ========================================================= */
*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; overflow-x: hidden; }
body{
	margin: 0;
	max-width: 100%;
	overflow-x: hidden;
	font-family: var(--font-base);
	color: var(--color-text);
	background: var(--color-white);
	line-height: 1.6;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
}
img{ max-width: 100%; height: auto; display: block; }
a{ color: inherit; text-decoration: none; }
ul{ list-style: none; margin: 0; padding: 0; }
button{ font-family: inherit; cursor: pointer; }
input, select{ font-family: inherit; }

h1, h2, h3, h4{
	font-weight: 700;
	color: var(--color-dark);
	line-height: 1.25;
	margin: 0 0 .5em;
}
h1{ font-size: clamp(1.9rem, 3vw, 2.75rem); }
h2{ font-size: clamp(1.5rem, 2.4vw, 2rem); }
h3{ font-size: 1.25rem; }
p{ margin: 0 0 1em; }

.container{
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 24px;
}
.container--narrow{ max-width: 1000px; }
.screen-reader-text{
	position: absolute !important;
	clip: rect(1px,1px,1px,1px);
	width: 1px; height: 1px;
	overflow: hidden;
}
.skip-link{
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--color-primary);
	color: #fff;
	padding: 10px 18px;
	z-index: 10000;
}
.skip-link:focus{ left: 12px; top: 12px; }

/* =========================================================
   4. BUTONLAR
   ========================================================= */
.btn{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 26px;
	border-radius: 999px;
	background: var(--color-primary);
	color: #fff;
	font-weight: 600;
	font-size: .95rem;
	border: 2px solid var(--color-primary);
	transition: var(--transition);
}
.btn:hover{ background: var(--color-primary-dark); border-color: var(--color-primary-dark); color: #fff; }
.btn-outline{
	background: transparent;
	color: var(--color-primary);
}
.btn-outline:hover{ background: var(--color-primary); color: #fff; }
.btn-light{
	background: #fff;
	color: var(--color-primary-dark);
	border-color: #fff;
}
.btn-light:hover{ background: transparent; color: #fff; }

.link-arrow{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	color: var(--color-primary);
	position: relative;
}
.link-arrow svg{ width: 16px; height: 16px; transition: var(--transition); }
.link-arrow:hover svg{ transform: translateX(4px); }
.link-arrow:hover{ color: var(--color-primary-dark); }

/* =========================================================
   6. HEADER / NAVİGASYON
   ========================================================= */
.top-bar{
	background: var(--color-dark);
}
.top-bar .container{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	min-height: 40px;
}
.top-bar-menu{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px 20px;
}
.top-bar-menu a,
.top-bar-link{
	color: #fff;
	font-size: .82rem;
	font-weight: 500;
	padding: 10px 0;
	transition: var(--transition);
}
.top-bar-menu a:hover,
.top-bar-link:hover{
	color: var(--color-primary);
}
.site-header{
	background: #fff;
	position: sticky;
	top: 0;
	z-index: 999;
	box-shadow: 0 1px 0 var(--color-border);
}
.site-header .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 104px;
	gap: 24px;
}
.site-branding{ display: flex; align-items: center; gap: 12px; }
.site-branding img{ max-height: 76px; width: auto; }
.site-branding .site-title{
	font-size: 1.55rem;
	font-weight: 700;
	color: var(--color-dark);
}
.site-branding .site-title span{ color: var(--color-primary); }

.main-navigation{ display: flex; }
.main-navigation > ul{ display: flex; align-items: center; gap: 4px; }
.main-navigation > ul > li{ position: relative; }
.main-navigation > ul > li > a{
	display: flex;
	align-items: center;
	padding: 32px 14px;
	font-weight: 600;
	font-size: .93rem;
	color: var(--color-dark);
	text-transform: uppercase;
	letter-spacing: .02em;
	border-bottom: 3px solid transparent;
	transition: var(--transition);
}
.main-navigation > ul > li:hover > a,
.main-navigation > ul > li.current-menu-item > a{
	color: var(--color-primary);
	border-bottom-color: var(--color-primary);
}
.main-navigation .menu-item-has-children > a::after{
	content: "";
	width: 7px; height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	margin-left: 8px;
	transition: var(--transition);
}
.main-navigation .sub-menu{
	position: absolute;
	top: 100%; left: 0;
	min-width: 240px;
	background: #fff;
	box-shadow: var(--shadow-hover);
	border-radius: 0 0 var(--radius) var(--radius);
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: var(--transition);
	z-index: 20;
}
.main-navigation li:hover > .sub-menu{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.main-navigation .sub-menu a{
	display: block;
	padding: 10px 20px;
	font-size: .9rem;
	color: var(--color-text);
	border-bottom: 3px solid transparent;
}
.main-navigation .sub-menu a:hover{
	background: var(--color-bg);
	color: var(--color-primary);
}
.main-navigation .sub-menu .sub-menu{ top: -10px; left: 100%; }

.header-actions{ display: flex; align-items: center; gap: 12px; }
.btn-online-islemler{
	padding: 11px 22px;
	font-size: .85rem;
	white-space: nowrap;
}
.lang-switch{
	display: flex;
	background: var(--color-dark);
	border-radius: 999px;
	padding: 4px;
	gap: 2px;
}
.lang-switch a{
	padding: 6px 12px;
	border-radius: 999px;
	font-size: .78rem;
	font-weight: 700;
	color: rgba(255,255,255,.6);
	transition: var(--transition);
}
.lang-switch a.is-active{ background: var(--color-primary); color: #fff; }
.lang-switch a:hover{ color: #fff; }
.header-search-toggle,
.menu-toggle{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px; height: 42px;
	border-radius: 50%;
	background: var(--color-bg);
	border: none;
	color: var(--color-dark);
}
.header-search-toggle:hover,
.menu-toggle:hover{ background: var(--color-primary); color: #fff; }
.header-search-toggle svg,
.menu-toggle svg{ width: 20px; height: 20px; flex: 0 0 auto; }
.menu-toggle{ display: none; }

/* =========================================================
   7. HERO SLIDER
   ========================================================= */
.hero-slider{
	position: relative;
	overflow: hidden;
	background: var(--color-dark);
}
.hero-track{
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.hero-track::-webkit-scrollbar{ display: none; }
.hero-slider .slide{
	position: relative;
	flex: 0 0 100%;
	min-width: 0;
	min-height: 460px;
	scroll-snap-align: start;
}
.slide-img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero-nav{
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	pointer-events: none;
}
.hero-nav button{
	pointer-events: all;
	width: 46px; height: 46px;
	border-radius: 50%;
	border: none;
	background: rgba(255,255,255,.85);
	color: var(--color-dark);
	display: flex; align-items: center; justify-content: center;
	box-shadow: var(--shadow);
}
.hero-nav button svg{ width: 20px; height: 20px; }
.hero-nav button:hover{ background: var(--color-primary); color: #fff; }
.hero-dots{
	position: absolute;
	bottom: 25px; left: 17px;
	z-index: 3;
	display: flex; gap: 0;
}
.hero-dots button{
	width: 24px; height: 24px;
	padding: 0; border: none; background: transparent;
	display: flex; align-items: center; justify-content: center;
}
.hero-dots button::before{
	content: "";
	width: 10px; height: 10px;
	border-radius: 50%;
	background: rgba(255,255,255,.4);
	transition: var(--transition);
}
.hero-dots button.is-active{ width: 40px; }
.hero-dots button.is-active::before{
	width: 26px;
	border-radius: 6px;
	background: var(--color-primary);
}
.hero-all-link{ text-align: center; padding: 18px 0; background: var(--color-bg); }

.home-search-form{
	display: flex;
	width: 100%;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	padding: 6px;
	box-shadow: var(--shadow);
}
.home-search-form input{
	flex: 1;
	border: none;
	background: transparent;
	padding: 14px 24px;
	font-size: 1rem;
	color: var(--color-text);
}
.home-search-form input:focus{ outline: none; }
.home-search-form button{
	flex: 0 0 auto;
	width: 52px; height: 52px;
	border-radius: 50%;
	border: none;
	background: var(--color-primary);
	color: #fff;
	display: flex; align-items: center; justify-content: center;
}
.home-search-form button:hover{ background: var(--color-primary-dark); }
.home-search-form button svg{ width: 20px; height: 20px; }

/* =========================================================
   8. HIZLI İŞLEMLER
   ========================================================= */
.quick-actions{ padding: 40px 0 56px; position: relative; }
.quick-actions-grid{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px;
}
.quick-action-card{
	display: flex;
	flex: 0 0 calc(16.666% - 15px);
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 14px;
}
.quick-action-card .icon{
	width: 64px; height: 64px;
	border-radius: 50%;
	background: var(--color-dark);
	display: flex; align-items: center; justify-content: center;
	color: #fff;
	transition: var(--transition);
	box-shadow: var(--shadow);
}
.quick-action-card .icon svg{ width: 28px; height: 28px; }
.quick-action-card .icon img{ width: 30px; height: 30px; object-fit: contain; }
.quick-action-card span{ font-weight: 600; font-size: .88rem; color: var(--color-dark); }
.quick-action-card:hover .icon{ background: var(--color-primary-dark); transform: translateY(-4px); }
.quick-action-card:hover span{ color: var(--color-primary); }

/* =========================================================
   8b. İKİLİ SÜTUN BÖLÜMLERİ (Etkinlik/Fuar, Haber/Duyuru)
   ========================================================= */
.split-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: start; }
.column-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 22px;
}
.column-title{
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--color-dark);
	margin: 0;
	padding-bottom: 8px;
	border-bottom: 3px solid var(--color-primary);
	display: inline-block;
}
.column-actions{ display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.column-link{
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 700;
	font-size: .9rem;
	color: var(--color-dark);
	transition: var(--transition);
}
.column-link svg{ width: 15px; height: 15px; }
.column-link:hover{ color: var(--color-primary); }
.scroll-arrows{ display: flex; gap: 8px; }
.scroll-arrows button{
	width: 36px; height: 36px;
	border-radius: 50%;
	border: 1px solid var(--color-border);
	background: #fff;
	color: var(--color-dark);
	display: flex; align-items: center; justify-content: center;
}
.scroll-arrows button svg{ width: 16px; height: 16px; }
.scroll-arrows button:hover{ background: var(--color-primary); color: #fff; border-color: var(--color-primary); }

.scroll-row{
	display: grid !important;
	grid-auto-flow: column !important;
	grid-auto-columns: calc(50% - 10px) !important;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding-bottom: 4px;
}
.scroll-row::-webkit-scrollbar{ display: none; }
.scroll-row > *{ min-width: 0; max-width: 100% !important; scroll-snap-align: start; }
#haberler-row{ grid-auto-columns: calc((100% - 40px) / 3) !important; }

/* =========================================================
   9. BÖLÜM ARALIKLARI (ortak)
   ========================================================= */
.section{ padding: 56px 0; position: relative; }
.section-alt{ background: var(--color-bg); }

/* Yönetici için hızlı düzenleme kalemi */
.admin-edit-pencil{
	position: absolute;
	top: 16px; right: 24px;
	z-index: 6;
	width: 34px; height: 34px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid var(--color-border);
	color: var(--color-primary);
	display: flex; align-items: center; justify-content: center;
	box-shadow: var(--shadow);
	transition: var(--transition);
}
.admin-edit-pencil svg{ width: 15px; height: 15px; }
.admin-edit-pencil:hover{ background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
.column-actions .admin-edit-pencil{ position: static; box-shadow: none; }

/* =========================================================
   10. GRID / KART BİLEŞENLERİ
   ========================================================= */
.grid{ display: grid; gap: 22px; }
.grid-3{ grid-template-columns: repeat(3, 1fr); }
.grid-4{ grid-template-columns: repeat(4, 1fr); }
.grid-2{ grid-template-columns: repeat(2, 1fr); }

.card{
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	overflow: hidden;
	transition: var(--transition);
	display: flex;
	flex-direction: column;
	min-width: 0;
	max-width: 100%;
}
.card:hover{ box-shadow: var(--shadow-hover); transform: translateY(-4px); border-color: transparent; }
.card .card-media{ position: relative; aspect-ratio: 16/10; overflow: hidden; background: var(--color-bg); }

/* İçerik sayfalarındaki ana görsel: anasayfa slider'ıyla aynı boyut/oranda */
.entry-hero-image{
	position: relative;
	min-height: 460px;
	border-radius: var(--radius);
	overflow: hidden;
	margin-bottom: 24px;
	background: var(--color-bg);
}
.entry-hero-image img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 640px){
	.entry-hero-image{ min-height: 380px; }
}
.card-media{ position: relative; overflow: hidden; }
.card-media img{ width: 100%; height: 100%; object-fit: cover; transition: var(--transition); }
.card-media-placeholder{
	width: 100%; height: 100%;
	display: flex; align-items: center; justify-content: center;
	color: var(--color-primary);
	opacity: .4;
}
.card-media-placeholder svg{ width: 42px; height: 42px; }
.card:hover .card-media img{ transform: scale(1.06); }
.card .card-badge{
	position: absolute; top: 12px; left: 12px;
	background: var(--color-primary);
	color: #fff;
	font-size: .74rem;
	font-weight: 700;
	padding: 5px 10px;
	border-radius: 6px;
}
.card .card-body{ padding: 18px 20px 20px; flex: 1; display: flex; flex-direction: column; }
.card .card-date{ color: var(--color-muted); font-size: .8rem; font-weight: 600; margin-bottom: 8px; }
.card .card-title{ font-size: 1.05rem; margin-bottom: 8px; }
.card .card-title a:hover{ color: var(--color-primary); }
.card .card-excerpt{ color: var(--color-muted); font-size: .9rem; margin-bottom: 0; }
.card-media-scrim{
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(20,26,22,.85) 0%, rgba(20,26,22,.15) 55%, rgba(20,26,22,0) 100%);
	z-index: 1;
}
.card-title--overlay{
	position: absolute;
	left: 16px; right: 16px; bottom: 14px;
	z-index: 2;
	color: #fff;
	font-size: 1.1rem;
	margin: 0;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.card .card-meta{ margin-top: auto; padding-top: 14px; font-size: .8rem; color: var(--color-muted); }

/* Etkinlik listesi (dikey tarih rozetli) */
.event-list{ display: flex; flex-direction: column; gap: 2px; }
.event-item{
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 18px 14px;
	border-bottom: 1px solid var(--color-border);
	transition: var(--transition);
}
.event-item:hover{ background: var(--color-bg); }
.event-date{
	flex: 0 0 68px;
	text-align: center;
	background: var(--color-primary-dark);
	color: #fff;
	border-radius: 10px;
	padding: 10px 6px;
}
.event-date .day{ font-size: 1.35rem; font-weight: 700; line-height: 1; display: block; }
.event-date .month{ font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; }
.event-info{ flex: 1; }
.event-info .event-time{ color: var(--color-primary); font-size: .8rem; font-weight: 700; text-transform: uppercase; }
.event-info h3{ font-size: 1rem; margin: 2px 0 0; }

/* Duyuru listesi */
.announce-list{ display: flex; flex-direction: column; }
.announce-item{
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px 0;
	border-bottom: 1px solid var(--color-border);
}
.announce-item .announce-icon{
	flex: 0 0 auto;
	width: 30px; height: 30px;
	border-radius: 50%;
	background: var(--color-bg);
	color: var(--color-primary);
	display: flex; align-items: center; justify-content: center;
}
.announce-item .announce-icon svg{ width: 15px; height: 15px; }
.announce-item .announce-date{ display: block; font-size: .78rem; color: var(--color-muted); font-weight: 600; margin-bottom: 4px; }
.announce-item a{ display: block; font-weight: 600; }
.announce-item a:hover{ color: var(--color-primary); }

/* Haberler + Duyurular ikili düzen */
.news-announce-grid{ display: grid; grid-template-columns: 2fr 1fr; gap: 40px; align-items: start; }
.announce-panel{ background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius); padding: 22px; }
.announce-panel h3{ margin-bottom: 4px; }

/* Haberler listesi */
.news-list{ display: flex; flex-direction: column; gap: 22px; }
.news-item{ display: flex; gap: 20px; padding-bottom: 22px; border-bottom: 1px solid var(--color-border); }
.news-item .card-media{ flex: 0 0 220px; aspect-ratio: 4/3; border-radius: var(--radius); }
.news-item .news-body{ flex: 1; }

/* Kurumsal iştirakler logo grid */
.affiliates-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 200px));
	justify-content: center;
	gap: 16px;
	align-items: center;
}
.affiliate-logo{
	display: flex; align-items: center; justify-content: center;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	padding: 22px;
	min-height: 96px;
	width: 100%;
	filter: grayscale(1);
	opacity: .7;
	transition: var(--transition);
}
.affiliate-logo:hover{ filter: grayscale(0); opacity: 1; box-shadow: var(--shadow); }

.section-title-center{ text-align: center; margin-bottom: 32px; }
.section-title-center h2{
	display: inline-block;
	color: var(--color-primary-dark);
	padding-bottom: 12px;
	border-bottom: 3px solid var(--color-primary);
	margin: 0;
}

/* Sosyal medya bölümü */
.social-section{ text-align: center; }
.social-row{ display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.social-row a{
	width: 46px; height: 46px;
	border-radius: 50%;
	background: var(--color-bg);
	color: var(--color-dark);
	display: flex; align-items: center; justify-content: center;
	transition: var(--transition);
}
.social-row a svg{ width: 20px; height: 20px; }
.social-row a:hover{ background: var(--color-primary); color: #fff; }

/* Meslek komiteleri */
.committee-card{ padding: 26px; text-align: center; }
.committee-card .committee-no{
	display: inline-flex; align-items: center; justify-content: center;
	width: 46px; height: 46px; border-radius: 50%;
	background: var(--color-bg); color: var(--color-primary);
	font-weight: 700; margin-bottom: 14px;
}

/* =========================================================
   11. FOOTER
   ========================================================= */
.site-footer{ background: var(--color-primary-dark); color: rgba(255,255,255,.72); }
.footer-top{ padding: 60px 0 30px; }
.footer-cols{ display: flex; flex-wrap: wrap; gap: 28px 48px; align-items: start; }
.footer-col{ flex: 1 1 160px; max-width: 220px; }
.footer-callcenter-col{ flex: 1 1 280px; max-width: 340px; margin-left: auto; }
.footer-col h4{
	color: #fff;
	font-size: .85rem;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: 18px;
}
.footer-col ul{ display: flex; flex-direction: column; gap: 10px; }
.footer-col a{ font-size: .88rem; transition: var(--transition); }
.footer-col a:hover{ color: #fff; }
.footer-col-toggle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: none;
	border: none;
	padding: 0;
	color: #fff;
	font-size: .85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: 18px;
	font-family: inherit;
}
.footer-col-toggle svg{ width: 16px; height: 16px; flex: 0 0 auto; display: none; transition: transform .2s ease; }

.callcenter-card{
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	background: rgba(255,255,255,.08);
	border-radius: var(--radius);
	padding: 18px;
}
.callcenter-avatar{
	flex: 0 0 auto;
	width: 46px; height: 46px;
	border-radius: 50%;
	background: var(--color-accent);
	color: #fff;
	display: flex; align-items: center; justify-content: center;
}
.callcenter-avatar svg{ width: 20px; height: 20px; }
.callcenter-label{ display: block; font-size: .78rem; color: rgba(255,255,255,.65); margin-bottom: 4px; }
.callcenter-phone{ display: block; color: #fff; font-weight: 700; font-size: 1.1rem; }
.callcenter-phone:hover{ color: var(--color-accent); }
.callcenter-card .admin-edit-pencil{ top: 8px; right: 8px; width: 26px; height: 26px; }
.callcenter-card .admin-edit-pencil svg{ width: 12px; height: 12px; }

.footer-extra{
	border-top: 1px solid rgba(255,255,255,.12);
	padding: 24px 0;
}
.footer-extra .widget{ font-size: .88rem; }
.footer-extra .widget h4{ color: #fff; font-size: .85rem; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 14px; }

.footer-bottom{
	border-top: 1px solid rgba(255,255,255,.12);
	padding: 20px 0;
	font-size: .82rem;
}
.footer-bottom .container{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }

/* =========================================================
   12. SAYFA / YAZI İÇERİĞİ (page.php, single.php)
   ========================================================= */
.page-header-block{
	background: var(--color-bg);
	padding: 48px 0;
	margin-bottom: 40px;
}
.page-header-block h1{ margin: 0; }
.breadcrumbs{ font-size: .85rem; color: var(--color-muted); margin-bottom: 10px; }
.breadcrumbs a{ color: var(--color-muted); }
.breadcrumbs a:hover{ color: var(--color-primary); }
.breadcrumbs [aria-current="page"]{ color: var(--color-dark); font-weight: 600; }
.breadcrumbs .breadcrumb-sep{ margin: 0 4px; }
.entry-content{ max-width: 100%; padding: 0 32px; }
.entry-content img{ border-radius: var(--radius); margin: 20px 0; }
.entry-content h2{ margin-top: 1.4em; }
.single-meta{ display: flex; gap: 18px; color: var(--color-muted); font-size: .85rem; margin-bottom: 24px; }

.pagination{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 40px 0; }
.pagination a, .pagination span{
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px;
	border-radius: 8px;
	background: var(--color-bg);
	font-weight: 600;
	font-size: .9rem;
}
.pagination .current{ background: var(--color-primary); color: #fff; }
.pagination a:hover{ background: var(--color-primary-dark); color: #fff; }

/* =========================================================
   12b. ARAMA FORMU / PANELİ
   ========================================================= */
.header-search-panel{
	background: var(--color-bg);
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height .3s ease, opacity .25s ease;
}
.header-search-panel.is-open{ max-height: 140px; opacity: 1; }
.header-search-panel .container{ padding: 22px 24px; }
.search-form{ display: flex; gap: 10px; max-width: 520px; }
.search-form .search-field{
	flex: 1;
	padding: 12px 16px;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	background: #fff;
}
.search-form .search-submit{
	width: 46px; height: 46px;
	border-radius: 50%;
	border: none;
	background: var(--color-primary);
	color: #fff;
	display: flex; align-items: center; justify-content: center;
}
.search-form .search-submit:hover{ background: var(--color-primary-dark); }
.search-form .search-submit svg{ width: 18px; height: 18px; }

/* =========================================================
   13. MOBİL MENÜ
   ========================================================= */
.mobile-nav-overlay{
	position: fixed; inset: 0;
	background: rgba(20,26,22,.6);
	z-index: 1001;
	opacity: 0; visibility: hidden;
	transition: var(--transition);
}
.mobile-nav-overlay.is-open{ opacity: 1; visibility: visible; }
.mobile-nav{
	position: fixed; top: 0; right: -100%;
	width: min(340px, 86vw); height: 100%;
	background: #fff;
	z-index: 1002;
	transition: right .3s ease;
	overflow-y: auto;
	padding: 20px;
}
.mobile-nav.is-open{ right: 0; }
.mobile-nav-close{
	width: 40px; height: 40px; border-radius: 50%;
	background: var(--color-bg); border: none;
	margin-bottom: 16px;
}
.mobile-nav ul{ display: flex; flex-direction: column; }
.mobile-nav a{ display: block; padding: 12px 4px; border-bottom: 1px solid var(--color-border); font-weight: 600; }
.mobile-nav .sub-menu{ padding-left: 14px; }
.mobile-nav .sub-menu a{ font-weight: 400; font-size: .92rem; }
.mobile-nav-footer{ display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 20px; }
.mobile-nav-footer .lang-switch{ display: flex; }

/* =========================================================
   14. RESPONSIVE
   ========================================================= */
@media (max-width: 1080px){
	.quick-action-card{ flex-basis: calc(33.333% - 12px); }
	.grid-4{ grid-template-columns: repeat(2, 1fr); }
	.footer-col{ flex-basis: calc(50% - 24px); max-width: none; }
	.footer-callcenter-col{ flex-basis: calc(50% - 24px); max-width: none; margin-left: 0; }
}
@media (max-width: 900px){
	html, body{ overscroll-behavior-y: none; }
	.main-navigation{ display: none; }
	.menu-toggle{ display: inline-flex; }
	.btn-online-islemler,
	.lang-switch{ display: none; }
	.grid-3{ grid-template-columns: repeat(2, 1fr); }
	.news-item{ flex-direction: column; }
	.news-item .card-media{ flex: none; width: 100%; }
	.news-announce-grid{ grid-template-columns: 1fr; }
	.split-grid{ grid-template-columns: 1fr; }
	.scroll-row{ grid-auto-columns: 100% !important; }
	#etkinlikler-row,
	#fuarlar-row,
	#haberler-row{
		grid-auto-columns: 100% !important;
		-webkit-overflow-scrolling: touch;
	}
	.footer-col-toggle{ cursor: pointer; margin-bottom: 0; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
	.footer-col-toggle svg{ display: block; }
	.footer-col--accordion.is-open .footer-col-toggle svg{ transform: rotate(180deg); }
	.footer-col-content{ max-height: 0; overflow: hidden; transition: max-height .25s ease; }
	.footer-col--accordion.is-open .footer-col-content{ max-height: 600px; }
	.footer-col--accordion .footer-col-content ul{ padding: 4px 0 18px; }

	.quick-actions-grid{
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, calc((100% - 36px) / 3));
		justify-content: start;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		padding-bottom: 4px;
	}
	.quick-actions-grid::-webkit-scrollbar{ display: none; }
	.quick-action-card{ flex-basis: auto; min-width: 0; scroll-snap-align: start; }
	.quick-action-card .icon{ width: 52px; height: 52px; }
	.quick-action-card .icon svg{ width: 24px; height: 24px; }
	.quick-action-card span{ font-size: .8rem; }

	.affiliates-grid{
		display: grid !important;
		grid-template-columns: none !important;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 100%);
		justify-content: start;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		padding-bottom: 4px;
	}
	.affiliates-grid::-webkit-scrollbar{ display: none; }
	.affiliate-logo{ scroll-snap-align: start; }
}
@media (max-width: 640px){
	.scroll-row{ grid-auto-columns: 100%; }
}
@media (max-width: 640px){
	.entry-content{ padding: 0 8px; }
	.top-bar-menu{ display: none; }
	.grid-3, .grid-4, .grid-2{ grid-template-columns: 1fr; }
	.footer-col{ flex-basis: 100%; }
	.footer-callcenter-col{ flex-basis: 100%; }
	.section-head{ flex-direction: column; align-items: flex-start; }
	.column-head{ flex-direction: column; align-items: flex-start; }
	.hero-slider .slide{ min-height: 380px; }
	.footer-bottom .container{ flex-direction: column; align-items: flex-start; }
}