/* =====================================================================
   acik-tema.css  -  Acik (light) tema katmani
   style.css + responsive.css + ic-sayfa.css uzerine biner.
   NAV koyu kalir; hero foto uzerinde dark overlay korur; geri kalan
   tum koyu bolumler acik renge cevrilir. Yedek: _yedek_koyu_tema/
   ===================================================================== */

/* ---- Tema paleti ---- */
:root {
  --lt-bg:    #f7f3eb;          /* sayfa arka plani (sicak krem) */
  --lt-bg-2:  #ffffff;          /* kart / panel arka plani */
  --lt-bg-3:  #efe9dc;          /* vurgulu bolum (about, contact vb.) */
  --lt-ink:   #1c1c18;          /* ana metin */
  --lt-ink-2: #4a4a44;          /* ikincil metin */
  --lt-ink-3: #7a7a72;          /* daha sonik (tarih, alt yazi) */
  --lt-line:  rgba(0,0,0,0.10);
  --lt-line-2:rgba(0,0,0,0.18);
}

/* ---- BODY ---- */
body { background: var(--lt-bg); color: var(--lt-ink); }
::-webkit-scrollbar-track { background: var(--lt-bg); }
hr { border-color: var(--lt-line) !important; }

/* ---- NAV: ACIK tema ---- */
:root { color-scheme: light; }
nav {
  background: rgba(255,255,255,0.92) !important;
  border-bottom: 1px solid var(--lt-line);
}
nav.scrolled {
  background: rgba(255,255,255,0.97) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--lt-line);
}
.nav-logo img { height: 100px !important; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.18)); }
.nav-links a { color: var(--lt-ink) !important; opacity: 0.78; }
.nav-links a:hover { color: var(--green-soft) !important; opacity: 1; }
.nav-links a::after { background: var(--green-soft) !important; }
.nav-cta {
  background: transparent !important;
  border: 1px solid var(--wood-dark) !important;
  color: var(--wood-dark) !important;
}
.nav-cta:hover { background: var(--wood-dark) !important; color: #fff !important; }
.hamburger { background: var(--green-soft) !important; }
.hamburger span { background: #fff !important; }
/* Mobil menu de acik */
.mobile-menu { background: rgba(247,243,235,0.98) !important; backdrop-filter: blur(18px); }
.mobile-menu a { color: var(--lt-ink) !important; }
.mobile-menu a:hover { color: var(--green-soft) !important; }
.mobile-menu .mobile-cta { border-color: var(--wood-dark) !important; color: var(--wood-dark) !important; }
.mobile-menu .mobile-divider { background: var(--lt-line) !important; }
.mobile-menu .mobile-socials a { color: var(--lt-ink-3) !important; }

/* ---- HERO: overlay TAMAMEN saydam; foto net gorunur.
   Metin bir yari-saydam koyu panelin uzerinde okunaklı. ---- */
.hero {
  align-items: center !important;
  padding-top: 130px;
  padding-bottom: 60px;
}
.hero-overlay { background: transparent !important; }
.hero-glow    { opacity: 0.35; }

/* Sadece metnin altinda yari-saydam koyu kutu */
.hero-content {
  padding: 2.4rem 2.8rem !important;
  background: rgba(20,20,18,0.42);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 10px;
  max-width: 720px !important;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 20px 60px -28px rgba(0,0,0,0.6);
}

.hero-eyebrow { color: rgba(255,255,255,0.85) !important; text-shadow: none !important; }
.hero-title   { color: #ffffff !important; font-size: clamp(2.2rem, 5vw, 4.2rem) !important; line-height: 1.08 !important; text-shadow: none !important; }
.hero-title em { color: var(--green-neon) !important; text-shadow: none !important; }
.hero-sub     { color: rgba(255,255,255,0.85) !important; text-shadow: none !important; }
.hero-scroll, .hero-scroll span { color: #ffffff !important; }
.hero-scroll-line { background: #ffffff !important; }

/* Hero butonlari koyu panel uzerinde */
.hero .btn-primary { background: var(--green-soft) !important; color: #fff !important; border-color: var(--green-soft) !important; }
.hero .btn-outline { color: #fff !important; border-color: rgba(255,255,255,0.7) !important; background: transparent !important; }
.hero .btn-outline:hover { background: #fff !important; color: var(--lt-ink) !important; border-color: #fff !important; }

@media (max-width: 720px) {
  .hero { padding-top: 100px; padding-bottom: 40px; }
  .hero-content { padding: 1.8rem 1.6rem !important; max-width: 92% !important; }
  .hero-title { font-size: clamp(1.9rem, 7vw, 2.4rem) !important; }
}

/* ---- TICKER ---- */
.ticker-wrap { background: var(--lt-bg-2) !important; border-top: 1px solid var(--lt-line); border-bottom: 1px solid var(--lt-line); }
.ticker-item { color: var(--lt-ink-2) !important; }
.ticker-dot  { background: var(--wood-light) !important; }

/* ---- PILLARS (hizmet kartlari) ---- */
.pillars { background: var(--lt-bg) !important; }
.pillars-header h2,
.pillars-header .section-title,
.section-title { color: var(--lt-ink) !important; }
.pillars-header > div + p,
.pillars-header p,
.pillars-inner > p { color: var(--lt-ink-2) !important; }
.section-label { color: var(--wood-light) !important; }
.pillar-card {
  background: var(--lt-bg-2) !important;
  border: 1px solid var(--lt-line) !important;
  box-shadow: 0 8px 22px -16px rgba(0,0,0,0.18) !important;
}
.pillar-card:hover { border-color: var(--wood-light) !important; }
.pillar-number { color: var(--wood-light) !important; opacity: 0.35; }
.pillar-title  { color: var(--lt-ink) !important; }
.pillar-text   { color: var(--lt-ink-2) !important; }

/* ---- ANALYSIS CTA ---- */
.analysis { background: var(--lt-bg-3) !important; }
.analysis-bg-text { color: rgba(20,140,72,0.06) !important; }
.analysis-content p { color: var(--lt-ink-2) !important; }
.analysis-features li,
.analysis-features li span { color: var(--lt-ink-2) !important; }
.analysis-image-badge { background: var(--green-soft) !important; color: #fff !important; }
.analysis-image-badge strong { color: #fff !important; }
.analysis-icon { color: var(--green-soft) !important; }

/* ---- STATS BAR ---- */
.stats-bar {
  background: var(--lt-bg-2) !important;
  border-top: 1px solid var(--lt-line);
  border-bottom: 1px solid var(--lt-line);
}
.stat-number { color: var(--wood-dark) !important; }
.stat-label  { color: var(--lt-ink-2) !important; }

/* ---- GALLERY ---- */
.gallery { background: var(--lt-bg) !important; }
.gallery-header h2 { color: var(--lt-ink) !important; }
.gallery-header p,
.general_two-grid > div p { color: var(--lt-ink-2) !important; }

/* ---- ABOUT ---- */
.about { background: var(--lt-bg-2) !important; }
.about-content h2 { color: var(--lt-ink) !important; }
.about-content p  { color: var(--lt-ink-2) !important; }
.about-quote      { color: var(--wood-dark) !important; border-left-color: var(--wood-light) !important; }
.about-quote p    { color: var(--wood-dark) !important; }

/* ---- VIDEOS (kart grid) ---- */
.videos-section { background: var(--lt-bg) !important; }
.videos-header h2 { color: var(--lt-ink) !important; }
.videos-header p  { color: var(--wood-light) !important; }
.video-card {
  background: var(--lt-bg-2) !important;
  border: 1px solid var(--lt-line) !important;
  box-shadow: 0 8px 22px -16px rgba(0,0,0,0.18) !important;
}
.video-info h4   { color: var(--lt-ink) !important; }
.video-info span { color: var(--lt-ink-2) !important; }

/* ---- INTRO VIDEO (ana sayfadaki tanitim) ---- */
.intro-video { background: var(--lt-bg) !important; }
.intro-video-header h2 { color: var(--lt-ink) !important; }
.intro-video-frame {
  border-color: var(--lt-line) !important;
  box-shadow: 0 22px 60px -28px rgba(0,0,0,0.28) !important;
}

/* ---- APPOINTMENT (randevu bolumu) - MAX specificity, multiple safeguards ---- */
html body section.appointment,
html body section#appointment,
html body section.appointment#appointment {
  background-color: #efe9dc !important;
  background-image: none !important;
  background: #efe9dc !important;
}
html body section.appointment .appt-bg,
html body section#appointment .appt-bg,
html body section.appointment #appt-bg,
html body .appointment > .appt-bg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}
/* style.css:797 .appt-right { background: #1c1c18d4 } — koyu form arkaplanı bunu kapatıyor */
html body .appt-right,
html body div.appt-right,
html body .appointment-inner.appt-right {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid var(--lt-line) !important;
  color: var(--lt-ink) !important;
}
.appt-right h3 { color: var(--lt-ink) !important; }
.appt-right p  { color: var(--lt-ink-2) !important; }
.appt-step-text strong { color: var(--lt-ink) !important; }
.appt-step-text span,
.appt-left p { color: var(--lt-ink-2) !important; }
.appt-step-num { color: #fff !important; }
.appt-steps,
.appt-step { border-color: var(--lt-line) !important; }
.appt-left h2 { color: var(--lt-ink) !important; }
.appt-left > p { color: var(--lt-ink-2) !important; }
.appt-step-num { background: var(--green-soft) !important; color: #fff !important; }
.appt-step strong { color: var(--lt-ink) !important; }
.appt-step span   { color: var(--lt-ink-2) !important; }
.appointment-inner > div h3 { color: var(--lt-ink) !important; }
.appointment-inner > div > p { color: var(--lt-ink-2) !important; }
.form-note { color: var(--lt-ink-3) !important; }
.form-row label, .form-group label { color: var(--lt-ink) !important; }
.form-group input, .form-group select, .form-group textarea, form input, form select, form textarea {
  background: var(--lt-bg-2) !important;
  color: var(--lt-ink) !important;
  border: 1px solid var(--lt-line-2) !important;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  border-color: var(--green-soft) !important;
  outline: 0;
}
.form-group select option { background: #fff !important; color: var(--lt-ink) !important; }
.btn-full { background: var(--green-soft) !important; color: #fff !important; border: 0 !important; }
.btn-full:hover { background: var(--green) !important; }
.survey-link { color: var(--wood-light) !important; }
#form_sonuc  { color: var(--lt-ink-2) !important; }

/* ---- FAQ - max specificity + agresif ortalanma ---- */
html body section.faq,
html body section#faq {
  background: #ffffff !important;
  padding-left: 4vw !important;
  padding-right: 4vw !important;
}
html body section.faq > .faq-inner,
html body section#faq > .faq-inner {
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto !important;
  display: block !important;
}
html body section.faq .faq-list,
html body section#faq .faq-list {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.faq-header h2 { color: var(--lt-ink) !important; }
.faq-item {
  background: var(--lt-bg) !important;
  border: 1px solid var(--lt-line) !important;
}
.faq-question { color: var(--lt-ink) !important; }
.faq-answer p { color: var(--lt-ink-2) !important; }
.faq-icon     { color: var(--wood-light) !important; }

/* ---- CONTACT ---- */
.contact { background: var(--lt-bg-3) !important; }
.contact-info h2 { color: var(--lt-ink) !important; }
.contact-item-icon { color: var(--wood-light) !important; }
.contact-item-text strong { color: var(--lt-ink) !important; }
.contact-item-text span,
.contact-item-text a { color: var(--lt-ink-2) !important; }
.contact-item-text a:hover { color: var(--green-soft) !important; }
.contact-map { border: 1px solid var(--lt-line) !important; }
/* Style.css harita iframe'ini koyu yapan filtreyi temizle -> normal renkli harita */
.contact-map iframe { filter: none !important; }
.contact-map:hover iframe { filter: none !important; }

/* ---- FOOTER ---- */
footer { background: var(--lt-bg-2) !important; color: var(--lt-ink) !important; border-top: 1px solid var(--lt-line); }
.footer-logo p      { color: var(--lt-ink-2) !important; }
.footer-logo span   { color: var(--lt-ink) !important; }
.footer-links-title { color: var(--lt-ink) !important; }
.footer-links ul a  { color: var(--lt-ink-2) !important; }
.footer-links ul a:hover { color: var(--green-soft) !important; }
.footer-bottom { color: var(--lt-ink-3) !important; border-top-color: var(--lt-line) !important; }
.footer-bottom p { color: var(--lt-ink-3) !important; }

/* ---- BUTONLAR ---- */
.btn-primary {
  background: var(--green-soft) !important;
  color: #fff !important;
  border: 1px solid var(--green-soft) !important;
}
.btn-primary:hover { background: var(--green) !important; border-color: var(--green) !important; }
.btn-outline {
  background: transparent !important;
  color: var(--lt-ink) !important;
  border: 1px solid var(--lt-ink) !important;
}
.btn-outline:hover { background: var(--lt-ink) !important; color: #fff !important; }
/* nav.nav-cta hover'da metin koyu kalsin (nav koyu kaldigi icin --black soluna donmuyor): */
.nav-cta:hover { color: var(--lt-ink) !important; }

/* ---- IC SAYFA bilesenleri (light) ---- */
.ic-intro p { color: var(--lt-ink-2) !important; }
.ic-haber-kart {
  background: var(--lt-bg-2) !important;
  border: 1px solid var(--lt-line) !important;
  box-shadow: 0 10px 28px -22px rgba(0,0,0,0.22) !important;
}
.ic-haber-kart .ic-haber-icerik h3 { color: var(--lt-ink) !important; }
.ic-haber-kart .ic-haber-icerik p  { color: var(--lt-ink-2) !important; }
.ic-haber-tarih { color: var(--lt-ink-3) !important; }
.ic-detay-icerik { color: var(--lt-ink-2) !important; }
.ic-detay-icerik h1, .ic-detay-icerik h2, .ic-detay-icerik h3 { color: var(--lt-ink) !important; }
.ic-detay-icerik a { color: var(--green-soft) !important; }
.ic-detay-gorsel { border-color: var(--lt-line) !important; }
.ic-cta-band {
  background: linear-gradient(135deg, rgba(20,140,72,0.10), rgba(171,134,79,0.08)) !important;
  border-color: var(--lt-line) !important;
}
.ic-cta-band h2 { color: var(--lt-ink) !important; }
.ic-cta-band p  { color: var(--lt-ink-2) !important; }
.ic-bos { color: var(--lt-ink-3) !important; }

/* 404 */
.notfound-code { color: var(--green-soft) !important; text-shadow: 0 0 50px rgba(35,151,48,0.18) !important; }
.notfound-links ul li a { color: var(--wood-dark) !important; }
.notfound-links ul li a:hover { color: var(--green-soft) !important; }

/* ---- IC HERO (ic sayfa antetleri) ---- */
/* Ic sayfa hero'larinda da overlay foto uzerinde kalir, ustte beyaz metin ok */
/* Ekstra padding-top ic-sayfa.css'te zaten ayarli */

/* ---- COOKIE / KVKK BANNER ---- */
.cookie-banner, .cookie-popup, #cookie_popup, .cookiee-popup {
  background: var(--lt-bg-2) !important;
  color: var(--lt-ink) !important;
  border: 1px solid var(--lt-line) !important;
  box-shadow: 0 10px 30px -16px rgba(0,0,0,0.25) !important;
}
.cookie-banner a, .cookie-popup a { color: var(--green-soft) !important; }

/* ---- SOL SOSYAL MEDYA SIDEBAR — invert: acik bg + koyu ikon ---- */
.social-sidebar::before { background: var(--lt-line-2) !important; }
.social-btn {
  background: rgba(255,255,255,0.92) !important;
  color: var(--lt-ink) !important;
  border: 1px solid var(--lt-line-2) !important;
  backdrop-filter: blur(8px);
}
.social-btn:hover {
  background: var(--lt-ink) !important;
  color: #fff !important;
  border-color: var(--lt-ink) !important;
}
.social-btn.instagram:hover { border-color: #e1306c !important; background: #e1306c !important; color: #fff !important; }
.social-btn.whatsapp:hover  { border-color: #25d366 !important; background: #25d366 !important; color: #fff !important; }
/* Instagram SVG'si stroke kullanir, WhatsApp SVG'si fill — kendi tanimlarina dokunmuyoruz */

/* "Yukari cik" scrollTop dugmesi (sag-alt) */
#scrollTopBtn {
  background: var(--lt-bg-2) !important;
  color: var(--lt-ink) !important;
  border: 1px solid var(--lt-line-2) !important;
  box-shadow: 0 8px 22px -10px rgba(0,0,0,0.3) !important;
}
#scrollTopBtn:hover { background: var(--lt-ink) !important; color: #fff !important; }

/* ---- HIGHSLIDE (lightbox) wrapper koyu kalsin (foto buyutme arkasi); dokunma ---- */