/*
 * Marka paleti - on yuz.
 *
 * On yuz dokranV2.css'i (New Age temasi, derlenmis Bootstrap 5.1) app.css'in ustune
 * yukluyor ve tema kendi mavisini (#2937f0) sabit hex olarak yaziyor. Bootstrap 5.1'de
 * .btn-primary CSS degiskeni kullanmadigi icin :root uzerinden ezmek yetmiyor; ilgili
 * siniflar burada yeniden tanimlaniyor. Bu dosya layout'ta EN SON yukleniyor.
 */
:root {
    --dokran-navy: #203070;
    --dokran-navy-dark: #16224f;
    --dokran-navy-light: #35498f;
    --dokran-gold: #f0b429;
    --dokran-gold-dark: #c88f14;
    --bs-primary: #203070;
    --bs-primary-rgb: 32, 48, 112;
}

a { color: var(--dokran-navy); }
a:hover { color: var(--dokran-navy-dark); }

.text-primary { color: var(--dokran-navy) !important; }
.bg-primary { background-color: var(--dokran-navy) !important; }
.border-primary { border-color: var(--dokran-navy) !important; }

.btn-primary {
    background-color: var(--dokran-navy);
    border-color: var(--dokran-navy);
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--dokran-navy-dark);
    border-color: var(--dokran-navy-dark);
    color: #fff;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.25rem rgba(32, 48, 112, 0.35);
}

.btn-outline-primary {
    color: var(--dokran-navy);
    border-color: var(--dokran-navy);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: var(--dokran-navy);
    border-color: var(--dokran-navy);
    color: #fff;
}
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(32, 48, 112, 0.25);
}

/* Altin sari yalnizca vurgu icin: birincil eylem lacivert, ikincil vurgu sari. */
.btn-accent {
    background-color: var(--dokran-gold);
    border: 1px solid var(--dokran-gold);
    color: #22252b;
    font-weight: 700;
}
.btn-accent:hover,
.btn-accent:focus {
    background-color: var(--dokran-gold-dark);
    border-color: var(--dokran-gold-dark);
    color: #22252b;
}
.text-accent { color: var(--dokran-gold-dark) !important; }
.bg-accent { background-color: var(--dokran-gold) !important; }

.badge.bg-primary { background-color: var(--dokran-navy) !important; }

.form-control:focus,
.form-select:focus {
    border-color: var(--dokran-navy-light);
    box-shadow: 0 0 0 0.25rem rgba(32, 48, 112, 0.15);
}

.masthead .masthead-device-mockup .circle .gradient-start-color,
.features-device-mockup .circle .gradient-start-color { stop-color: #203070; }
.masthead .masthead-device-mockup .circle .gradient-end-color,
.features-device-mockup .circle .gradient-end-color { stop-color: #35498f; }
.masthead .masthead-device-mockup .shape-1,
.features-device-mockup .shape-1 { fill: var(--dokran-gold); }
.masthead .masthead-device-mockup .shape-2,
.features-device-mockup .shape-2 { fill: var(--dokran-navy); }

/*
 * Sabit navbar telafisi.
 *
 * `frontend/partials/layout/navbar.blade.php` navbar'i `fixed-top` ile konumlandiriyor,
 * yani belge akisindan cikiyor. `layouts/frontend.blade.php` ise hicbir telafi boslugu
 * tasimiyordu: kendi kahraman bolumu olmayan sayfalarin ilk satiri navbar'in altinda
 * kaliyordu (ornek: duzeltme talebiyle gelen uzman "asagidaki bilgileri guncelleyin"
 * satirini okuyamiyordu).
 *
 * Varsayilan GUVENLI tarafta: telafi layout'ta uygulaniyor, kendi boslugu olan sayfalar
 * `@section('contentOffset', '')` ile disari cikiyor. Boylece yeni bir sayfa eklendiginde
 * kimse bunu hatirlamak zorunda kalmiyor.
 */
.dk-nav-offset {
    padding-top: 7rem;
}

@media (max-width: 767.98px) {
    .dk-nav-offset {
        padding-top: 5.5rem;
    }
}