/* =====================================================
   AMBALAJ CMS THEME (LIGHT/DARK) - CLEAN & STABLE
   ===================================================== */

:root{
  --primary:#2563eb;
  --primary-hover:#1d4ed8;
  --accent:#f59e0b;
  --radius:18px;
  --shadow-soft:0 10px 30px rgba(2,6,23,.08);
}

/* ---------- DARK (default) ---------- */
[data-theme="dark"]{
  --bg:#0b1220;
  --surface:#111827;
  --surface-2:#1f2937;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --border:rgba(255,255,255,.08);
}

/* ---------- LIGHT ---------- */
[data-theme="light"]{
  --bg:#f6f7fb;
  --surface:#ffffff;
  --surface-2:#f1f5f9;
  --text:#0f172a;
  --muted:#475569;
  --border:rgba(15,23,42,.12);
}

body{
  background:var(--bg) !important;
  color:var(--text) !important;
}

/* ================= TOPBAR ================= */
.topbar{
  position:relative;
  z-index:2000;
  border-bottom:1px solid var(--border);
  background:var(--surface);
}
.topbar a, .topbar span, .topbar i, .topbar svg{
  color:var(--text) !important;
  opacity:1 !important;
}

/* subtle premium band in light theme */
[data-theme="light"] .topbar::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:3px;
  background:linear-gradient(90deg,#2563eb,#60a5fa,#f59e0b);
}

/* ================= NAVBAR ================= */
.navbar{
  position:sticky;
  top:0;
  z-index:2500;
  background:var(--surface) !important;
  border-bottom:1px solid var(--border);
  overflow:visible !important;
  transition:padding .25s ease, box-shadow .25s ease, background .25s ease;
  padding-top:.65rem;
  padding-bottom:.65rem;
}

.navbar.is-scrolled{
  padding-top:.35rem;
  padding-bottom:.35rem;
  box-shadow:0 10px 30px rgba(2,6,23,.10);
}

/* blur on scroll */
[data-theme="light"] .navbar.is-scrolled{
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(10px);
}
[data-theme="dark"] .navbar.is-scrolled{
  background:rgba(17,24,39,.65) !important;
  backdrop-filter:blur(10px);
}

/* nav links readable in both themes */
.navbar .nav-link{
  color:var(--text) !important;
  font-weight:500;
  position:relative;
  padding:.75rem .9rem;
  opacity:1 !important;
  transition:color .2s ease;
}
.navbar .nav-link:hover{ color:var(--primary) !important; }
.navbar .nav-link.active{ color:var(--primary-hover) !important; font-weight:600; }

/* underline animation */
.navbar .nav-link::after{
  content:"";
  position:absolute;
  left:.9rem; right:.9rem;
  bottom:.35rem;
  height:2px;
  border-radius:999px;
  background:var(--primary);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
  opacity:.95;
}
.navbar .nav-link:hover::after{ transform:scaleX(1); }
.navbar .nav-link.active::after{ transform:scaleX(1); }

/* ================= HERO ================= */
.hero, .hero-section{
  border-radius:var(--radius);
}
/* Fallback gradient ONLY when no background-image is set */
[data-theme="light"] .hero:not([style*="background-image"]),
[data-theme="light"] .hero-section:not([style*="background-image"]){
  background:radial-gradient(1200px 600px at 20% 20%,#ffffff 0%,#f1f5ff 40%,#f6f7fb 100%);
}
[data-theme="dark"] .hero:not([style*="background-image"]),
[data-theme="dark"] .hero-section:not([style*="background-image"]){
  background:radial-gradient(1200px 600px at 20% 20%,#1f2937 0%,#0b1220 60%);
}

/* hero inner card - always theme surface */
.hero .card, .hero .hero-card, .hero .content-box{
  background:var(--surface) !important;
  color:var(--text) !important;
  opacity:1 !important;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}

/* ================= CARDS ================= */
.card, .feature-card, .info-card{
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow-soft) !important;
  color:var(--text) !important;
  opacity:1 !important;
}
.card p, .feature-card p, .info-card p{ color:var(--muted) !important; }

/* ================= CARD TEXT (LIGHT THEME FIX) ================= */
/* Some components may use Bootstrap utility classes like text-white / opacity-* for subtitles.
   In LIGHT theme, force readable colors inside cards without affecting DARK theme. */
[data-theme="light"] .card p,
[data-theme="light"] .card .card-text,
[data-theme="light"] .card .subtitle,
[data-theme="light"] .card .desc,
[data-theme="light"] .feature-card p,
[data-theme="light"] .info-card p{
  color: var(--muted) !important;
  opacity: 1 !important;
}

/* Override common "white" utility classes INSIDE cards for light theme */
[data-theme="light"] .card .text-white,
[data-theme="light"] .card .text-light,
[data-theme="light"] .card .text-white-50,
[data-theme="light"] .card .text-white-75,
[data-theme="light"] .card .text-opacity-50,
[data-theme="light"] .card .text-opacity-75,
[data-theme="light"] .feature-card .text-white,
[data-theme="light"] .feature-card .text-light,
[data-theme="light"] .info-card .text-white,
[data-theme="light"] .info-card .text-light{
  color: var(--muted) !important;
  opacity: 1 !important;
}

/* Headings inside cards should stay strong */
[data-theme="light"] .card h1,
[data-theme="light"] .card h2,
[data-theme="light"] .card h3,
[data-theme="light"] .card h4,
[data-theme="light"] .card h5,
[data-theme="light"] .card h6{
  color: var(--text) !important;
}



/* ================= BUTTONS ================= */
.btn-primary{
  background:var(--primary) !important;
  border-color:var(--primary) !important;
}
.btn-primary:hover{
  background:var(--primary-hover) !important;
  border-color:var(--primary-hover) !important;
}
.btn-warning, .btn-accent{
  background:var(--accent) !important;
  border-color:var(--accent) !important;
  color:#111827 !important;
}

/* ================= FORMS ================= */
input, textarea, select, .form-control{
  background:var(--surface) !important;
  color:var(--text) !important;
  border:1px solid var(--border) !important;
}
input::placeholder, textarea::placeholder{ color:var(--muted) !important; }

/* ================= DROPDOWN (GENERAL) ================= */
.dropdown-menu{
  z-index:99999 !important;
}


/* =====================================================
   CTA + CONTACT/FOOTER TEXT READABILITY FIX (LIGHT THEME)
   Added by patch
   ===================================================== */

/* Light temada soluk (muted) yazıları güçlendir */
[data-theme="light"] .text-muted,
[data-theme="light"] .small,
[data-theme="light"] small,
[data-theme="light"] .opacity-50,
[data-theme="light"] .opacity-75 {
  color: #475569 !important;
  opacity: 1 !important;
}

/* Teklif/CTA alanındaki açıklamalar */
[data-theme="light"] .cta,
[data-theme="light"] .offer,
[data-theme="light"] .teklif,
[data-theme="light"] .quote,
[data-theme="light"] .callout {
  color: #0f172a !important;
}

[data-theme="light"] .cta p,
[data-theme="light"] .offer p,
[data-theme="light"] .teklif p,
[data-theme="light"] .quote p,
[data-theme="light"] .callout p,
[data-theme="light"] .cta label,
[data-theme="light"] .offer label,
[data-theme="light"] .teklif label,
[data-theme="light"] .quote label,
[data-theme="light"] .callout label {
  color: #475569 !important;
  opacity: 1 !important;
}

/* Footer/Adres/İletişim alanı yazıları */
[data-theme="light"] footer,
[data-theme="light"] .footer,
[data-theme="light"] .contact,
[data-theme="light"] .contact-info,
[data-theme="light"] .address,
[data-theme="light"] .adres {
  color: #0f172a !important;
}

[data-theme="light"] footer a,
[data-theme="light"] .footer a,
[data-theme="light"] .contact a,
[data-theme="light"] .contact-info a,
[data-theme="light"] .address a,
[data-theme="light"] .adres a {
  color: #2563eb !important;
  opacity: 1 !important;
}

/* Footer koyu geliyorsa light temada beyaz yap */
[data-theme="light"] footer,
[data-theme="light"] .footer {
  background: #ffffff !important;
  border-top: 1px solid rgba(15,23,42,.10) !important;
}


/* =====================================================
   DROPDOWN ALWAYS ON TOP (ROBUST FIX)
   ===================================================== */
header, .topbar, .navbar,
.navbar .container, .navbar .container-fluid {
  overflow: visible !important;
  transform: none !important;
}

.navbar { position: relative !important; z-index: 3000 !important; }
.dropdown, .dropup { position: relative !important; z-index: 4000 !important; }
.dropdown-menu { z-index: 9999 !important; pointer-events: auto !important; }
/* HERO CARD subtitle – Light theme fix */
[data-theme="light"] .hero-card .text-white-50{
  color: #374151 !important;
  opacity: 1 !important;
}
/* LIGHT theme: stat labels readability */
[data-theme="light"] .stat-label{
  color: #6b7280 !important; /* okunur gri */
  opacity: 1 !important;
}

/* İstersen stat başlıklarını da biraz koyulaştır */
[data-theme="light"] .stat-value{
  color: #111827; /* koyu */
}
/* ================= TRUST BAR ================= */
.trust-bar{
  display:flex;
  flex-wrap:wrap;
  gap:28px;
  justify-content:center;
  align-items:center;
  padding:16px 12px;
  margin-top:-10px; /* hero ile biraz iç içe */
  background:var(--surface);
  border-bottom:1px solid var(--border);
  font-weight:500;
  font-size:14px;
  color:var(--text);
}

.trust-bar div{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}