/* =========================================================
   Adana Özel Servis Landing v2
   Palette: kırmızı, sarı, turkuaz, yeşil, lacivert, beyaz, krem
========================================================= */

:root{
  /* Base */
  --cream: #fff2dd;
  --cream-2: #fff8ef;
  --white: #ffffff;
  --ink: #0f172a;         /* lacivert/ink */
  --ink-2: #0b2a6a;       /* lacivert */

  /* Brand palette (allowed) */
  --turq: #20d6b5;
  --red:  #ef2b2d;
  --bordo:#7b1b2a;
  --yellow:#ffd028;
  --green:#37d67a;

  /* UI */
  --text: rgba(15,23,42,0.92);
  --muted: rgba(15,23,42,0.66);
  --line: rgba(15,23,42,0.10);

  --radius: 18px;
  --radius-lg: 26px;
  --shadow: 0 18px 52px rgba(15,23,42,0.14);
  --shadow-soft: 0 12px 28px rgba(15,23,42,0.10);
}

html, body{
  height: 100%;
  font-family: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:
    radial-gradient(900px 600px at 10% 12%, rgba(32,214,181,0.22), transparent 60%),
    radial-gradient(850px 560px at 92% 10%, rgba(239,43,45,0.18), transparent 60%),
    radial-gradient(820px 540px at 86% 86%, rgba(255,208,40,0.20), transparent 60%),
    radial-gradient(720px 520px at 16% 86%, rgba(55,214,122,0.18), transparent 60%),
    linear-gradient(180deg, var(--cream-2) 0%, var(--white) 100%);
  color: var(--text);
}

a{ color: inherit; }
a:hover{ color: inherit; }

.container{ padding-left: 1rem; padding-right: 1rem; }

.topbar{
  background: rgba(255,255,255,0.72);
  border-bottom: 1px solid var(--line);
}

.navglass{
  background: rgba(255,255,255,0.72) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}

.brand-text{ font-weight: 800; letter-spacing: .2px; }

.text-muted{ color: var(--muted) !important; }
.fw-800{ font-weight: 800; }

.pill{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.55rem .85rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.86);
  border: 1px solid var(--line);
  font-weight: 800;
  font-size: .9rem;
}

/* Buttons (palette) */
.btn{
  border-radius: 16px;
  font-weight: 900;
  letter-spacing: .2px;
  box-shadow: 0 10px 22px rgba(15,23,42,0.10);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(15,23,42,0.12);
}
.btn:active{ transform: translateY(0px) scale(0.99); }

.btn-red{
  background: linear-gradient(135deg, var(--red) 0%, var(--bordo) 100%);
  border: 1px solid rgba(123,27,42,0.22);
  color: rgba(255,255,255,0.96) !important;
}
.btn-yellow{
  background: linear-gradient(135deg, var(--yellow) 0%, rgba(255,208,40,0.72) 100%);
  border: 1px solid rgba(15,23,42,0.12);
  color: rgba(15,23,42,0.92) !important;
}
.btn-turq{
  background: linear-gradient(135deg, var(--turq) 0%, rgba(32,214,181,0.68) 100%);
  border: 1px solid rgba(32,214,181,0.28);
  color: rgba(15,23,42,0.92) !important;
}
.btn-green{
  background: linear-gradient(135deg, var(--green) 0%, rgba(55,214,122,0.72) 100%);
  border: 1px solid rgba(55,214,122,0.28);
  color: rgba(15,23,42,0.92) !important;
}
.btn-navy{
  background: linear-gradient(135deg, var(--ink-2) 0%, var(--ink) 100%);
  border: 1px solid rgba(15,23,42,0.18);
  color: rgba(255,255,255,0.96) !important;
}
.btn-cream{
  background: linear-gradient(135deg, var(--cream-2) 0%, var(--cream) 100%);
  border: 1px solid rgba(15,23,42,0.12);
  color: rgba(15,23,42,0.92) !important;
}
.text-turq{ color: var(--turq) !important; }

/* Hero */
.hero{ padding: 3.25rem 0 2.5rem; }
.glass{
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.glass-head{ padding: 1rem 1.1rem; border-bottom: 1px solid var(--line); }
.chips{ display:flex; gap:.5rem; flex-wrap: wrap; justify-content: flex-end; }
.chip{
  display:inline-flex; gap:.45rem; align-items:center;
  padding:.35rem .6rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 900;
  border: 1px solid var(--line);
}
.chip-green{ background: rgba(55,214,122,0.14); color: rgba(15,23,42,0.92); }
.chip-navy{ background: rgba(11,42,106,0.18); color: rgba(15,23,42,0.92); }

.toastlike{
  margin: .9rem 1.1rem 1.1rem;
  padding: .85rem 1rem;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,0.12);
  background: rgba(255,255,255,0.90);
  display:none;
}
.toastlike.show{ display:block; }

/* Trust grid */
.trustgrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: .8rem;
}
@media (min-width: 768px){
  .trustgrid{ grid-template-columns: repeat(3, 1fr); }
}
.trustcard{
  display:flex;
  gap:.8rem;
  align-items:center;
  padding: .95rem 1rem;
  border-radius: var(--radius);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}
.trustcard i{
  width: 42px; height: 42px;
  display:grid; place-items:center;
  border-radius: 14px;
  background: rgba(255,255,255,0.86);
}
.t-red i{ color: var(--red); }
.t-turq i{ color: var(--turq); }
.t-yellow i{ color: var(--yellow); }

/* Swiper */
.heroSwiper{ padding: 1rem 1.1rem 1.1rem; }
.slide-card{
  border-radius: 22px;
  background: rgba(255,255,255,0.78);
  border: 1px solid var(--line);
  padding: 1.25rem 1.2rem;
}
.slide-badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.42rem .7rem;
  border-radius: 999px;
  font-weight: 900;
  font-size: .82rem;
  color: rgba(15,23,42,0.92);
  border: 1px solid var(--line);
}
.bg-red{ background: rgba(239,43,45,0.25); }
.bg-turq{ background: rgba(32,214,181,0.20); }
.bg-yellow{ background: rgba(255,208,40,0.18); }
.bg-green{ background: rgba(55,214,122,0.18); }
.bg-navy{ background: rgba(11,42,106,0.22); }
.bg-cream{ background: rgba(255,242,221,0.16); color: rgba(15,23,42,0.92); }

.minihelp{
  display:flex; gap:.6rem; align-items:flex-start;
  padding: .75rem .85rem;
  border-radius: 16px;
  background: rgba(255,255,255,0.92);
  border: 1px dashed rgba(15,23,42,0.22);
  color: rgba(15,23,42,0.70);
}

/* Sections */
.section{ padding: 3.25rem 0; }
.section-alt{
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,242,221,0.55), rgba(255,255,255,0.0));
}
.section-head{ margin-bottom: 1.35rem; }

.cardx{
  padding: 1.15rem 1.1rem;
  border-radius: var(--radius);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
  height: 100%;
}
.cardx .icon{
  width: 46px; height: 46px;
  display:grid; place-items:center;
  border-radius: 16px;
  margin-bottom: .75rem;
  color: rgba(0,0,0,0.85);
}
.cardx .icon i{ font-size: 1.05rem; }
.cardx .icon.bg-navy{ color: rgba(15,23,42,0.92); }

/* CTA Strip */
.cta-strip{
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1.05rem 1.1rem;
  border-radius: var(--radius);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}

/* Steps */
.step{
  display:flex;
  gap: 1rem;
  align-items:flex-start;
  padding: 1rem 1rem;
  border-radius: var(--radius);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
  height: 100%;
}
.step-no{
  width: 42px; height: 42px;
  border-radius: 16px;
  display:grid; place-items:center;
  font-weight: 900;
  color: rgba(0,0,0,0.88);
  border: 1px solid rgba(15,23,42,0.14);
}

/* Policy box (visible) */
.policy-box{
  border-radius: var(--radius);
  background: rgba(0,0,0,0.20);
  border: 1px solid rgba(15,23,42,0.12);
  padding: 1.1rem 1.1rem;
}
.policy-title{
  font-weight: 900;
  display:flex;
  gap:.6rem;
  align-items:center;
  color: var(--bordo);
  margin-bottom: .55rem;
}
.policy-text{
  color: rgba(15,23,42,0.78);
}

/* Districts */
.district-wrap{
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  padding: 1.1rem;
}
.district-toolbar{
  display:flex;
  gap: .8rem;
  flex-wrap: wrap;
  align-items:center;
  justify-content: space-between;
  margin-bottom: .9rem;
}
.district-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .6rem;
}
@media (min-width: 768px){
  .district-grid{ grid-template-columns: repeat(5, 1fr); }
}
.district{
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.78);
  border-radius: 16px;
  padding: .75rem .8rem;
  display:flex;
  gap: .6rem;
  align-items:center;
  justify-content:flex-start;
  color: rgba(15,23,42,0.92);
  font-weight: 900;
}
.district:hover{ filter: brightness(1.06); }
.district.active{
  outline: 2px solid rgba(32,214,181,0.55);
  border-color: rgba(32,214,181,0.40);
}
.badge-soft-2{
  display:inline-flex;
  gap:.6rem;
  align-items:center;
  padding: .55rem .75rem;
  border-radius: 999px;
  background: rgba(255,242,221,0.10);
  border: 1px solid rgba(255,242,221,0.18);
}

/* Inputs */
.form-control, .form-select, .input-group-text{
  background: rgba(255,255,255,0.88) !important;
  color: rgba(15,23,42,0.92) !important;
  border-color: rgba(15,23,42,0.14) !important;
}
.form-control::placeholder{ color: rgba(15,23,42,0.42); }
.form-control:focus, .form-select:focus{
  box-shadow: none !important;
  border-color: rgba(32,214,181,0.55) !important;
}

/* Price series */
.price-tools, .fault-tools{
  display:grid;
  grid-template-columns: 1fr;
  gap: .8rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px){
  .price-tools, .fault-tools{ grid-template-columns: 240px 1fr; align-items:center; }
}
.price-card{
  border-radius: var(--radius);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
  padding: 1.1rem 1.1rem;
  height: 100%;
}
.price-top{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.price-tag{
  font-size: .78rem;
  font-weight: 900;
  padding: .32rem .55rem;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.82);
}
.price-range{
  font-weight: 900;
  font-size: 1.05rem;
  color: var(--bordo);
}
.kv{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  margin-top: .7rem;
}
.kv .k{
  border-radius: 14px;
  background: rgba(255,255,255,0.78);
  border: 1px solid var(--line);
  padding: .6rem .7rem;
}
.kv .k .label{ font-size: .75rem; color: rgba(255,255,255,0.65); }
.kv .k .val{ font-weight: 900; }

/* Fault codes */
.fault-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: .7rem;
}
@media (min-width: 992px){
  .fault-grid{ grid-template-columns: 1fr 1fr; }
}
.fault{
  border-radius: var(--radius);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
  padding: 1rem 1rem;
}
.fault-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
}
.code{
  font-weight: 900;
  font-size: 1.02rem;
  color: var(--yellow);
}
.fault small{ color: rgba(15,23,42,0.62); }
.fault.active{ outline: 2px solid rgba(255,208,40,0.40); }

/* Google style */
.google-summary{
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  padding: 1.1rem;
  display:grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 992px){
  .google-summary{ grid-template-columns: 260px 1fr 260px; align-items:center; }
}
.gscore{
  border-radius: 18px;
  background: rgba(255,255,255,0.78);
  border: 1px solid var(--line);
  padding: 1rem;
  text-align:center;
}
.gnum{ font-size: 2.2rem; font-weight: 900; color: var(--bordo); line-height: 1; }
.gstars i{ color: var(--yellow); }
.gbar{
  border-radius: 18px;
  background: rgba(255,255,255,0.78);
  border: 1px solid var(--line);
  padding: 1rem;
}
.gline{ display:grid; grid-template-columns: 18px 1fr; align-items:center; gap: .7rem; margin: .45rem 0; }
.track{ height: 10px; border-radius: 999px; background: rgba(255,255,255,0.10); overflow:hidden; }
.fill{ height: 100%; border-radius: 999px; background: linear-gradient(90deg, rgba(32,214,181,0.85), rgba(255,208,40,0.85)); }
.w90{ width: 90%; } .w55{ width: 55%; } .w18{ width: 18%; } .w06{ width: 6%; } .w03{ width: 3%; }
.gactions{
  border-radius: 18px;
  background: rgba(255,255,255,0.78);
  border: 1px solid var(--line);
  padding: 1rem;
  display:flex;
  flex-wrap: wrap;
  gap: .6rem;
  justify-content: center;
}
.review-card{
  border-radius: var(--radius);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
  padding: 1rem 1rem;
  height: 100%;
}
.rhead{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .6rem;
}
.avatar{
  width: 42px; height: 42px;
  border-radius: 999px;
  background: rgba(255,242,221,0.16);
  border: 1px solid rgba(255,242,221,0.20);
  display:grid; place-items:center;
  font-weight: 900;
}
.rname{ font-weight: 900; }
.rmeta{ color: rgba(255,255,255,0.65); font-size: .78rem; }
.rstars i{ color: var(--yellow); }
.rtext{ color: rgba(15,23,42,0.78); }

/* Call-only panel */
.call-panel{
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  padding: 1.1rem;
  display:grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 992px){
  .call-panel{ grid-template-columns: 1.1fr .9fr; }
}
.call-left{
  border-radius: 20px;
  background: rgba(255,255,255,0.78);
  border: 1px solid var(--line);
  padding: 1.1rem;
}
.call-badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.45rem .75rem;
  border-radius: 999px;
  background: rgba(239,43,45,0.18);
  border: 1px solid rgba(239,43,45,0.25);
  font-weight: 900;
}
.call-steps{ display:grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.cstep{
  border-radius: 16px;
  background: rgba(255,255,255,0.92);
  border: 1px solid var(--line);
  padding: .7rem .75rem;
  display:flex;
  gap:.6rem;
  align-items:center;
}
.dot{ width: 14px; height: 14px; border-radius: 999px; display:inline-block; border: 1px solid rgba(255,255,255,0.20); }
.call-right .mini-card{
  border-radius: 20px;
  background: rgba(255,255,255,0.78);
  border: 1px solid var(--line);
  padding: 1.1rem;
}
hr.soft{ border-color: rgba(255,255,255,0.10); opacity: 1; }

.footer{ border-top: 1px solid var(--line); }

/* Mobile sticky bar */
.sticky-call{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 1030;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: .55rem;
  padding: .65rem .8rem;
  background: rgba(255,255,255,0.82);
  backdrop-filter: blur(14px);
  border-top: 1px solid var(--line);
}
.sticky-call .cta{
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: .85rem .9rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: .55rem;
  font-weight: 900;
  background: rgba(255,255,255,0.78);
  color: rgba(15,23,42,0.92);
}
.cta-call{ background: rgba(239,43,45,0.14); border-color: rgba(239,43,45,0.22); }
.cta-copy{ background: rgba(32,214,181,0.14); border-color: rgba(32,214,181,0.22); }
.cta-codes{ background: rgba(255,208,40,0.14); border-color: rgba(255,208,40,0.22); }

@media (max-width: 992px){
  body{ padding-bottom: 92px; }
}

/* Accessibility */
:focus-visible{
  outline: 3px solid rgba(32,214,181,0.55);
  outline-offset: 2px;
}

/* Light nav tweaks */
.navbar.navbar-dark .navbar-brand, .navbar.navbar-dark .nav-link{ color: rgba(15,23,42,0.92) !important; }
.navbar.navbar-dark .nav-link:hover{ color: rgba(15,23,42,0.92) !important; }
.navbar.navbar-dark .navbar-toggler{ border-color: rgba(15,23,42,0.18) !important; }
.navbar.navbar-dark .navbar-toggler-icon{ filter: invert(1) grayscale(1) contrast(1.2); }

/* Ensure readability on light surfaces */
.cardx, .trustcard, .step, .price-card, .fault, .review-card, .district-wrap, .google-summary, .call-panel, .call-left, .call-right .mini-card, .policy-box, .glass, .slide-card{ color: var(--text); }

.slide-badge{ color: rgba(15,23,42,0.92) !important; }