/* ============================================================
   Bozok Reklam — ana sayfa açık renk sistemi (monokrom)
   Yapıya dokunulmaz; yalnızca renk, kontur, gölge ve ölçü.

   Renk yok. Grafit siyah + beyaz + tek açık gri.
   Renk sayfaya fotoğraflardan gelir; arayüz sessiz durur.
   Böylece yeni logo hangi rengi getirirse getirsin çakışmaz.

   Gölge kullanılmaz — ayrım 1px kontur ve yüzey tonuyla yapılır.
   Yalnızca body.bozok-acik-sayfa altında geçerlidir.
   ============================================================ */

.bozok-acik-sayfa {
    --bz-zemin:    #ffffff;
    --bz-yumusak:  #f6f6f7;
    --bz-cizgi:    #e6e7e9;
    --bz-cizgi-k:  #d3d5d8;

    --bz-murekkep: #16181c;   /* başlık ve düğme — sayfanın en koyu tonu */
    --bz-koyu:     #262a30;   /* alt bilgi yüzeyi: siyah değil, grafit */
    --bz-govde:    #6b6f76;
    --bz-soluk:    #9aa0a7;

    --bz-bolum-ust: 76px;
    --bz-bolum-alt: 80px;
    --bz-yaricap:   6px;

    background-color: var(--bz-zemin);
}

html:has(body.bozok-acik-sayfa) { background-color: var(--bz-koyu); }


/* ------------------------------------------------ bölüm zeminleri */

.bozok-acik-sayfa .bozok-acik-beyaz { background: var(--bz-zemin); }

.bozok-acik-sayfa .bozok-serit-referans,
.bozok-acik-sayfa .bozok-serit-ortak,
.bozok-acik-sayfa .bozok-haberler {
    background: var(--bz-yumusak);
    border-top: 1px solid var(--bz-cizgi);
    border-bottom: 1px solid var(--bz-cizgi);
}

/* Kategori kaydırıcısı width:100vw kullanıyor; 100vw kaydırma çubuğunu da
   saydığı için sayfaya 8px yatay taşma biniyordu. clip yeni kaydırma
   bağlamı açmaz — sticky bozulmaz. */
.bozok-acik-sayfa .bozok-tam-genislik { overflow-x: clip; }


/* ------------------------------------------------ dikey ritim
   Ölçülmüştü: altı bölümde altı ayrı boşluk vardı (50/30, 46/50,
   40/60, 46/50, 50/50, 64/70). Hepsi tek ölçeğe bağlandı. */

.bozok-acik-sayfa .category-section,
.bozok-acik-sayfa .section-padding.bozok-acik-beyaz,
.bozok-acik-sayfa #quickContactForm,
.bozok-acik-sayfa .bozok-haberler {
    padding-top: var(--bz-bolum-ust) !important;
    padding-bottom: var(--bz-bolum-alt) !important;
}

.bozok-acik-sayfa .bozok-serit {
    padding-top: 52px;
    padding-bottom: 56px;
}

/* Başlık ile içerik arası her bölümde eşit. */
.bozok-acik-sayfa .mb-50,
.bozok-acik-sayfa .mb-40,
.bozok-acik-sayfa .mb-25 { margin-bottom: 26px !important; }

/* Kaydırıcı kabının kendi 40px üst dolgusu başlıkla arasına ikinci bir
   boşluk bindiriyordu (34 + 40 = 74px). Kaldırıldı. */
.bozok-acik-sayfa .category-slider-container { padding-top: 0 !important; }


/* ------------------------------------------------ tipografi
   Ölçülmüştü: beş ayrı başlık boyutu vardı (30/27/13/32/30). Tek ölçek. */

.bozok-acik-sayfa .category-section h2,
.bozok-acik-sayfa .section-padding.bozok-acik-beyaz > .container > .row h2,
.bozok-acik-sayfa #quickContactForm .contact-header h3,
.bozok-acik-sayfa .bozok-haberler-ust h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -.2px !important;
    text-transform: none !important;
    color: var(--bz-murekkep) !important;
    margin: 0 0 8px !important;
}

.bozok-acik-sayfa .category-section p,
.bozok-acik-sayfa .section-padding.bozok-acik-beyaz > .container > .row p,
.bozok-acik-sayfa #quickContactForm .contact-header p,
.bozok-acik-sayfa .bozok-haberler-ust p {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--bz-govde) !important;
    max-width: 54ch;
    margin: 0 auto !important;
}

.bozok-acik-sayfa .bozok-acik h1,
.bozok-acik-sayfa .bozok-acik h2,
.bozok-acik-sayfa .bozok-acik h3,
.bozok-acik-sayfa .bozok-acik h4,
.bozok-acik-sayfa .bozok-acik h5 { color: var(--bz-murekkep); }

.bozok-acik-sayfa .bozok-acik p,
.bozok-acik-sayfa .bozok-acik li { color: var(--bz-govde); }

.bozok-acik-sayfa .category-slide-content,
.bozok-acik-sayfa .category-slide-content * { color: #ffffff; }


/* ------------------------------------------------ hero */

.bozok-acik-sayfa .hero-video-wrapper { background: var(--bz-murekkep); }

.bozok-acik-sayfa .hero-video-overlay {
    background: linear-gradient(180deg,
                rgba(22, 24, 28, .52) 0%,
                rgba(22, 24, 28, .46) 50%,
                rgba(22, 24, 28, .68) 100%);
}

.bozok-acik-sayfa .slide-text-link {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, .6) !important;
    color: #ffffff !important;
    border-radius: var(--bz-yaricap);
    padding: 11px 26px;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.bozok-acik-sayfa .slide-text-link:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--bz-murekkep) !important;
}


/* ------------------------------------------------ hizmet kartları */

.bozok-acik-sayfa .category-slide-overlay {
    background: linear-gradient(180deg,
                rgba(22, 24, 28, 0) 0%,
                rgba(22, 24, 28, .78) 92%) !important;
}

.bozok-acik-sayfa .category-slide-card {
    border-radius: var(--bz-yaricap);
    overflow: hidden;
    box-shadow: none;
    transition: opacity .25s ease;
}

.bozok-acik-sayfa .category-slide-card:hover { opacity: .93; }

/* Kaydırıcı kumandası: gri kapsül ve yuvarlak düğmeler kaldırıldı. */
.bozok-acik-sayfa .category-slider-controls {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap: 18px;
    margin-top: 26px;
}

.bozok-acik-sayfa .category-slider-btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--bz-soluk) !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 0 !important;
    transition: color .2s ease;
}

.bozok-acik-sayfa .category-slider-btn:hover { color: var(--bz-murekkep) !important; }

/* Noktalar yerine ince çizgiler. */
.bozok-acik-sayfa .category-slider-dots span,
.bozok-acik-sayfa .category-slider-dot {
    width: 22px !important;
    height: 2px !important;
    border-radius: 0 !important;
    background: var(--bz-cizgi-k) !important;
    transition: background .2s ease;
}

.bozok-acik-sayfa .category-slider-dots span.active,
.bozok-acik-sayfa .category-slider-dot.active,
.bozok-acik-sayfa .category-slider-dots .active {
    background: var(--bz-murekkep) !important;
    width: 34px !important;
}


/* ------------------------------------------------ proje kartları */

.bozok-acik-sayfa .category-card-4 {
    background: var(--bz-zemin);
    border: 1px solid var(--bz-cizgi) !important;
    border-radius: var(--bz-yaricap);
    overflow: hidden;
    box-shadow: none;
    transition: border-color .2s ease;
}

.bozok-acik-sayfa .category-card-4:hover { border-color: var(--bz-murekkep) !important; }

.bozok-acik-sayfa .category-content h4  { color: var(--bz-murekkep); }
.bozok-acik-sayfa .category-text        { color: var(--bz-soluk); }
.bozok-acik-sayfa .category-title-arrow { color: var(--bz-soluk); }
.bozok-acik-sayfa .category-card-4:hover .category-title-arrow { color: var(--bz-murekkep); }

/* Filtre: hap değil, düz metin sekmesi. */
.bozok-acik-sayfa .simple-project-filter li {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    padding: 6px 2px !important;
    margin: 0 16px !important;
    color: var(--bz-govde) !important;
    font-weight: 500;
    transition: color .2s ease, border-color .2s ease;
}

.bozok-acik-sayfa .simple-project-filter li:hover { color: var(--bz-murekkep) !important; }

.bozok-acik-sayfa .simple-project-filter li.active {
    color: var(--bz-murekkep) !important;
    border-bottom-color: var(--bz-murekkep) !important;
}


/* ------------------------------------------------ ikincil düğmeler */

.bozok-acik-sayfa .bozok-acik .outline-primary,
.bozok-acik-sayfa .bozok-haberler-alt a {
    display: inline-block;
    padding: 12px 28px !important;
    border: 1px solid var(--bz-cizgi-k) !important;
    border-radius: var(--bz-yaricap);
    background: transparent !important;
    color: var(--bz-murekkep) !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.bozok-acik-sayfa .bozok-acik .outline-primary:hover,
.bozok-acik-sayfa .bozok-haberler-alt a:hover {
    background: var(--bz-murekkep) !important;
    border-color: var(--bz-murekkep) !important;
    color: #ffffff !important;
}


/* ------------------------------------------------ Teklif Al formu
   Kart yok. Alanlar doğrudan bölüm zemininde duruyor.
   .compact-contact-form'un koyu 1px konturu ikinci çerçeve
   yapıyordu, kaldırıldı. */

.bozok-acik-sayfa #quickContactForm .compact-contact-form,
.bozok-acik-sayfa #quickContactForm form {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

.bozok-acik-sayfa #quickContactForm .compact-contact-form::before,
.bozok-acik-sayfa #quickContactForm .compact-contact-form::after,
.bozok-acik-sayfa #quickContactForm form::before,
.bozok-acik-sayfa #quickContactForm form::after { display: none !important; }

.bozok-acik-sayfa #quickContactForm input,
.bozok-acik-sayfa #quickContactForm textarea,
.bozok-acik-sayfa #quickContactForm select {
    background: var(--bz-zemin);
    border: 1px solid var(--bz-cizgi) !important;
    border-radius: var(--bz-yaricap);
    color: var(--bz-murekkep);
}

.bozok-acik-sayfa #quickContactForm input::placeholder,
.bozok-acik-sayfa #quickContactForm textarea::placeholder {
    color: var(--bz-soluk);
    opacity: 1;
}

.bozok-acik-sayfa #quickContactForm input:focus,
.bozok-acik-sayfa #quickContactForm textarea:focus {
    border-color: var(--bz-murekkep) !important;
    outline: none;
}

.bozok-acik-sayfa #quickContactForm .project-details-simple {
    background: var(--bz-zemin) !important;
    border: 1px solid var(--bz-cizgi) !important;
    border-radius: var(--bz-yaricap);
}

.bozok-acik-sayfa #quickContactForm .project-toggle-link       { color: var(--bz-govde); }
.bozok-acik-sayfa #quickContactForm .project-toggle-link:hover { color: var(--bz-murekkep); }

/* style.css'te .compact-btn rengi !important ile yazılı. */
.bozok-acik-sayfa #quickContactForm .compact-btn {
    background: var(--bz-murekkep) !important;
    border-color: var(--bz-murekkep) !important;
    color: #ffffff !important;
    border-radius: var(--bz-yaricap) !important;
}

.bozok-acik-sayfa #quickContactForm .compact-btn:hover,
.bozok-acik-sayfa #quickContactForm .compact-btn:focus {
    background: #33373d !important;
    border-color: #33373d !important;
    color: #ffffff !important;
}

.bozok-acik-sayfa #quickContactForm .success-check { color: var(--bz-murekkep); }


/* ------------------------------------------------ logo şeritleri */

.bozok-acik-sayfa .bozok-serit .bozok-serit-baslik {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.1px;
    text-transform: none;
    color: var(--bz-murekkep);
    margin-bottom: 26px;
}

.bozok-acik-sayfa .bozok-serit-oge {
    width: 200px;
    height: 80px;
    padding: 0 24px;
}

/* Monokrom arayüzde logolar gri tonlamada durunca sayfa tekleşiyor;
   üzerine gelince kendi rengine dönüyor. */
.bozok-acik-sayfa .bozok-serit-oge img {
    filter: grayscale(100%);
    opacity: .55;
    transition: filter .25s ease, opacity .25s ease;
}

.bozok-acik-sayfa .bozok-serit-oge img:hover {
    filter: grayscale(0);
    opacity: 1;
}


/* ------------------------------------------------ haberler */

.bozok-acik-sayfa .bozok-haber {
    background: var(--bz-zemin);
    border: 1px solid var(--bz-cizgi) !important;
    border-radius: var(--bz-yaricap);
    box-shadow: none;
    transition: border-color .2s ease;
}

.bozok-acik-sayfa .bozok-haber:hover { border-color: var(--bz-murekkep) !important; }

.bozok-acik-sayfa .bozok-haber-govde time       { color: var(--bz-soluk); }
.bozok-acik-sayfa .bozok-haber-govde h3 a       { color: var(--bz-murekkep); }
.bozok-acik-sayfa .bozok-haber-govde h3 a:hover { color: var(--bz-govde); }
.bozok-acik-sayfa .bozok-haber-govde p          { color: var(--bz-govde); }

.bozok-acik-sayfa .bozok-haber-bag { color: var(--bz-murekkep); }
.bozok-acik-sayfa .bozok-haber-bag:hover { border-bottom-color: var(--bz-murekkep); }


/* ------------------------------------------------ alt bilgi */

/* Simsiyah bir bant sayfanın sonunu boşluk gibi kapatıyordu; grafite
   çekildi. Beyaz footer denenemez: images/logosiyah.png ölçüldü,
   ortalama parlaklığı 193/255 (açık renkli logo), açık zeminde kaybolur. */
.bozok-acik-sayfa .footer-section {
    background: var(--bz-koyu);
    color: #b4b9bf;
}

.bozok-acik-sayfa .footer-section p,
.bozok-acik-sayfa .footer-section small,
.bozok-acik-sayfa .footer-section a,
.bozok-acik-sayfa .footer-social-link a { color: #b4b9bf; }

.bozok-acik-sayfa .footer-section b       { color: #ffffff; }
.bozok-acik-sayfa .footer-section a:hover,
.bozok-acik-sayfa .footer-social-link a:hover { color: #ffffff; }


/* ------------------------------------------------ yukarı çık */

.bozok-acik-sayfa .totop {
    background: var(--bz-murekkep);
    color: #ffffff;
    border-radius: var(--bz-yaricap);
}

.bozok-acik-sayfa .totop:hover { background: #33373d; }


/* ------------------------------------------------ dar ekran */

@media (max-width: 767px) {
    .bozok-acik-sayfa {
        --bz-bolum-ust: 50px;
        --bz-bolum-alt: 54px;
    }

    .bozok-acik-sayfa .bozok-serit { padding-top: 36px; padding-bottom: 40px; }
    .bozok-acik-sayfa .bozok-serit-oge { width: 148px; height: 62px; padding: 0 18px; }
    .bozok-acik-sayfa .mb-50,
    .bozok-acik-sayfa .mb-40,
    .bozok-acik-sayfa .mb-25 { margin-bottom: 26px !important; }

    .bozok-acik-sayfa .category-section h2,
    .bozok-acik-sayfa .section-padding.bozok-acik-beyaz > .container > .row h2,
    .bozok-acik-sayfa #quickContactForm .contact-header h3,
    .bozok-acik-sayfa .bozok-haberler-ust h2 { font-size: 23px !important; }

    .bozok-acik-sayfa .category-section p,
    .bozok-acik-sayfa .section-padding.bozok-acik-beyaz > .container > .row p,
    .bozok-acik-sayfa #quickContactForm .contact-header p,
    .bozok-acik-sayfa .bozok-haberler-ust p { font-size: 15px !important; }

    .bozok-acik-sayfa .simple-project-filter li { margin: 0 10px !important; }
}


/* ============================================================
   İÇ SAYFALAR
   Ölçüldü: iç sayfalarda koyu olan tek yüzey body'nin kendisi;
   bölümler şeffaf. Üstteki başlık bandı ise fotoğraf üzerine
   kurulu (inline background-image) — oradaki yazı beyaz kalmalı.
   ============================================================ */

.bozok-acik-sayfa { color: var(--bz-govde); }

.bozok-acik-sayfa h1,
.bozok-acik-sayfa h2,
.bozok-acik-sayfa h3,
.bozok-acik-sayfa h4,
.bozok-acik-sayfa h5,
.bozok-acik-sayfa h6 { color: var(--bz-murekkep); }

.bozok-acik-sayfa p,
.bozok-acik-sayfa li,
.bozok-acik-sayfa td,
.bozok-acik-sayfa small,
.bozok-acik-sayfa .content-text,
.bozok-acik-sayfa .content-label { color: var(--bz-govde); }

.bozok-acik-sayfa a { color: var(--bz-murekkep); }
.bozok-acik-sayfa a:hover { color: var(--bz-govde); }

/* İçerik bölümleri beyaz; .bg-light olan bir ton gri. */
.bozok-acik-sayfa .about-section-padding { background: var(--bz-zemin); }
.bozok-acik-sayfa .about-section-padding.bg-light { background: var(--bz-yumusak) !important; }

/* --- istisna: fotoğraf üzerindeki yazılar beyaz kalır --- */

.bozok-acik-sayfa [style*="background-image"] h1,
.bozok-acik-sayfa [style*="background-image"] h2,
.bozok-acik-sayfa [style*="background-image"] h3,
.bozok-acik-sayfa [style*="background-image"] h4,
.bozok-acik-sayfa [style*="background-image"] h5,
.bozok-acik-sayfa [style*="background-image"] p,
.bozok-acik-sayfa [style*="background-image"] span,
.bozok-acik-sayfa [style*="background-image"] a,
.bozok-acik-sayfa .hero-video-content *,
.bozok-acik-sayfa .category-slide-content *,
.bozok-acik-sayfa .gallery-overlay *,
.bozok-acik-sayfa .footer-section p,
.bozok-acik-sayfa .footer-section small,
.bozok-acik-sayfa .footer-section li,
.bozok-acik-sayfa .footer-section a { color: inherit; }

.bozok-acik-sayfa [style*="background-image"] h1,
.bozok-acik-sayfa [style*="background-image"] h2,
.bozok-acik-sayfa [style*="background-image"] h3 { color: #ffffff; }

.bozok-acik-sayfa .footer-section h1,
.bozok-acik-sayfa .footer-section h2,
.bozok-acik-sayfa .footer-section h3,
.bozok-acik-sayfa .footer-section h4,
.bozok-acik-sayfa .footer-section h5 { color: #ffffff; }

.bozok-acik-sayfa .totop,
.bozok-acik-sayfa .totop:hover { color: #ffffff; }

/* Kartlar ve kutular iç sayfalarda da aynı sistem */
.bozok-acik-sayfa .gallery-item,
.bozok-acik-sayfa .blog-card,
.bozok-acik-sayfa .module-card {
    background: var(--bz-zemin);
    border: 1px solid var(--bz-cizgi);
    border-radius: var(--bz-yaricap);
    box-shadow: none;
}

/* Form alanları */
.bozok-acik-sayfa input,
.bozok-acik-sayfa textarea,
.bozok-acik-sayfa select {
    background: var(--bz-zemin);
    border: 1px solid var(--bz-cizgi);
    border-radius: var(--bz-yaricap);
    color: var(--bz-murekkep);
}

.bozok-acik-sayfa input::placeholder,
.bozok-acik-sayfa textarea::placeholder { color: var(--bz-soluk); opacity: 1; }

/* --- iç sayfalardaki koyu kutular ve mavi rozetler ---
   style.css taranarak bulundu: .tech-item #2e3137, .contact-simple-box
   #182735, ayrıca #1a237e (indigo) rozet/düğmeler ve #153745 etiketler.
   Koyu kutuların içindeki yazı yukarıdaki genel kuralla koyuya döndüğü
   için okunmaz hâle geliyordu; kutular açık karta çevrildi, indigo
   tonlar da monokrom sisteme alındı. */

.bozok-acik-sayfa .tech-item,
.bozok-acik-sayfa .contact-simple-box {
    background: var(--bz-zemin) !important;
    border: 1px solid var(--bz-cizgi) !important;
    border-radius: var(--bz-yaricap);
    box-shadow: none !important;
    transition: border-color .2s ease;
}

.bozok-acik-sayfa .tech-item:hover,
.bozok-acik-sayfa .contact-simple-box:hover {
    background: var(--bz-zemin) !important;
    border-color: var(--bz-murekkep) !important;
}

.bozok-acik-sayfa .tech-item h5,
.bozok-acik-sayfa .contact-simple-box h5 { color: var(--bz-murekkep) !important; }

.bozok-acik-sayfa .tech-item p,
.bozok-acik-sayfa .contact-simple-box p,
.bozok-acik-sayfa .tech-content p { color: var(--bz-govde) !important; }

.bozok-acik-sayfa .tech-item i,
.bozok-acik-sayfa .contact-simple-box i { color: var(--bz-murekkep) !important; }

/* İndigo (#1a237e) ve koyu petrol (#153745) tonları → mürekkep */
.bozok-acik-sayfa .project-cat,
.bozok-acik-sayfa .step-number,
.bozok-acik-sayfa .timeline-year,
.bozok-acik-sayfa .arcprime-btn2,
.bozok-acik-sayfa .blog-sidebar .tags li,
.bozok-acik-sayfa .blog-pagination-wrap li a.active,
.bozok-acik-sayfa .contact__form input[type="submit"] {
    background: var(--bz-murekkep) !important;
    border-color: var(--bz-murekkep) !important;
    color: #ffffff !important;
}

.bozok-acik-sayfa .blog-sidebar ul.tags li:hover,
.bozok-acik-sayfa .blog-sidebar ul.tags li a:hover,
.bozok-acik-sayfa .contact__form input[type="submit"]:hover,
.bozok-acik-sayfa .project-btn:hover,
.bozok-acik-sayfa .btn-dark-blue:hover,
.bozok-acik-sayfa .btn-outline-dark-blue:hover {
    background: #33373d !important;
    border-color: #33373d !important;
    color: #ffffff !important;
}

.bozok-acik-sayfa .timeline::before { background: var(--bz-cizgi) !important; }

.bozok-acik-sayfa .project-overlay {
    background: rgba(22, 24, 28, .82) !important;
}

.bozok-acik-sayfa .project-overlay *,
.bozok-acik-sayfa .project-cat,
.bozok-acik-sayfa .timeline-year,
.bozok-acik-sayfa .step-number { color: #ffffff !important; }

/* --- satır içi renkler ---
   Panelin sayfa düzenleyicisinden girilen metinlerde satır içi
   color:#ffffff / #153745 gibi değerler var; satır içi stil normal
   CSS'i yendiği için beyaz zeminde beyaz yazı kalıyordu. Yalnızca
   içerik sarmalayıcısının içinde !important ile eziliyor —
   fotoğraflı başlık bandı, alt bilgi ve perde üstü yazılar hariç. */

.bozok-acik-sayfa .about-section-padding h1,
.bozok-acik-sayfa .about-section-padding h2,
.bozok-acik-sayfa .about-section-padding h3,
.bozok-acik-sayfa .about-section-padding h4,
.bozok-acik-sayfa .about-section-padding h5,
.bozok-acik-sayfa .about-section-padding h6 { color: var(--bz-murekkep) !important; }

.bozok-acik-sayfa .about-section-padding p,
.bozok-acik-sayfa .about-section-padding li,
.bozok-acik-sayfa .about-section-padding td { color: var(--bz-govde) !important; }

/* perde/rozet istisnaları geri alınır */
.bozok-acik-sayfa .about-section-padding .gallery-overlay,
.bozok-acik-sayfa .about-section-padding .gallery-overlay *,
.bozok-acik-sayfa .about-section-padding .project-overlay,
.bozok-acik-sayfa .about-section-padding .project-overlay *,
.bozok-acik-sayfa .about-section-padding .timeline-year,
.bozok-acik-sayfa .about-section-padding .step-number { color: #ffffff !important; }

/* Başlık bandı ile içerik bölümleri aynı sınıfı (.section-padding) paylaşıyor;
   ayrım bandın satır içi background-image'ı. Referanslar ve Blog sayfalarında
   başlıklar bu yüzden beyaz kalmıştı. */

.bozok-acik-sayfa .section-padding:not([style*="background-image"]) h1,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) h2,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) h3,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) h4,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) h5,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) h6,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) h2 a,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) h3 a,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) h4 a {
    color: var(--bz-murekkep) !important;
}

.bozok-acik-sayfa .section-padding:not([style*="background-image"]) p,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) li,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) td,
.bozok-acik-sayfa .section-padding:not([style*="background-image"]) .blog-excerpt {
    color: var(--bz-govde) !important;
}

/* Kart başlığı olan çıplak bağlantılar koyu okunur. */
.bozok-acik-sayfa .blog-card a,
.bozok-acik-sayfa .blog-title a { color: var(--bz-murekkep) !important; }
.bozok-acik-sayfa .blog-card a:hover,
.bozok-acik-sayfa .blog-title a:hover { color: var(--bz-govde) !important; }

/* Perde üstündeki her şey beyaz kalır. */
.bozok-acik-sayfa .gallery-overlay,
.bozok-acik-sayfa .gallery-overlay *,
.bozok-acik-sayfa .project-overlay,
.bozok-acik-sayfa .project-overlay *,
.bozok-acik-sayfa .category-slide-content * { color: #ffffff !important; }

/* Hero ve slayt yazıları her zaman beyaz — altlarında video/fotoğraf var,
   genel koyu yazı kuralı burada geçerli değil. */
.bozok-acik-sayfa .slide-content,
.bozok-acik-sayfa .slide-content *,
.bozok-acik-sayfa .hero-video-content,
.bozok-acik-sayfa .hero-video-content *,
.bozok-acik-sayfa .carousel-caption,
.bozok-acik-sayfa .carousel-caption * {
    color: #ffffff !important;
}

/* Perde üstündeki çerçeveli düğme beyaz kenarlığını korur. */
.bozok-acik-sayfa .slide-content .slide-text-link,
.bozok-acik-sayfa .hero-video-content .slide-text-link {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .6) !important;
}

.bozok-acik-sayfa .slide-content .slide-text-link:hover,
.bozok-acik-sayfa .hero-video-content .slide-text-link:hover {
    background: #ffffff !important;
    color: var(--bz-murekkep) !important;
    border-color: #ffffff !important;
}


/* ============================================================
   18 EYLÜL REVİZELERİ
   ============================================================ */

/* ---------------------------------------- yazı karakteri
   Tek aile: Gotham. Dosyalar css/style.css:25'teki
   @import url('https://fonts.cdnfonts.com/css/gotham') ile geliyor;
   ölçüldü: 300/400/500/700 ağırlıkları yükleniyor.

   Ağırlık eşlemesi (firmanın tarifi):
     Gotham Book   -> 400   gövde metni
     Gotham Medium -> 500   menü, düğme, etiket (400 ince kaldığı yerler)
     Gotham Bold   -> 700   başlıklar ve vurgu */

.bozok-acik-sayfa,
.bozok-acik-sayfa h1, .bozok-acik-sayfa h2, .bozok-acik-sayfa h3,
.bozok-acik-sayfa h4, .bozok-acik-sayfa h5, .bozok-acik-sayfa h6,
.bozok-acik-sayfa p,  .bozok-acik-sayfa a,  .bozok-acik-sayfa li,
.bozok-acik-sayfa span, .bozok-acik-sayfa small, .bozok-acik-sayfa td,
.bozok-acik-sayfa th, .bozok-acik-sayfa label, .bozok-acik-sayfa time,
.bozok-acik-sayfa button, .bozok-acik-sayfa input,
.bozok-acik-sayfa textarea, .bozok-acik-sayfa select {
    font-family: 'Bozok TR', 'Gotham', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Gövde metni Book. */
.bozok-acik-sayfa p,
.bozok-acik-sayfa li,
.bozok-acik-sayfa td { font-weight: 400; }

/* Küçük punto arayüz yazıları Medium — Book bu boyutta ince kalıyor. */
.bozok-acik-sayfa .navbar-nav .nav-link,
.bozok-acik-sayfa .bozok-serit-baslik,
.bozok-acik-sayfa .bozok-haber-govde time,
.bozok-acik-sayfa .simple-project-filter li,
.bozok-acik-sayfa .bozok-acik .outline-primary,
.bozok-acik-sayfa .bozok-haberler-alt a,
.bozok-acik-sayfa .compact-btn,
.bozok-acik-sayfa .slide-text-link { font-weight: 500; }

/* Başlıklar Bold. */
.bozok-acik-sayfa h1, .bozok-acik-sayfa h2, .bozok-acik-sayfa h3,
.bozok-acik-sayfa h4, .bozok-acik-sayfa h5, .bozok-acik-sayfa h6,
.bozok-acik-sayfa b, .bozok-acik-sayfa strong { font-weight: 700; }


/* ---------------------------------------- üst bar
   Menü artık videonun ÜZERİNDE değil: beyaz bir bant olarak
   videonun üstünde duruyor ve sayfa kaydıkça ekranda kalıyor.
   .hizliyazilim-navigation-wrap `position:absolute` idi; sticky
   kendi ebeveyninin kutusunda takıldığı için sabitleme <header>
   üzerinden yapılıyor — o body'nin doğrudan çocuğu. */

.bozok-acik-sayfa > header {
    position: sticky;
    top: 0;
    z-index: 1001;
    background: #ffffff;
    border-bottom: 1px solid var(--bz-cizgi);
}

.bozok-acik-sayfa .hizliyazilim-navigation-wrap {
    position: static !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.bozok-acik-sayfa .hizliyazilim-start-header,
.bozok-acik-sayfa .hizliyazilim-header-navbar,
.bozok-acik-sayfa .navbar {
    background: #ffffff !important;
    transform: none !important;
}

/* Beyaz zeminde menü yazıları laciverde döner (logonun laciverti). */
.bozok-acik-sayfa .navbar-nav .nav-link,
.bozok-acik-sayfa .navbar-nav .nav-link:focus {
    color: #222E51 !important;
}

.bozok-acik-sayfa .navbar-nav .nav-link:hover,
.bozok-acik-sayfa .navbar-nav .active > .nav-link,
.bozok-acik-sayfa .navbar-nav .nav-link.active {
    color: var(--bz-murekkep) !important;
}

/* Hamburger ikonu style.css'te beyaz ÇİZGİLERLE çiziliyor
   (border-bottom + ::before/::after, hepsi #ffffff) — beyaz barda
   görünmez oluyordu. Üç çizgi de laciverde çekildi. */
.bozok-acik-sayfa .navbar-toggler {
    border: 0 !important;
    box-shadow: none !important;
}

.bozok-acik-sayfa .navbar-light .navbar-toggler-icon {
    border-bottom-color: #222E51 !important;
}

.bozok-acik-sayfa .navbar-light .navbar-toggler-icon::before,
.bozok-acik-sayfa .navbar-light .navbar-toggler-icon::after {
    background-color: #222E51 !important;
}

.bozok-acik-sayfa .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent !important;
}

/* Açılan mobil menü beyaz zeminde okunur olsun. */
.bozok-acik-sayfa .navbar-collapse {
    background: #ffffff;
}

.bozok-acik-sayfa .navbar-collapse .nav-link { color: #222E51 !important; }

.bozok-acik-sayfa .dropdown-menu {
    background: #ffffff;
    border: 1px solid var(--bz-cizgi);
    box-shadow: 0 6px 20px rgba(20, 33, 46, .10);
}

.bozok-acik-sayfa .dropdown-menu .dropdown-item { color: #222E51; }
.bozok-acik-sayfa .dropdown-menu .dropdown-item:hover {
    background: var(--bz-yumusak);
    color: var(--bz-murekkep);
}

/* Video artık barın altında başlıyor; perde hafifletildi. */
.bozok-acik-sayfa .hero-video-overlay {
    background: linear-gradient(180deg,
                rgba(22, 24, 28, .42) 0%,
                rgba(22, 24, 28, .38) 50%,
                rgba(22, 24, 28, .58) 100%);
}


/* ---------------------------------------- projeler tek sıra
   Hizmetlerimiz gibi yatay tek şerit. Bootstrap'in col genişlikleri
   flex ile eziliyor; filtre JS'i display ile gizlediği için akış bozulmuyor. */

.bozok-acik-sayfa #projects-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 22px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    padding: 2px 2px 16px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    scrollbar-width: thin;
    scrollbar-color: var(--bz-cizgi-k) transparent;
}

.bozok-acik-sayfa #projects-grid::-webkit-scrollbar { height: 6px; }
.bozok-acik-sayfa #projects-grid::-webkit-scrollbar-track { background: transparent; }
.bozok-acik-sayfa #projects-grid::-webkit-scrollbar-thumb {
    background: var(--bz-cizgi-k);
    border-radius: 3px;
}

.bozok-acik-sayfa #projects-grid > .project-item {
    flex: 0 0 272px !important;
    width: 272px !important;
    max-width: 272px !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    scroll-snap-align: start;
}

.bozok-acik-sayfa #projects-grid > .project-item .category-card-4 { height: 100%; }

@media (max-width: 575px) {
    .bozok-acik-sayfa #projects-grid > .project-item {
        flex-basis: 232px !important;
        width: 232px !important;
        max-width: 232px !important;
    }
}


/* ---------------------------------------- alt bilgi rengi
   Firmanın paylaştığı arkaplan.pdf'ten ölçüldü: dikey degrade,
   üst #102C45 → alt #05182D. */

.bozok-acik-sayfa .footer-section {
    background: linear-gradient(180deg, #102C45 0%, #05182D 100%);
    color: #b9c3cf;
}

.bozok-acik-sayfa .footer-section p,
.bozok-acik-sayfa .footer-section small,
.bozok-acik-sayfa .footer-section a,
.bozok-acik-sayfa .footer-social-link a { color: #b9c3cf; }

.bozok-acik-sayfa .footer-section h5,
.bozok-acik-sayfa .footer-section b { color: #ffffff; }

.bozok-acik-sayfa .footer-section a:hover,
.bozok-acik-sayfa .footer-social-link a:hover { color: #ffffff; }

.bozok-acik-sayfa .bz-footer-alt { border-top-color: rgba(255, 255, 255, .14); }

html:has(body.bozok-acik-sayfa) { background-color: #05182D; }

/* Alt bilgi sütun başlıkları da Bold. */
.bozok-acik-sayfa .bz-footer h5 { font-weight: 700; }


/* ---------------------------------------- mobil menü
   Üst bar beyaza dönünce mobil menü iki yerden bozuldu, ikisi de ölçüldü:
   1) .navbar-collapse zemini rgba(0,0,0,.45) koyu şeffaf kalmıştı —
      lacivert yazı onun üstünde zor okunuyordu.
   2) style.css @media (max-width:767px) içinde
      `.dropdown-item { color:#fff !important }` var; alt menü beyaz
      kutuda beyaz yazı olduğu için BOŞ görünüyordu.
   Medya sorgusu içindeki !important ancak aynı yerden yenilir. */

@media (max-width: 991px) {

    .bozok-acik-sayfa .navbar-collapse,
    .bozok-acik-sayfa .navbar-collapse.show,
    .bozok-acik-sayfa .navbar-collapse.collapsing {
        background: #ffffff !important;
        border: 1px solid var(--bz-cizgi);
        border-radius: 8px;
        padding: 6px 6px 10px;
        box-shadow: 0 10px 28px rgba(20, 33, 46, .12);
    }

    .bozok-acik-sayfa .navbar-collapse .nav-link,
    .bozok-acik-sayfa .navbar-nav .nav-link,
    .bozok-acik-sayfa .navbar-nav .dropdown-toggle {
        color: #222E51 !important;
    }

    /* Alt menü: ana panelden bir ton ayrılsın, yazılar lacivert. */
    .bozok-acik-sayfa .navbar-nav .dropdown-menu {
        background: var(--bz-yumusak) !important;
        border: 0 !important;
        border-radius: 6px;
        box-shadow: none !important;
        margin: 2px 8px 10px !important;
        padding: 6px 0 !important;
    }

    .bozok-acik-sayfa .navbar-nav .dropdown-menu .dropdown-item,
    .bozok-acik-sayfa .navbar-collapse .dropdown-item,
    .bozok-acik-sayfa .dropdown-menu > li > .dropdown-item {
        color: #222E51 !important;
        padding: 9px 22px !important;
        white-space: normal;
    }

    .bozok-acik-sayfa .navbar-nav .dropdown-menu .dropdown-item:hover,
    .bozok-acik-sayfa .navbar-nav .dropdown-menu .dropdown-item:focus {
        background: #e9ebee !important;
        color: var(--bz-murekkep) !important;
    }
}


/* ---------------------------------------- sticky üst barın ÖN KOŞULU
   style.css `body { overflow-x: hidden }` yazıyor. CSS kuralı gereği bir
   eksen `hidden` olunca diğer eksen `visible` kalamaz, `auto`ya döner —
   ölçüldü: body ve html'de overflow-y `auto` çıkıyordu. Bu da body'yi
   kendi kaydırma kabı yapıyor ve <header>'ın sticky'si o kaba göre
   takılmaya çalışıp hiç devreye girmiyordu (557px kaydırmada header
   ekrandan tamamen çıkıyordu).

   `clip` yatay taşmayı aynı şekilde keser ama kaydırma kabı AÇMAZ ve
   diğer ekseni `auto`ya zorlamaz — sticky böylece görünüm alanına
   göre çalışır. */

html:has(body.bozok-acik-sayfa),
.bozok-acik-sayfa {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

@media (max-width: 768px) {
    html:has(body.bozok-acik-sayfa),
    .bozok-acik-sayfa {
        overflow-x: clip !important;
        overflow-y: visible !important;
    }
}