/* ============================================================
   ASYA Oto Yıkama — Modern Theme Override
   Eski Bootstrap şablon görünümünü markaya uygun, sade ve
   premium bir tasarıma taşımak için yazılmış katman.
   ============================================================ */

:root{
  --asya-black:#0b0b0d;
  --asya-black2:#141416;
  --asya-red:#e2001a;
  --asya-red-dark:#a80013;
  --asya-cream:#f7f5f1;
  --asya-line:rgba(255,255,255,.10);
  --asya-radius:14px;
}

*{ box-sizing:border-box; }

body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---------- Buttons: düz, modern, tek renk ---------- */
.btn,
.header-right-btn .btn,
.button-contactForm{
  background-image:none !important;
  background-color:var(--asya-red) !important;
  border-radius:8px !important;
  padding:14px 30px !important;
  font-weight:600 !important;
  letter-spacing:.03em;
  box-shadow:0 8px 20px rgba(226,0,26,.25) !important;
  transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease !important;
}
.btn:hover,
.header-right-btn .btn:hover,
.button-contactForm:hover{
  background-color:var(--asya-red-dark) !important;
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(226,0,26,.32) !important;
}
.btn i{ left:14px !important; }
.btn:hover i{ left:18px !important; }

/* ---------- Header: temiz, beyaz, modern ---------- */
.header-sticky.sticky-bar{
  background:#fff !important;
  box-shadow:0 2px 18px rgba(20,20,20,.08);
}
.main-header .main-menu ul li a{
  font-weight:600;
  letter-spacing:.02em;
  position:relative;
  padding-bottom:4px;
}
.main-header .main-menu ul li a::after{
  content:"";
  position:absolute;
  left:0; bottom:14px;
  width:0; height:2px;
  background:var(--asya-red);
  transition:width .25s ease;
}
.main-header .main-menu ul li a:hover::after,
.main-header .main-menu ul li:hover > a::after{
  width:100%;
}
.main-header .main-menu ul li:hover > a{
  color:var(--asya-red-dark) !important;
}

/* ---------- Hero ---------- */
.hero-overly::before{
  background:linear-gradient(115deg, rgba(6,6,8,.92) 0%, rgba(6,6,8,.72) 38%, rgba(6,6,8,.35) 70%, rgba(6,6,8,.15) 100%) !important;
}
.slider-area .hero__caption h1{
  font-weight:800;
  letter-spacing:-.01em;
}
.slider-area .hero__caption .hero-details p{
  max-width:560px;
}

/* ---------- Bölüm başlıkları ---------- */
.section-tittle h2,
.footer-tittle h4{
  position:relative;
  font-weight:700;
}
.section-tittle{
  position:relative;
}
.section-tittle::before{
  content:"";
  display:inline-block;
  width:46px;
  height:3px;
  background:var(--asya-red);
  margin-bottom:16px;
  border-radius:2px;
}
.section-tittle.text-center::before{
  display:none;
}

/* ---------- Hizmet kartları ---------- */
.single-card{
  background:#fff;
  border-radius:var(--asya-radius);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  padding:36px 28px;
  transition:transform .3s ease, box-shadow .3s ease;
}
.single-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}
.single-card .card-top img{
  width:52px;
  height:52px;
  padding:12px;
  background:rgba(226,0,26,.08);
  border-radius:12px;
  margin-bottom:14px;
}
.single-card h4{
  font-weight:700;
  margin-bottom:10px;
}
.single-card .card-bottom ul li{
  color:#666;
  font-size:14px;
  margin-bottom:6px;
}

/* ---------- Otopark hesaplayıcı: markaya uygun koyu kart ---------- */
.parking-container{
  margin-top:0 !important;
  margin-bottom:100px !important;
}
.parking-calculator{
  background:linear-gradient(160deg, var(--asya-black2) 0%, var(--asya-black) 100%) !important;
  border:1px solid var(--asya-line);
  border-radius:20px !important;
  box-shadow:0 24px 60px rgba(0,0,0,.35) !important;
  padding:40px !important;
  position:relative;
  overflow:hidden;
}
.parking-calculator::before{
  content:"";
  position:absolute;
  top:-40%; right:-20%;
  width:60%; height:180%;
  background:radial-gradient(circle, rgba(226,0,26,.18) 0%, transparent 70%);
  pointer-events:none;
}
.parking-calculator h3{
  color:#fff;
  font-weight:700;
  font-size:26px;
  margin-bottom:24px;
  position:relative;
}
.parking-calculator label{
  color:rgba(255,255,255,.65) !important;
  font-size:13px !important;
  text-transform:uppercase;
  letter-spacing:.05em;
  text-align:left;
}
.parking-calculator input{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
  border-radius:10px !important;
  padding:12px 14px !important;
  color-scheme:dark;
}
.parking-calculator input:focus{
  outline:none;
  border-color:var(--asya-red) !important;
  box-shadow:0 0 0 3px rgba(226,0,26,.2);
}
.parking-calculator button{
  background:var(--asya-red) !important;
  border-radius:10px !important;
  font-weight:700 !important;
  letter-spacing:.03em;
  box-shadow:0 10px 24px rgba(226,0,26,.3);
  transition:transform .25s ease, background-color .25s ease;
}
.parking-calculator button:hover{
  background:var(--asya-red-dark) !important;
  transform:translateY(-2px);
}
.parking-calculator p{
  color:#fff !important;
  font-size:22px !important;
  font-weight:700;
  margin-top:20px !important;
}

/* ---------- Footer: sade, koyu, okunaklı ---------- */
.footer-wrapper{
  background-image:none !important;
  background-color:var(--asya-black) !important;
}
.footer-area{
  border-top:1px solid var(--asya-line);
}
.footer-area .footer-tittle h4{
  color:#fff !important;
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:18px;
  font-weight:700;
}
.footer-area .footer-pera p,
.footer-area .footer-tittle p,
.footer-area .footer-tittle ul li a,
.footer-bottom-area .footer-copy-right p{
  color:rgba(255,255,255,.68) !important;
}
.footer-area .footer-tittle ul li a:hover{
  color:var(--asya-red) !important;
  text-decoration:none;
}
.footer-area .footer-form form input{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  background:rgba(255,255,255,.06) !important;
}
.footer-area .footer-form form input::placeholder{
  color:rgba(255,255,255,.45);
}
.footer-bottom-area{
  border-top:1px solid var(--asya-line);
}

/* ---------- Kartlar / genel görsel köşe yumuşatma ---------- */
img{ border-radius:4px; }
.footer-logo img,
.logo img,
svg{ border-radius:0; }

/* ---------- Scrollbar (modern tarayıcılar) ---------- */
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:var(--asya-cream); }
::-webkit-scrollbar-thumb{ background:#c9c5bd; border-radius:10px; }
::-webkit-scrollbar-thumb:hover{ background:var(--asya-red); }