/*
  NİLDEN TEMA — tek mantık, tüm sayfalar

  ┌─ Navbar ──────── koyu mavi (her zaman)
  ├─ Hero ────────── koyu mavi (varsa)
  ├─ İçerik ──────── beyaz (tüm bölümler)
  └─ Footer ──────── koyu mavi (her zaman)

  Mavi yalnızca çerçevede; ortada renk karışmaz.
*/

:root {
  --navy: #1e3a5f;
  --navy-deep: #0a1929;
  --navy-bar: linear-gradient(135deg, #0a1929 0%, #1e3a5f 100%);
  --white: #ffffff;
  --white-soft: #f5f8fb;
  --text-dark: #1e3a5f;
  --text-muted: #5a7289;
  --text-light: #ffffff;
  --text-light-muted: #b8c9d9;
  --accent: #3381C5;
  --accent-hover: #2a6ba8;
  --border: rgba(30, 58, 95, 0.12);
}

/* Neon / parçacık kapalı */
.background-animated,
.bg-particles,
.bg-gradient-overlay,
.icon-glow {
  display: none !important;
}

img[class*="logo"],
.company-logo,
.insaat-logo,
.footer-insaat-logo,
.footer-logo-img {
  filter: none !important;
}

/* ── Zemin ── */
body {
  background: var(--white) !important;
  color: var(--text-dark) !important;
}

/* ── MAVİ ÇERÇEVE: Navbar ── */
.navbar::before {
  background: rgba(10, 25, 41, 0.97) !important;
  opacity: 1 !important;
}
.navbar.scrolled {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12) !important;
}
.nav-link {
  color: var(--text-light) !important;
}
.nav-link:hover,
.nav-link.active {
  color: #c5d9ec !important;
}
.nav-toggle span {
  background: var(--text-light) !important;
}

/* ── MAVİ ÇERÇEVE: Hero (sayfa girişi) ── */
.hero,
.hero-header {
  background: var(--navy-bar) !important;
  color: var(--text-light) !important;
}

.hero .fw-light,
.hero-title {
  color: var(--text-light) !important;
  -webkit-text-fill-color: var(--text-light) !important;
  background: none !important;
  text-shadow: none !important;
}

.hero .lead,
.hero-subtitle,
.hero .text-body-secondary {
  color: var(--text-light-muted) !important;
}

.hero-header .hero-title {
  color: var(--text-light) !important;
}
.hero-header .hero-subtitle {
  color: #c5d9ec !important;
}
.hero-header .stat-number {
  color: var(--text-light) !important;
}
.hero-header .stat-label {
  color: var(--text-light-muted) !important;
}

.hero .btn-secondary {
  background: transparent !important;
  color: var(--text-light) !important;
  border: 2px solid rgba(255, 255, 255, 0.35) !important;
}
.hero .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--text-light) !important;
  color: var(--text-light) !important;
}

.scroll-indicator {
  color: var(--text-light-muted) !important;
}

/* ── BEYAZ İÇERİK: tüm ara bölümler ── */
.companies-section,
.about-section,
.projects-section,
.contact-section,
.c-hero,
.c-layout,
.c-map-wrap,
.project-breadcrumbs,
.project-hero,
.project-gallery-section,
.project-details-section,
.project-extras-section,
.modal-content {
  background: var(--white) !important;
  color: var(--text-dark) !important;
}

/* Bölüm başlıkları — içerik alanında koyu metin */
.section-title,
.section-header h2,
.companies-section .section-title,
.about-section .section-title,
.projects-section .section-header h2,
.contact-section .section-title,
.c-hero-text h1,
.c-section-head h3,
.project-hero .title {
  color: var(--text-dark) !important;
}

.section-subtitle,
.section-header p,
.companies-section .section-subtitle,
.about-section .section-subtitle,
.projects-section .section-header p,
.contact-section .section-subtitle,
.c-hero-text p,
.project-hero .meta {
  color: var(--text-muted) !important;
}

.about-main-description {
  color: var(--text-dark) !important;
}
.about-simple-list,
.about-simple-list li,
.about-text p,
.about-text li {
  color: var(--text-muted) !important;
}
.about-simple-list li::before,
.about-text li::before {
  color: var(--accent) !important;
}

/* Proje detay breadcrumb — beyaz zemin, ince ayırıcı */
.project-breadcrumbs {
  border-bottom: 1px solid var(--border) !important;
}
.project-breadcrumbs .container {
  color: var(--text-muted) !important;
}
.project-breadcrumbs .crumb {
  color: var(--accent) !important;
}
.project-breadcrumbs .divider {
  color: var(--text-muted) !important;
}

/* ── MAVİ ÇERÇEVE: Footer ── */
.footer,
.minimal-footer {
  background: var(--navy-bar) !important;
  color: var(--text-light) !important;
  border-top: none !important;
}

.footer-section h3,
.footer-section h4,
.minimal-footer .footer-section h4 {
  color: var(--text-light) !important;
}
.footer-section p,
.footer-section li,
.footer-section a,
.footer-brand p,
.footer-copyright,
.minimal-footer .footer-section a {
  color: var(--text-light-muted) !important;
}
.footer-section a:hover {
  color: var(--text-light) !important;
}

/* ── Kartlar & paneller (beyaz zemin üstünde) ── */
.company-card,
.company-modern-card,
.contact-form,
.contact-info,
.map-card,
.project-card,
.c-tile,
.c-form-panel,
.card-modern,
.contact-form.pro,
.project-hero #projectHeader,
.project-details .about,
.project-details .specs,
.apartment-type-card,
.doc-card,
.project-gallery .gallery-item,
.contact-form,
.modal-content {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

/* Kartlar beyaz bölümde hafif vurgu */
.company-card,
.project-card {
  background: var(--white-soft) !important;
}

.company-card-title,
.company-modern-card h3,
.project-info h3,
.contact-item h4,
.c-tile-body h4 {
  color: var(--text-dark) !important;
}
.company-card-text,
.company-modern-card p,
.project-info p,
.contact-item p,
.c-tile-body p {
  color: var(--text-muted) !important;
}

/* İçerik bölümleri arası ince çizgi (düzen hissi) */
.companies-section,
.about-section,
.projects-section,
.contact-section,
.project-gallery-section,
.project-details-section,
.project-extras-section {
  border-top: 1px solid var(--border) !important;
}

/* ── Formlar ── */
.contact-form input,
.contact-form textarea,
.contact-form select,
.form-group input,
.form-group textarea,
.c-field input,
.c-field textarea {
  background: var(--white) !important;
  color: var(--text-dark) !important;
  border-color: var(--border) !important;
}
.contact-form input:focus,
.contact-form textarea:focus,
.c-field input:focus,
.c-field textarea:focus {
  box-shadow: 0 0 0 2px rgba(51, 129, 197, 0.2) !important;
}

/* ── Butonlar ── */
.btn-primary,
.hero .btn-primary,
.contact-btn,
.submit-btn,
.back-to-main,
.filter-btn.active {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--text-light) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.btn-primary:hover,
.hero .btn-primary:hover,
.contact-btn:hover,
.submit-btn:hover,
.back-to-main:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}

.filter-btn {
  background: transparent !important;
  color: var(--accent) !important;
  border-color: var(--accent) !important;
}
.filter-btn:hover,
.filter-btn.active {
  background: var(--accent) !important;
  color: var(--text-light) !important;
}

.project-overlay {
  background: rgba(30, 58, 95, 0.85) !important;
}

.lightbox-modal {
  background-color: rgba(10, 25, 41, 0.92) !important;
}
.lightbox-content {
  background: var(--white) !important;
}

@media (max-width: 900px) {
  .nav-menu {
    background: rgba(10, 25, 41, 0.98) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  }
}