/* ==========================================================================
   Koyu & lüks tema — style.css ve camfilmi.css'ten SONRA yüklenir.
   1. bölüm: şablondaki açık zemin / koyu yazı kurallarının koyu karşılıkları
   (otomatik çıkarıldı; yeni açık renkli bileşen eklenirse buraya karşılığı eklenmeli).
   2. bölüm: elle yazılmış lüks dokunuşlar.
   ========================================================================== */

/* ---------- 1. Koyu karşılıklar ---------- */
body { color: #f3f3f6; background: #141418; }
h1, h2, h3, h4 { color: #f3f3f6; }
p { color: #a4a4ae; }
.btn-primary { color: #f3f3f6; }
.btn-outline:hover { background: #141418; color: #f3f3f6; }
.site-header { background: #141418; }
.logo-text { color: #f3f3f6; }
.main-nav a { color: #f3f3f6; }
.dropdown { background: #141418; }
.dropdown a:hover { background: #16161a; }
.dropdown-rich-item a.dropdown-rich-main:hover { background: #16161a; }
.dropdown-rich-media { background-color: #16161a; }
.dropdown-rich-title { color: #f3f3f6; }
.dropdown-rich-sublinks a { color: #a4a4ae; }
.dropdown-rich-sublinks a:hover { background: #16161a; }
.nav-toggle { color: #f3f3f6; }
.slider-arrow:hover { color: #f3f3f6; }
.feature-strip { background: #141418; }
.about-teaser-img { background: #16161a; }
.about-teaser-img-placeholder { color: #a4a4ae; }
.about-teaser-play { background: #141418; }
.about-teaser-chat { background: #141418; color: #f3f3f6; }
.about-teaser-intro { color: #f3f3f6; }
.about-teaser-contact { color: #a4a4ae; }
.section-alt { background: #16161a; }
.products-sidebar { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.products-sidebar-title { color: #f3f3f6; }
.category-accordion > li:first-child > a { color: #f3f3f6; }
.category-accordion > li:first-child > a:hover, .category-accordion > li:first-child > a.active { background: #16161a; }
.category-accordion-item { border-top: 1px solid rgba(255,255,255,.09); }
.category-accordion-head a { color: #f3f3f6; }
.category-accordion-head a:hover, .category-accordion-head a.active { background: #16161a; }
.category-toggle { color: #a4a4ae; }
.category-subaccordion li a { color: #a4a4ae; }
.category-subaccordion li a:hover, .category-subaccordion li a.active { background: #16161a; }
.cat-thumb { background-color: #16161a; }
.products-crumbs { color: #a4a4ae; }
.products-crumbs a { color: #a4a4ae; }
.products-crumbs strong { color: #f3f3f6; }
.subcat-tile { background: #141418; border: 1px solid rgba(255,255,255,.09); color: #f3f3f6; }
.subcat-tile-count { color: #a4a4ae; }
.product-card { background: #141418; }
.product-detail-price { background: #16161a; }
.service-photo-card .badge-icon { color: #f3f3f6; }
.process-subtitle { color: #a4a4ae; }
.process-icon-wrap::before { border: 1.5px dashed rgba(255,255,255,.09); }
.process-icon { background: #141418; }
.process-num { background: #16161a; color: #a4a4ae; }
.cta { color: #f3f3f6; }
.cta h2 { color: #f3f3f6; }
.cta p { color: #a4a4ae; }
.about-list li { color: #f3f3f6; border-bottom: 1px solid rgba(255,255,255,.09); }
.ref-item { background: #141418; }
.empty-state { color: #a4a4ae; }
.contact-info-icon { background: #16161a; color: #f3f3f6; }
.form-group label { color: #f3f3f6; }
.form-control { border: 1px solid rgba(255,255,255,.09); }
.alert-success { background: #1c1c21; color: #a4a4ae; border: 1px solid rgba(255,255,255,.09); }
.alert-error { background: #1c1c21; color: #a4a4ae; border: 1px solid rgba(255,255,255,.09); }
.service-sidebar { background: #16161a; }
.service-sidebar ul li a { color: #f3f3f6; }
.pb-card { background: #141418; }
.home-cats { background: #16161a; }
.home-cat-card { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.home-cat-name { color: #f3f3f6; }
.home-cat-subs a { color: #a4a4ae; }
.home-cat-subs a:hover { background: #16161a; }
.home-cat-thumb { background-color: #16161a; }
.showcase { background: #16161a; }
.showcase-panel { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.example-card { border: 1px solid rgba(255,255,255,.09); background: #141418; }
.example-name { color: #f3f3f6; }
.example-material { color: #a4a4ae; }
.vehicle-zone { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.vehicle-zone-icon { color: #f3f3f6; }
.vehicle-zone strong { color: #f3f3f6; }
.vehicle-zone small { color: #a4a4ae; }
.pd-panel { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.pd-content th, .pd-content td { border: 1px solid rgba(255,255,255,.09); }
.pd-content th { background: #16161a; color: #f3f3f6; }
.pd-gallery-item { background: #16161a; }
.ux-title { color: #f3f3f6; }
.vm-section { background: #1c1c21; }
.vm-card { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.vm-card h3 { color: #f3f3f6; }
.vm-card p { color: #a4a4ae; }
.why-image-section { background: #1c1c21; }
.why-image-link { background: #141418; }
.why2-section { background: #1c1c21; }
.why2-sub { color: #f3f3f6; }
.why2-text { color: #a4a4ae; }
.why2-card { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.why2-photo { background: #1c1c21; }
.why2-badge { border: 3px solid rgba(255,255,255,.09); }
.why2-body h4 { color: #f3f3f6; }
.why2-body p { color: #a4a4ae; }
.ek-section { background: #141418; }
.ek-intro { color: #a4a4ae; }
.ek-page { background: #141418; }
.ek-page img { background: #141418; }
.ek-spinner { border-top-color: rgba(255,255,255,.09); }
.ek-toolbar { background: #141418; }
.ek-toolbar button, .ek-toolbar a { color: #a4a4ae; }
.ek-toolbar button:hover, .ek-toolbar a:hover { background: #1c1c21; }
.ek-counter { color: #a4a4ae; border-right: 1px solid rgba(255,255,255,.09); }
.ek-thumb { background: #141418; }
.ekc-card { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.ekc-thumb img { background: #141418; }
.ekc-body strong { color: #f3f3f6; }
.ekc-body span { color: #a4a4ae; }
.mp-section { background: #141418; }
.mp-slide { background: #1c1c21; }
.mp-desc { color: #a4a4ae; }
.mp-specs h4 { color: #f3f3f6; }
.mp-specs li { border-bottom: 1px solid rgba(255,255,255,.09); }
.mp-spec-label { color: #a4a4ae; }
.mp-spec-main small { color: #a4a4ae; }
.mp-spec-has-text .mp-spec-label { color: #f3f3f6; }
.mp-table-wrap { background: #141418; }
.mp-table td { border-top: 1px solid rgba(255,255,255,.09); border-left: 1px solid rgba(255,255,255,.09); color: #a4a4ae; }
.mp-td-note { color: #a4a4ae; }
.about-photo { background: #1c1c21; }
.main-nav .lang-switch { background: #1c1c21; }
.main-nav .lang-switch a { color: #f3f3f6; }
.wa-panel { background: #141418; }
.wa-panel-body { background: #1c1c21; }
.wa-line { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.wa-avatar { background: #1c1c21; color: #a4a4ae; }
.wa-line-text strong { color: #f3f3f6; }
.search-toggle { background: #1c1c21; color: #f3f3f6; }
.search-overlay { background: #141418; border-top: 1px solid rgba(255,255,255,.09); }
.search-overlay input { border-bottom: 2px solid rgba(255,255,255,.09); }
.search-page-form input { border: 1px solid rgba(255,255,255,.09); }
.search-count { color: #a4a4ae; }
.search-item { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.search-thumb { background-color: #1c1c21; }
.search-text strong { color: #f3f3f6; }
.search-text small { color: #a4a4ae; }
.nf-code { color: #f3f3f6; }
.nf-title { color: #f3f3f6; }
.nf-text { color: #a4a4ae; }
.nf-search input { border: 2px solid rgba(255,255,255,.09); background: #141418; }
.nf-btn-ghost { color: #f3f3f6; }
body { color: #f3f3f6; }
h1, h2, h3, h4 { color: #f3f3f6; }
p { color: #a4a4ae; }
.btn-outline:hover { background: #141418; color: #f3f3f6; border-color: rgba(255,255,255,.09); }
.btn-navy { background: #141418; color: #f3f3f6; }
.main-nav a { color: #f3f3f6; }
.main-nav > ul > li > a:hover { background: #1c1c21; color: #f3f3f6; }
.main-nav .dropdown a:hover { background: #1c1c21; }
.header-phone { border-left: 1px solid rgba(255,255,255,.09); }
.header-phone b { color: #f3f3f6; }
.ux-title { color: #f3f3f6; }
.about-teaser-img-2 { border: 8px solid rgba(255,255,255,.09); }
.about-teaser-intro { color: #f3f3f6; }
.about-teaser-contact a { color: #f3f3f6; }
.cf-stats { border-top: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); }
.cf-stats div + div { border-left: 1px solid rgba(255,255,255,.09); }
.cf-stats b { color: #f3f3f6; }
.cf-services { background: #0f0f12; }
.cf-refs { border-top: 1px solid rgba(255,255,255,.09); }
.res-facts span, .res-facts a { color: #f3f3f6; }
.res-card { background: #141418; }
.res-page .res-card { border: 1px solid rgba(255,255,255,.09); }
.res-label { color: #f3f3f6; }
.res-progress li::after { background: #1c1c21; }
.res-progress li span { background: #1c1c21; }
.res-progress li.is-current { color: #f3f3f6; }
.res-progress li.is-done { color: #f3f3f6; }
.res-summary { background: #0f0f12; border: 1px solid rgba(255,255,255,.09); color: #f3f3f6; }
.res-nav { border-top: 1px solid rgba(255,255,255,.09); }
.res-back { color: #a4a4ae; }
.res-back:hover { color: #f3f3f6; }
.res-step legend { color: #f3f3f6; }
.res-chip span { border: 1.5px solid rgba(255,255,255,.09); color: #f3f3f6; }
.res-day span { border: 1.5px solid rgba(255,255,255,.09); }
.res-day b { color: #f3f3f6; }
.res-day.is-closed span { background: #1c1c21; }
.res-time.is-full span { background: #1c1c21; }
.res-fields label span { color: #a4a4ae; }
.res-fields input, .res-fields textarea { border: 1.5px solid rgba(255,255,255,.09); color: #f3f3f6; background: #141418; }
.res-alert { background: #1c1c21; color: #a4a4ae; }
.res-success-ico { background: #1c1c21; color: #a4a4ae; }
.res-success-when { color: #f3f3f6; background: #0f0f12; }
.ref-grid { background: #1c1c21; border: 1px solid rgba(255,255,255,.09); }
.ref-item { background: #141418; }
.cf-faq { background: #0f0f12; }
.cf-faq-item { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.cf-faq-item summary h3 { color: #f3f3f6; }
.cf-faq-ico { background: #1c1c21; }
.cf-faq-item[open] .cf-faq-ico::before, .cf-faq-item[open] .cf-faq-ico::after { background: #141418; }
.cf-post-card { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.cf-article-body p { color: #a4a4ae; }
.cf-article-body ul, .cf-article-body ol { color: #a4a4ae; }
.cf-aside-list li { border-bottom: 1px solid rgba(255,255,255,.09); }
.cf-aside-list a { color: #f3f3f6; }
.cf-svc-list a { border: 1px solid rgba(255,255,255,.09); color: #f3f3f6; }
.cf-svc-list a:hover { border-color: rgba(255,255,255,.09); background: #141418; }
.cf-svc-body .cf-article-body > p:first-child { color: #f3f3f6; }
.cf-svc-body .cf-article-body ul li { background: #0f0f12; border: 1px solid rgba(255,255,255,.09); color: #f3f3f6; }
.cf-svc-process { background: #0f0f12; }
.cf-steps li { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.pb-text-image-content li { color: #f3f3f6; }
.cf-about-intro { color: #f3f3f6; }
.cf-about-stats div { background: #141418; border: 1px solid rgba(255,255,255,.09); }
.cf-about-stats b { color: #f3f3f6; }
.cf-about-call { color: #f3f3f6; }
.cf-about-call > span { background: #141418; border: 1px solid rgba(255,255,255,.09); }
@media (max-width: 980px) {
  .feature-item { border-bottom: 1px solid rgba(255,255,255,.09); }
}
@media (max-width: 720px) {
  .main-nav { background: #141418; }
  .nav-close { background: #1c1c21; color: #f3f3f6; }
  .main-nav > ul > li { border-bottom: 1px solid rgba(255,255,255,.09); }
  .dropdown-rich-item { border-bottom: 1px solid rgba(255,255,255,.09); }
}

/* ---------- 2. Lüks dokunuşlar ---------- */
:root { --paper: #0f0f12; --lux-line: rgba(255,255,255,.07); }
body { background: #0b0b0d; }

/* Üst menü: buzlu cam koyu şerit */
.site-header .header-inner {
  background: rgba(14,14,17,.78);
  backdrop-filter: blur(16px) saturate(150%); -webkit-backdrop-filter: blur(16px) saturate(150%);
  box-shadow: 0 18px 50px -20px rgba(0,0,0,.85), 0 0 0 1px var(--lux-line);
}
.main-nav a { color: #e6e6eb; }
.main-nav > ul > li > a:hover { background: rgba(255,255,255,.06); color: #fff; }
.main-nav > ul > li > a.active { background: var(--orange); color: #fff; }
.main-nav .lang-switch, .search-toggle { background: rgba(255,255,255,.06); color: #fff; }
.main-nav .lang-switch a { color: #bdbdc6; }
.main-nav .lang-switch a.active { background: var(--orange); color: #fff; }
.main-nav .dropdown { background: #121215; border-color: var(--orange); box-shadow: 0 24px 50px -18px rgba(0,0,0,.9), 0 0 0 1px var(--lux-line); }
.main-nav .dropdown a { color: #d6d6dc; }
.main-nav .dropdown a:hover { background: rgba(255,255,255,.05); }

/* Slider: daha derin karartma, sinematik alt kenar */
.cf-hero .slide-overlay {
  background:
    linear-gradient(90deg, rgba(5,5,7,.97) 0%, rgba(5,5,7,.8) 36%, rgba(5,5,7,.25) 72%, rgba(5,5,7,.55) 100%),
    linear-gradient(0deg, #0b0b0d 0%, rgba(11,11,13,0) 45%),
    radial-gradient(55% 55% at 0% 100%, rgba(var(--orange-rgb),.32), transparent 70%);
}
.cf-hero .slide-title { text-shadow: 0 10px 40px rgba(0,0,0,.55); }
.cf-hero .slider-arrow { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; }
.cf-hero .slider-arrow:hover { background: var(--orange); border-color: var(--orange); }

/* Bölümler: dönüşümlü koyu tonlar ve ince ayraç çizgileri */
.section { border-top: 1px solid var(--lux-line); }
.cf-about { background: radial-gradient(70% 60% at 100% 0%, rgba(var(--orange-rgb),.10), transparent 60%), #0b0b0d; }
.cf-services, .cf-faq, .cf-svc-process, .section-alt { background: #0f0f12; }
.about-teaser-img-2 { border-color: #0b0b0d; }
.cf-about-call { color: #fff; }
.cf-about-call > span { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); }
.cf-stats div, .cf-about-stats div { background: #141418; border-color: var(--lux-line); }
.cf-brands li { background: rgba(255,255,255,.06); border: 1px solid var(--lux-line); }
.cf-refs { border-top-color: var(--lux-line); }

/* Kartlar: ince çerçeve, üzerine gelince kırmızı parıltı */
.cf-faq-item, .cf-post-card, .cf-steps li, .ref-item, .res-card {
  background: #131317; border-color: var(--lux-line);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.cf-post-card:hover, .cf-steps li:hover, .ref-item:hover { border-color: rgba(var(--orange-rgb),.45); box-shadow: 0 20px 50px -25px rgba(var(--orange-rgb),.45); }
.cf-faq-ico { background: rgba(255,255,255,.07); }
.res-fields input, .res-fields textarea, .res-fields select, input.form-control, textarea.form-control, select.form-control {
  background: #0f0f12; border-color: rgba(255,255,255,.12); color: #fff;
}
.ref-grid { background: var(--lux-line); }

/* Koyu logolar koyu zeminde görünsün: ters çevir + siyah arka planı ekranla yok et */
.ref-item img, .cf-refs img { filter: grayscale(1) invert(1); mix-blend-mode: screen; opacity: .7; transition: opacity .25s ease; }
.ref-item:hover img, .cf-refs img:hover { opacity: 1; }

/* Arama ve WhatsApp paneli */
.search-overlay { background: #111114; border-bottom: 1px solid var(--lux-line); }
.search-overlay input { background: transparent; color: #fff; }
.wa-panel-body { background: #0f0f12; }

/* Alt bilgi */
.site-footer { background: #070708; }

/* Mobil */
@media (max-width: 980px) {
  .cf-mobile-bar { background: rgba(11,11,13,.94); border-top: 1px solid var(--lux-line); }
  .cf-mb-call { background: rgba(255,255,255,.08); }
}