/*==================================================================
    Turkiye Fuar Catering - Marka Override (brand.css)
    EN SON enqueue edilir; custom.css'i override eder.
    Renkler logodan: bordo #5C060B, koyu #0E0F14, tan #C19A6B, beyaz #FFFFFF
==================================================================*/

/*------------------------------------------------------------------
    1. CSS Degisken (root) override'lari
    Caterix'in kendi degiskenlerini marka renklerine cevir.
    --primary-color  : marka birincil (bordo)  -> header-sticky.active,
                       section-sub-title, vurgular otomatik bordo olur.
    --accent-color   : tan/altin ikincil vurgu.
    --dark-color     : koyu zeminler icin near-black (bizim ekimiz).
------------------------------------------------------------------*/
:root{
	--primary-color			: #5C060B;			/* bordo  */
	--secondary-color		: #FFFFFF;			/* beyaz  */
	--accent-color			: #C19A6B;			/* tan/altin */
	--dark-color			: #0E0F14;			/* koyu near-black */
	--white-color			: #FFFFFF;
	--bg-color				: #FBF6F3;			/* cok acik notr zemin */
	--divider-color			: rgba(92, 6, 11, 0.14);
	--dark-divider-color	: rgba(255, 255, 255, 0.12);
}

/*------------------------------------------------------------------
    2. Basliklar
    custom.css'te h1-h6 rengi --primary-color idi; primary artik bordo.
    Govde basliklari okunur kalsin diye koyu near-black'e sabitle;
    bordo vurguyu section-sub-title / accent tasiyacak.
------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
	color: var(--dark-color);
}

/* Koyu bolumlerdeki basliklar beyaz kalir (custom.css zaten yapar) */
.dark-section .section-title h1,
.dark-section .section-title h2,
.dark-section .section-title h3,
.dark-section .section-title h4,
.dark-section .section-title h5,
.dark-section .section-title h6{
	color: var(--white-color);
}

/*------------------------------------------------------------------
    3. Koyu bolumler & footer
    custom.css .dark-section = var(--primary-color). Primary bordo oldu;
    fakat koyu zeminleri near-black tutup bordo/tan uyumunu koruyalim.
    Beyaz logo bu koyu zemin uzerinde uyumlu.
------------------------------------------------------------------*/
.dark-section{
	background-color: var(--dark-color);
}

/*------------------------------------------------------------------
    4. Section alt basligi (pill etiket) & vurgu metinleri
    --primary-color otomatik bordo. Ikon rengini de netlestir.
------------------------------------------------------------------*/
.section-sub-heading,
.section-title .section-sub-title{
	color: var(--primary-color);			/* bordo */
	border-color: var(--divider-color);
}

.section-footer-text p{
	color: var(--primary-color);			/* bordo vurgu */
}

/*------------------------------------------------------------------
    5. Butonlar (.btn-default)
    Marka: bordo zemin + beyaz metin; hover'da tan sweep + koyu metin.
    (custom.css'te zemin=accent, hover sweep=primary idi; tersine cevir.)
------------------------------------------------------------------*/
.btn-default{
	color: var(--white-color);
	background: var(--primary-color);		/* bordo zemin */
}

.btn-default:hover{
	color: var(--dark-color);				/* tan uzerinde koyu metin */
}

/* hover sweep dolgusu = tan */
.btn-default::after{
	background: var(--accent-color);
}

/* Aydinlatilmis (highlighted) buton varyanti: koyu zeminlerde acik sweep */
.btn-default.btn-highlighted{
	color: var(--white-color);
	background: var(--primary-color);
}

.btn-default.btn-highlighted:hover{
	color: var(--primary-color);			/* acik sweep uzerinde bordo metin */
}

.btn-default.btn-highlighted::after{
	background: var(--white-color);
}

/* readmore & newsletter oklari bordo baglaminda kalsin */
.readmore-btn{
	color: var(--primary-color);
}

.readmore-btn:hover{
	color: var(--accent-color);
}

/*------------------------------------------------------------------
    6. Header
    header-sticky.active zaten var(--primary-color) => otomatik bordo.
    Beyaz logo bordo uzerinde net gorunur. (dogrulandi)
    Logo boyutu: 952x310 oranli logo icin uygun yukseklik.
------------------------------------------------------------------*/
header.main-header .navbar-brand img{
	height: 48px;
	width: auto;
	max-width: none;
}

/*------------------------------------------------------------------
    7. Footer logo
------------------------------------------------------------------*/
.footer-logo img{
	height: 46px;
	width: auto;
	max-width: none;
}

.footer-links ul li a:hover,
.footer-newsletter-form .form-group .newsletter-btn{
	color: var(--accent-color);				/* tan hover vurgu */
}

/*------------------------------------------------------------------
    8. Baglantilar (a) hover -> bordo
------------------------------------------------------------------*/
a:hover{
	color: var(--primary-color);
}

/* Koyu zeminlerdeki baglantilar okunur kalsin (tan hover) */
.dark-section a:hover,
.main-footer a:hover{
	color: var(--accent-color);
}

/*------------------------------------------------------------------
    9. Form focus -> bordo
------------------------------------------------------------------*/
.form-control:focus,
.form-group .form-control:focus,
textarea.form-control:focus,
select.form-control:focus{
	border-color: var(--primary-color);
	box-shadow: 0 0 0 2px rgba(92, 6, 11, 0.15);
	outline: none;
}

/*------------------------------------------------------------------
    10. Ozel imlec (custom cursor) tan
------------------------------------------------------------------*/
.cb-cursor:before{
	background: var(--accent-color);
}

/*------------------------------------------------------------------
    11. HERO tam ekran fix (onceki caterix-fixes.css'ten)
    Buyuk ekranda hero-slider tam viewport yuksekligi kaplasin.
------------------------------------------------------------------*/
@media (min-width: 992px){
	.hero.hero-slider-layout{
		min-height: 100vh;
	}
}

/*------------------------------------------------------------------
    12. Kucuk erisilebilirlik/kontrast duzeltmeleri
------------------------------------------------------------------*/
::selection{
	background: var(--primary-color);
	color: var(--white-color);
}

:focus-visible{
	outline: 2px solid var(--primary-color);
	outline-offset: 2px;
}

/* ---- Dil degistirici (Polylang) ---- */
.header-lang { display: inline-flex; align-items: center; margin-right: 22px; }
.tfc-lang-switch { display: flex; gap: 14px; list-style: none; margin: 0; padding: 0; align-items: center; }
.tfc-lang-switch li { margin: 0; }
.tfc-lang-switch a { color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; text-transform: uppercase; opacity: .75; display: inline-flex; align-items: center; gap: 6px; transition: opacity .3s, color .3s; }
.tfc-lang-switch .current-lang a, .tfc-lang-switch a:hover { opacity: 1; color: #C19A6B; }
.tfc-lang-switch img { width: 20px; height: auto; border-radius: 2px; }
@media (max-width: 991px) { .header-lang { margin-right: 12px; } .tfc-lang-switch a { font-size: 13px; } }