:root{
  --primary:#2563EB;           /* mavi */
  --primary-dark:#1D4ED8;
  --bg:#F9FAFB;
  --text:#111827;
  --muted:#6B7280;
  --light:#FFFFFF;
  --footer-bg:#0b1220;
  --footer-text:#E5E7EB;
  --footer-link:#F1F5F9;
  --footer-muted:#CBD5E1;
}

/* Base */
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.6;
}
h1,h2,h3,h4{font-weight:700;color:#0f172a}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:none!important;color:var(--primary-dark)}
a:focus-visible{outline:2px dashed var(--primary);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
img[loading=lazy]{opacity:0;transition:opacity .3s ease}
img[loading=lazy].lazyloaded{opacity:1}

/* NAVBAR — başta şeffaf, scroll’da mavi */
.navbar-wrap{
  background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.28));
  box-shadow:none; z-index:1040;
  transition:background .25s ease, box-shadow .25s ease;
}
.navbar-wrap.scrolled{
  background:linear-gradient(90deg, var(--primary) 0%, #4367e3 100%);
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.navbar{padding-top:.75rem; padding-bottom:.75rem}
.navbar-brand img{height:auto;width:150px}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.92);font-weight:500;position:relative}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:#fff}
.navbar-dark .navbar-nav .nav-link.active{color:#fff}
.navbar-dark .navbar-nav .nav-link.active::after{
  content:""; position:absolute; left:0; bottom:-6px; width:100%; height:2px; background:#fff; border-radius:2px;
}
@media (max-width:991.98px){
  .navbar-collapse{
    background:linear-gradient(90deg, var(--primary) 0%, #4367e3 100%);
    padding:1rem; border-radius:12px; margin-top:.5rem
  }
}

/* HERO — header’a göre ayarlı */
.hero-section{
  position:relative; min-height:calc(100svh - var(--nav-h,72px));
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; isolation:isolate;
  margin-top:calc(var(--nav-h,72px) * 0); /* hero üstünde “kardeş” gibi otursun */
  text-align:center;
}
.hero-bg{
  background:url('../images/kapadokya-restoran.webp') center/cover no-repeat;
  opacity:.45; position:absolute; inset:0; z-index:-2;
}
.hero-section::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(to bottom, rgba(0,0,0,.62) 0%, rgba(0,0,0,.38) 38%, rgba(0,0,0,.62) 100%);
}
.hero-section .container{padding-top:2rem; padding-bottom:4rem}
.hero-section h1{color:#fff; text-shadow:0 3px 10px rgba(0,0,0,.85); letter-spacing:-.02em; font-weight:800}
.hero-section .lead{max-width:760px; margin:0 auto; color:#f1f5f9; text-shadow:0 2px 8px rgba(0,0,0,.6)}

/* Feature cards */
.feature-box{background:#fff; border-radius:16px; box-shadow:0 8px 24px rgba(15,23,42,.06); transition:transform .2s ease, box-shadow .2s ease}
.feature-box:hover{transform:translateY(-3px); box-shadow:0 14px 32px rgba(15,23,42,.12)}

/* Accordion */
.accordion-button{font-weight:600}
.accordion-button:focus{box-shadow:none}
.accordion-button:not(.collapsed){background:#eef2ff; color:#0f172a}
.accordion-body{color:#334155}

/* Image size */
.erp12detay{display:block; margin:0 auto; max-width:55%}
@media (max-width:768px){.erp12detay{max-width:85%}}

/* Footer */
.bg-dark{background:var(--footer-bg)!important}
footer{color:var(--footer-text)}
footer .footer-title{color:var(--footer-text); margin-bottom:.75rem}
footer .footer-links a{color:var(--footer-link)}
footer .footer-links a:hover, footer .footer-social a:hover{opacity:.9}
footer .footer-social a{color:var(--footer-link); display:inline-flex; align-items:center; gap:.5rem}
footer .footer-social a:focus-visible{outline:2px dashed var(--primary); outline-offset:2px}
.footer-copy{color:var(--footer-muted)}

/* Loader */
#loader{
  position:fixed; inset:0; z-index:2000; display:grid; place-items:center;
  background:radial-gradient(600px 300px at 50% 20%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 60%),
             linear-gradient(180deg, color-mix(in srgb, var(--primary-dark) 14%, #0b1220) 0%, #0b1220 100%);
  transition:opacity .2s ease;
}
@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)){
  #loader{background:radial-gradient(600px 300px at 50% 20%, rgba(37,99,235,.16), transparent 60%), linear-gradient(180deg, #101827 0%, #0b1220 100%)}
}
#loader.hide{opacity:0; pointer-events:none}
.spinner{width:38px; height:38px; border-radius:50%; border:3px solid rgba(255,255,255,.22); border-top-color:#fff; animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Utilities */
.container .display-5{letter-spacing:-.02em}
.text-primary{color:var(--primary)!important}
.bg-primary{background:var(--primary)!important}

/* Responsive tweaks */
@media (max-width:991.98px){
  .hero-section{min-height:calc(78vh - var(--nav-h,68px))}
}
@media (prefers-reduced-motion:reduce){
  .feature-box,.btn,.hero-section *{transition:none!important}
  .wow,.animate__animated{animation:none!important}
}

/* Anchor offset */
section[id]{scroll-margin-top:calc(var(--nav-h,72px) + 18px)}