/* Kurumsal CSS Override (Siyah - Kırmızı Ağırlıklı Temel Kurallar) */
:root {
	--primary: #E2211C;
	--primary-100: #ffd8d7;
	--primary-200: #ffb1b0;
	--primary-300: #ff8a88;
	--primary-400: #ff6461;
	--primary-500: #E2211C;
	--primary-600: #c91c18;
	--primary-700: #ab1714;
	--primary-800: #8c1210;
	--primary-900: #6e0d0b;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #333333;
}

/* Base Primary Color (Corporate Red) Override for Porto Template */
html .text-color-primary,
html .text-primary {
    color: #E2211C !important;
}

html .bg-color-primary,
html .bg-primary {
    background-color: #E2211C !important;
}

html .btn-primary {
    background-color: #E2211C;
    border-color: #E2211C;
    color: #ffffff;
}

html .btn-primary:hover {
    background-color: #ba1914;
    border-color: #ba1914;
}

/* Secondary Color (Corporate Dark/Black) */
html .text-color-dark,
html .text-dark {
    color: #111111 !important;
}

html .bg-color-dark,
html .bg-dark {
    background-color: #111111 !important;
}

/* Header Adjustments */
#header .header-nav-main nav > ul > li > a.active {
    color: #E2211C !important;
}

#header .header-nav-main nav > ul > li > a:hover {
    color: #E2211C !important;
}

/* Top bar / slider text readability fixes */
.z-index-3 {
    z-index: 3 !important;
}

/* Language selector style */
#lang-switch-form select {
    cursor: pointer;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    font-weight: 600;
}
#lang-switch-form select:focus {
    box-shadow: none;
}

/* Page Header in Primary Color should have white text globally */
html .page-header.page-header-color-light h1,
html .page-header.page-header-color-light .breadcrumb > li,
html .page-header.page-header-color-light .breadcrumb > li > a,
html .page-header.page-header-color-light .breadcrumb > li.active {
    color: #ffffff !important;
}
html .page-header.page-header-color-light .breadcrumb > li::before {
    color: rgba(255,255,255,0.7) !important;
}

/* Turkish dotless-i and capital-I fix for text-transform: uppercase */
html[lang="tr"] {
    font-variant-ligatures: none;
}

html[lang="tr"] h1, 
html[lang="tr"] h2, 
html[lang="tr"] h3, 
html[lang="tr"] h4, 
html[lang="tr"] h5, 
html[lang="tr"] h6,
html[lang="tr"] .text-uppercase,
html[lang="tr"] .uppercase {
    text-transform: uppercase;
}