/* Temel */
html,body { scroll-behavior: smooth; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }

/* Navbar + Hero */
.hero-section { position: relative; margin-top: 56px; }
.hero-slide { min-height: 78vh; background-size: cover; background-position: center; position: relative; }
.hero-slide .overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55)); }

/* UI */
.navbar .nav-link { font-weight: 600; }
.grayscale { filter: grayscale(1); opacity:.85; transition: .2s; }
.grayscale:hover { filter: none; opacity:1; }
.card { border-radius: 16px; }
.btn { border-radius: 10px; }

/* Lightbox img radius */
.glightbox img { border-radius: 8px; }

/* Footer */
footer { font-size: 14px; }

.hero-slide {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

.hero-slide .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
}

.hero-slide .container .text-white {
  position: relative;
  z-index: 5;
  max-width: 650px;
  margin-left: 5%; /* sola biraz içeriden başlar */
}

.hero-slide h1 {
  font-weight: 700;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

.hero-slide p.lead {
  font-size: 1.2rem;
  margin-top: .75rem;
  text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}