﻿.page-loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .4s .2s ease-in-out; transition: all .4s .2s ease-in-out; background-color: #fff; opacity: 0; visibility: hidden; z-index: 9999; }
[data-bs-theme="dark"] .page-loading { background-color: #0b0f19; }
.page-loading.active { opacity: 1; visibility: visible; }
.page-loading-inner { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; opacity: 0; }
.page-loading.active > .page-loading-inner { opacity: 1; }
.page-loading-inner > span { display: block; font-size: 1rem; font-weight: normal; color: #9397ad; }
[data-bs-theme="dark"] .page-loading-inner > span { color: #fff; opacity: .6; }
.page-spinner { display: inline-block; width: 2.75rem; height: 2.75rem; margin-bottom: .75rem; vertical-align: text-bottom; border: .15em solid #b4b7c9; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner .75s linear infinite; animation: spinner .75s linear infinite; }
[data-bs-theme="dark"] .page-spinner { border-color: rgba(255,255,255,.4); border-right-color: transparent; }

@-webkit-keyframes spinner {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spinner {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.btn-kurumsal { --si-btn-bg: #db7126; --si-btn-border-color: #db7126; }
    .btn-kurumsal:hover { --si-btn-hover-bg: #c1621e; --si-btn-hover-border-color: #c1621e; }
.nav-link { --si-nav-link-color: #223337; }
#useful-links .nav-link { --si-nav-link-color: #fff; font-size: 0.8rem; }

/* Breadcrumb */
.breadcrumb-item > a { color: #fff; text-shadow: 1px 1px 1px #5e5e5e; }
.breadcrumb-item.active { color: #fff; text-shadow: 1px 1px 1px #5e5e5e; }
.breadcrumb-item + .breadcrumb-item::before { color: #fff; text-shadow: 1px 1px 1px #5e5e5e; }

.bg-secondary { background-color: #eee !important; }
/*
    Pertol: #223337 - rgba(34,51,55)
    Turuncu: #db7126 - rgba(219,113,38)
*/
body { color: #223337; }
.btn-outline-primary { --si-btn-color: #db7126; --si-btn-border-color: #db7126; }
.btn-link { --si-btn-color: #db7126; }
.btn:hover:not(.btn-link) { background-color: #db7126; border-color: #db7126; }
.btn-link:hover { color: #db7126; }
.text-primary { color: #db7126 !important; }
.bg-primary {background-color: rgba(219,113,38,var(--si-bg-opacity)) !important; }
.text-petrol { color: #223337 !important; }
.btn-primary { --si-btn-bg: #db7126; --si-btn-border-color: #db7126; }
.shadow-primary { box-shadow: 0 .5rem 1.125rem -.5rem rgba(219,113,38,.9) !important; }
a:hover { --si-link-color-rgb: var(--si-link-hover-color-rgb); }
.navbar .nav-item:hover > .nav-link:not(.disabled) { color: #db7126; }
[data-bs-theme="dark"] { --si-link-hover-color-rgb: 219,113,38; }
.swiper-pagination { --si-carousel-pagination-bullet-active-bg: #db7126; --si-carousel-pagination-progressbar-fill-bg: #db7126; }
.nav-link:focus, .nav-link:hover { color: #db7126; }
.bg-dark .nav-link { --si-nav-link-color: #9d6741; } /* BG DARK İÇİN */
.bg-dark { background-color: #223337 !important; }
.bg-gradient-dark-translucent { background: linear-gradient(180deg,rgba(34,51,55,.58),rgba(34,51,55,.78)) !important; }
.petrol-text-shadow { color: white; text-shadow: 2px 2px 2px rgba(34,51,55,.78); }
.bg-custom-gray { background: #959595; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #db7126; }
.simple-translate-system-theme { display: none !important; visibility: hidden !important; height: 0px !important; width: 0px !important; }
.navbar { --si-navbar-padding-y: 1rem; }
.dropdown-menu li:hover > .dropdown-item { color: #db7126; }

/* Küçük ekranlar (sm) */
@media (max-width: 576px) {
    .d-none-md { display: none !important; }
    .mt-sm-0 { margin-top: 0 !important; }
}

/* Orta ekranlar (md) */
@media (min-width: 577px) and (max-width: 992px) {
    .d-none-md { display: none !important; }
}

/* Büyük ekranlar (lg) */
@media (min-width: 993px) {
    .my-lg-6 { margin-bottom: 6rem !important; margin-top: 6rem !important; }
    .py-lg-6 { padding-bottom: 6rem !important; padding-top: 6rem !important; }
}