/*
 * Ön yüz yenileme katmanı — site.css'in ardından yüklenir.
 * Renkler common/assets/ui-kit/bibundan-tokens.css içindeki --bb-* değişkenlerinden gelir.
 */

body {
    color: var(--bb-text);
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--bb-navy);
    transition: color var(--bb-transition);
}

a:hover,
a:focus {
    color: var(--bb-orange);
}

::selection {
    background: var(--bb-orange-100);
    color: var(--bb-ink);
}

/* Klavye kullanıcıları için görünür odak */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--bb-orange);
    outline-offset: 2px;
}

/* ---------- Navbar ---------- */
.navbar-inverse {
    background-color: rgba(255, 255, 255, .96);
    border: 0;
    border-bottom: 1px solid var(--bb-border);
    -webkit-backdrop-filter: saturate(160%) blur(10px);
    backdrop-filter: saturate(160%) blur(10px);
    transition: box-shadow var(--bb-transition), min-height var(--bb-transition);
}

.navbar-inverse.is-scrolled {
    box-shadow: 0 6px 24px rgba(1, 41, 74, .08);
}

.navbar-inverse .navbar-brand {
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto;
}

.navbar-brand > img {
    width: 170px;
    height: auto;
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-nav > li:not(.btn-profile) > a:not(.icon-menu) {
        padding: 9px 16px;
        margin: 21px 2px;
        border-radius: var(--bb-radius-pill);
        font-weight: 600;
        line-height: 20px;
        transition: background var(--bb-transition), color var(--bb-transition), box-shadow var(--bb-transition);
    }

    .navbar-inverse .navbar-nav > li.nav-cta-outline > a {
        margin-left: 10px !important;
        box-shadow: inset 0 0 0 1.5px var(--bb-orange);
        color: var(--bb-orange-700) !important;
    }

    .navbar-inverse .navbar-nav > li.nav-cta > a {
        background: var(--bb-navy) !important;
        color: #fff !important;
        box-shadow: 0 6px 16px rgba(3, 78, 139, .22);
    }

    .navbar-inverse .navbar-nav > li.nav-cta > a:hover {
        background: var(--bb-navy-700) !important;
    }
}

.navbar-inverse .navbar-nav > li > a {
    color: var(--bb-navy);
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: var(--bb-navy);
    background: var(--bb-navy-50);
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus {
    background: var(--bb-orange-50);
    color: var(--bb-orange-700);
}

.navbar-inverse .navbar-nav > .active > a:hover {
    background: var(--bb-orange-100);
    color: var(--bb-orange-700);
}

.navbar-inverse .navbar-nav > li.nav-cta-outline > a:hover {
    background: var(--bb-orange);
    color: #fff !important;
}

/* "Market Paneli" butonu */
.navbar-nav > li.btn-profile {
    border-radius: var(--bb-radius-pill);
    padding: 9px 18px;
    height: auto;
    margin-top: 21px;
    background: var(--bb-gradient-accent);
    border: 0;
    box-shadow: 0 6px 16px rgba(229, 124, 30, .28);
}

.navbar-nav > li.btn-profile:hover {
    background: var(--bb-orange-700);
}

.navbar-inverse .navbar-toggle {
    border-color: var(--bb-border);
    border-radius: var(--bb-radius-sm);
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background: var(--bb-navy-50);
}

.navbar-inverse .navbar-collapse {
    border-color: var(--bb-border);
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {
        border-radius: var(--bb-radius-sm);
        margin: 2px 0;
        padding: 12px 15px;
    }

    .navbar-inverse .navbar-nav > li.nav-cta > a {
        background: var(--bb-navy);
        color: #fff;
        text-align: center;
        margin-top: 8px;
    }

    .navbar-nav > li.btn-profile {
        display: block;
        margin: 8px 15px 12px;
        text-align: center;
    }
}

/* ---------- Butonlar ---------- */
.btn {
    border-radius: var(--bb-radius-sm);
    transition: background var(--bb-transition), border-color var(--bb-transition), box-shadow var(--bb-transition), transform var(--bb-transition);
}

.btn:active {
    transform: translateY(1px);
}

.btn-primary {
    background-color: var(--bb-navy);
    border-color: var(--bb-navy);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--bb-navy-700);
    border-color: var(--bb-navy-700);
}

.btn-theme {
    background-color: var(--bb-navy);
    border-color: var(--bb-navy);
    border-radius: var(--bb-radius-pill);
    box-shadow: 0 6px 16px rgba(3, 78, 139, .18);
}

.btn-theme:hover,
.btn-theme:focus {
    background-color: var(--bb-orange);
    border-color: var(--bb-orange);
    box-shadow: 0 8px 20px rgba(229, 124, 30, .28);
}

.btn-warning {
    background-color: var(--bb-orange);
    border-color: var(--bb-orange);
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: var(--bb-orange-700);
    border-color: var(--bb-orange-700);
}

.btn-success {
    background-color: var(--bb-success);
    border-color: var(--bb-success);
}

/* ---------- Form ---------- */
.form-control {
    border-radius: var(--bb-radius-sm);
}

.form-control:focus {
    border-color: var(--bb-navy-500);
    box-shadow: var(--bb-ring);
}

/* ---------- Kart / panel ---------- */
.panel {
    border-radius: var(--bb-radius);
    border-color: var(--bb-border);
    box-shadow: var(--bb-shadow-sm);
}

.panel > .panel-heading {
    border-top-left-radius: calc(var(--bb-radius) - 1px);
    border-top-right-radius: calc(var(--bb-radius) - 1px);
}

.alert {
    border: 0;
    border-left: 4px solid transparent;
    border-radius: var(--bb-radius);
}

.alert-success { background: var(--bb-success-100); color: #1f6e44; border-left-color: var(--bb-success); }
.alert-danger { background: var(--bb-danger-100); color: #a32d2d; border-left-color: var(--bb-danger); }
.alert-warning { background: var(--bb-warning-100); color: #8e4f0a; border-left-color: var(--bb-amber); }
.alert-info { background: var(--bb-info-100); color: #245f80; border-left-color: var(--bb-sky); }

/* ---------- Breadcrumb ---------- */
.breadcrumb {
    background: transparent;
    padding: 8px 0;
    font-size: 13px;
}

.breadcrumb > li + li::before {
    content: "\203A";
    color: var(--bb-navy-300);
    padding: 0 8px;
}

.breadcrumb > .active {
    color: var(--bb-muted);
}

/* ---------- Sayfalama ---------- */
.pagination > li > a,
.pagination > li > span {
    color: var(--bb-navy);
    border-color: var(--bb-border);
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-radius: var(--bb-radius-sm) 0 0 var(--bb-radius-sm);
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0 var(--bb-radius-sm) var(--bb-radius-sm) 0;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span {
    background-color: var(--bb-navy);
    border-color: var(--bb-navy);
}

/* ---------- Footer ---------- */
.courier-strip {
    background: linear-gradient(180deg, var(--bb-bg) 0%, var(--bb-navy-50) 100%);
}

.site-footer {
    background: var(--bb-gradient-brand);
    position: relative;
    overflow: hidden;
}

.site-footer::before {
    content: "";
    position: absolute;
    right: -120px;
    top: -120px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245, 149, 17, .25) 0%, rgba(245, 149, 17, 0) 70%);
    pointer-events: none;
}

.site-footer > .container {
    position: relative;
}

.site-footer-logo-badge {
    border-radius: var(--bb-radius);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

.site-footer-links a:hover {
    color: var(--bb-amber);
}

.site-app-badge {
    border-radius: var(--bb-radius);
    transition: background var(--bb-transition), transform var(--bb-transition);
}

.site-app-badge:hover {
    transform: translateY(-2px);
}

/* ---------- Hareket hassasiyeti ---------- */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}