/* ============================================================
   NEDİMAR – Renk paleti uygulaması (lacivert + altın)
   Renkler panelden gelir (index.php → :root değişkenleri):
     --dark    : lacivert (renk5)   → header, footer, başlıklar
     --primary : bronz/altın (renk1) → butonlar, vurgular
     --yellow  : parlak altın (renk3) → hero başlığı, hover, çizgiler
   Bu dosya sadece HANGİ yüzeyin hangi değişkeni kullanacağını
   belirler; panelden renk değiştirilince otomatik yansır.
   ============================================================ */


/* ---------- Header (üst bar + ana bar) : lacivert ---------- */
.site-header .top-bar,
.header-transparent .top-bar {
    background: var(--dark);
    color: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.site-header .main-bar,
.header-transparent .main-bar,
.site-header .is-fixed .main-bar {
    background: var(--dark);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}
.top-bar .dlab-topbar-right li,
.top-bar .dlab-topbar-right li a,
.top-bar .dlab-topbar-right ul i {
    color: rgba(255, 255, 255, 0.85);
}
.topbar-lang-toggle {
    color: var(--yellow);
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.04);
}
.topbar-lang-toggle .topbar-lang-text,
.topbar-lang-toggle .topbar-lang-caret {
    color: var(--yellow);
}

/* Dil seçenekleri üst barın açık yazı rengini devralmasın. */
.site-header .topbar-lang-menu.dropdown-menu {
    background: var(--light);
    border-color: var(--dark);
}
.site-header .topbar-lang-menu a.dropdown-item {
    color: var(--dark);
    background: transparent;
}
.site-header .topbar-lang-menu a.dropdown-item:hover,
.site-header .topbar-lang-menu a.dropdown-item:focus,
.site-header .topbar-lang-menu a.dropdown-item.active,
.site-header .topbar-lang-menu a.dropdown-item.activelang {
    color: var(--light);
    background: var(--dark);
    opacity: 1;
}
.site-header .topbar-lang-menu a.dropdown-item:focus-visible {
    outline: 2px solid var(--yellow);
    outline-offset: -3px;
}

/* Panelden seçilen logonun kendi renklerini ve şeffaflığını koru. */
.site-header .logo-header img,
footer .footer-logo img,
.header-nav .logo-header img {
    filter: none;
}

/* Menü linkleri */
@media only screen and (min-width: 992px) {
    .header-nav .nav > li > a {
        color: #fff;
    }
    .header-nav .nav > li:hover > a,
    .header-nav .nav > li.active > a {
        color: var(--yellow);
    }
}

/* Arama / dil butonları (masaüstü header'da) */
.site-header .extra-nav .header-search-btn,
.site-header .extra-nav .header-lang-toggle {
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.06);
    color: var(--yellow);
}
.site-header .extra-nav .header-search-btn:hover,
.site-header .extra-nav .header-lang-toggle:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

/* Hamburger çizgileri */
.site-header .navicon span {
    background: var(--yellow);
}

/* Mobil aksiyon barı (dil + arama, ≤575px) */
.mobile-actions-bar {
    background: var(--dark);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}
.mobile-actions-bar .header-search-btn,
.mobile-actions-bar .header-lang-toggle {
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.06);
    color: var(--yellow);
}

/* ---------- Mobil header: referanstaki gibi TEK lacivert bar ----------
   Logo solda ortalı; sağ üstte bayrak+TR+arama (kutusuz), altında hamburger.
   Header hero'nun üstüne binmez, hero header'ın altından başlar. */
@media only screen and (max-width: 575px) {
    .header-transparent {
        position: relative;
    }
    .site-header .main-bar .container-fluid {
        position: relative;
        min-height: 96px;
    }
    .site-header .main-bar .logo-header {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        float: none;
        width: 160px;
        margin: 0;
    }
    .site-header .navbar-toggler {
        position: absolute;
        right: 20px;
        top: 56px;
        margin: 0;
        float: none;
    }
    .site-header .navicon {
        width: 26px;
    }
    .mobile-actions-bar {
        position: absolute;
        right: 14px;
        top: 12px;
        background: transparent;
        border: 0;
        padding: 0;
        z-index: 10;
    }
    .mobile-actions-bar .mobile-actions-inner {
        gap: 4px;
    }
    .mobile-actions-bar .header-lang-toggle,
    .mobile-actions-bar .header-search-btn {
        background: transparent;
        border: 0;
        box-shadow: none;
        height: 34px;
        width: auto;
        padding: 0 6px;
        color: var(--yellow);
        font-size: 15px;
        font-weight: 800;
    }
    .mobile-actions-bar .header-search-btn i {
        font-size: 20px;
    }
    .mobile-actions-bar .topbar-lang-flag .flag-icon {
        border-radius: 50%;
        width: 22px;
        height: 22px;
        background-size: cover;
    }
    /* Referanstaki gibi bayrağın yanında "TR" yazsın */
    .mobile-actions-bar .header-lang-toggle .topbar-lang-text {
        display: inline-block;
        margin: 0 2px 0 6px;
    }
    /* header artık overlay değil → responsive-fix'teki üst boşluğu geri al */
    .slider-content {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .main-slider-area {
        height: 55vh;
        height: max(55vh, 440px);
    }
}

/* ---------- Hero slider ---------- */
.slider-content .title {
    /* Panel > Tema ayarları: başlık fontu */
    font-family: var(--tp-font-heading) !important;
    font-weight: var(--tp-heading-weight, 700) !important;
    color: var(--yellow);
    -webkit-text-stroke: 0;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}
@media only screen and (max-width: 575px) {
    .slider-content .title {
        font-size: 30px;
        line-height: 1.2;
    }
    .slider-content .content-inner p {
        font-size: 16px;
        color: #fff;
    }
}
.silder-img::after {
    background: linear-gradient(180deg, rgba(15, 30, 51, 0.72) 0%, rgba(15, 30, 51, 0.45) 45%, rgba(15, 30, 51, 0.55) 100%);
}

.main-swiper-pagination .swiper-pagination-bullet::before {
    background-color: var(--yellow);
    opacity: 0.38;
}
.main-swiper-pagination .swiper-pagination-bullet:hover::before {
    opacity: 0.8;
}
.main-swiper-pagination .swiper-pagination-bullet-active::before {
    background-color: var(--yellow);
    opacity: 1;
    box-shadow: 0 0 10px rgba(208, 163, 92, 0.45);
}

/* ---------- Sağ ikon menüsü ---------- */
.sidenav-list ul {
    background: var(--dark);
}
.sidenav-list ul li a span,
.sidenav-list ul li a span:after {
    background: var(--primary);
    border-left-color: var(--primary);
}
.sidenav-list ul li a span:after {
    background: transparent;
}

/* ---------- Bölüm başlık çizgileri ---------- */
.dlab-separator.bg-primary {
    background-color: var(--primary) !important;
}

/* ---------- Anasayfa proje bölümleri ----------
   Referans: ilk bölüm sıcak kırık beyaz zemin, mobilde buton ortalı,
   başlık tek satır. */
#devamEdenProjeler.projects-section {
    background-color: var(--light);
}
#tamamlananProjeler.projects-section {
    background-color: #fff !important;
}
@media only screen and (max-width: 575px) {
    .projects-section .section-head .title {
        font-size: 25px;
        line-height: 1.2;
        white-space: nowrap;
    }
    .projects-section .section-head .col-md-5 {
        text-align: center;
        padding-top: 6px;
    }
    .projects-section .section-head .btn {
        min-width: 240px;
    }
}

/* ---------- Footer : lacivert ---------- */
footer .footer-top {
    background-color: var(--dark);
}
footer .footer-bottom {
    background-color: var(--dark);
    background-image: linear-gradient(rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32));
    border-top-color: rgba(255, 255, 255, 0.08);
}
footer .footer-title:after {
    background: var(--yellow);
}
footer .footer-quick-links a:before {
    background: var(--yellow);
}
footer .footer-quick-links a:hover,
footer .contact-info-bx li a:hover {
    color: var(--yellow) !important;
}
footer .contact-info-bx i {
    color: var(--yellow);
}
footer .dlab-social-icon a {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.16);
}
footer .dlab-social-icon a:hover {
    background: var(--primary);
    border-color: var(--primary);
}
footer .footer-bottom strong {
    color: var(--yellow);
}