/*
 * Aks Çizgi kurumsal renk sistemi
 * Ana renk typ.jpeg görselinden ölçülmüştür: RGB(3, 80, 60) / #03503c.
 * Bu dosya sayfa stillerinden sonra yüklenir ve ortak üçüncü taraf bileşenlerini
 * aynı yeşil, lacivert ve beyaz paletinde tutar.
 */
:root {
    --aks-brand-green: #03503c;
    --aks-brand-green-dark: #024332;
    --aks-brand-green-soft: #e7f1ee;
    --aks-brand-navy: #102a46;
    --aks-brand-navy-soft: #142e4c;
    --aks-brand-white: #ffffff;
    --aks-brand-surface: #f4f7f6;

    --bs-primary: #03503c;
    --bs-primary-rgb: 3, 80, 60;
    --bs-link-color: #03503c;
    --bs-link-color-rgb: 3, 80, 60;
    --bs-link-hover-color: #024332;
    --bs-link-hover-color-rgb: 2, 67, 50;
    --swiper-theme-color: #03503c;
}

::selection {
    color: var(--aks-brand-white);
    background: var(--aks-brand-green);
}

a {
    --bs-link-color-rgb: 3, 80, 60;
    --bs-link-hover-color-rgb: 2, 67, 50;
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #03503c;
    --bs-btn-border-color: #03503c;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #024332;
    --bs-btn-hover-border-color: #024332;
    --bs-btn-focus-shadow-rgb: 3, 80, 60;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #024332;
    --bs-btn-active-border-color: #024332;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #527f72;
    --bs-btn-disabled-border-color: #527f72;
}

.btn-outline-primary {
    --bs-btn-color: #03503c;
    --bs-btn-border-color: #03503c;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #03503c;
    --bs-btn-hover-border-color: #03503c;
    --bs-btn-focus-shadow-rgb: 3, 80, 60;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #024332;
    --bs-btn-active-border-color: #024332;
}

.text-primary {
    color: var(--aks-brand-green) !important;
}

.bg-primary {
    background-color: var(--aks-brand-green) !important;
}

.border-primary {
    border-color: var(--aks-brand-green) !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #527f72;
    box-shadow: 0 0 0 .25rem rgba(3, 80, 60, .16);
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--aks-brand-green);
    border-color: var(--aks-brand-green);
}

.page-link {
    color: var(--aks-brand-green);
}

.active > .page-link,
.page-link.active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--aks-brand-white);
    background-color: var(--aks-brand-green);
    border-color: var(--aks-brand-green);
}

.page-link:focus {
    color: var(--aks-brand-green-dark);
    box-shadow: 0 0 0 .25rem rgba(3, 80, 60, .16);
}

.accordion-button:not(.collapsed) {
    color: var(--aks-brand-green-dark);
    background: var(--aks-brand-green-soft);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 rgba(3, 80, 60, .18);
}

.accordion-button:focus {
    border-color: #527f72;
    box-shadow: 0 0 0 .25rem rgba(3, 80, 60, .16);
}

.swiper-pagination-bullet-active,
.noUi-connect {
    background: var(--aks-brand-green);
}

.ui-state-active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    color: var(--aks-brand-white);
    background: var(--aks-brand-green);
    border-color: var(--aks-brand-green-dark);
}
