/* GLOBAL */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Arial',sans-serif; }
body { color:#fff; background:#111; }

/* SOFT BACKGROUND */
.background-overlay { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; overflow:hidden; }
.background-overlay img { width:100%; height:100%; object-fit:cover; filter:blur(8px) brightness(0.5); }

/* HERO */
.hero { display:flex; justify-content:space-between; align-items:center; padding:20px 40px;
  background: linear-gradient(135deg, rgba(245,197,24,0.7), rgba(255,169,80,0.7)), url('images/hero-bg.jpg') no-repeat center center;
  background-size: cover; border-radius:0 0 15px 15px; box-shadow:0 0 20px rgba(0,0,0,0.3); z-index:2; }

.logo { display:flex; align-items:center; gap:15px; }
.logo-img { width:120px; height:auto; }
.logo h1 { font-size:2.5rem; color:#fff; text-shadow:0 0 0.2em #000, 0 0 0.4em #FFD700; font-weight:bold; }

.contact { display:flex; align-items:center; gap:20px; }
.hours, .phone, .instagram { color:#fff; font-weight:bold; text-decoration:none; }
.instagram i { font-size:1.5rem; color:#fff; transition:all 0.3s ease; }
.instagram i:hover { color:#FFD700; transform:scale(1.2); }

/* SECTION TITLES */
.section-title { text-align:center; font-size:2rem; margin:40px 0 30px 0; 
  background: linear-gradient(90deg, #FFD700, #FFA950); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:1px 1px 4px rgba(0,0,0,0.5); letter-spacing:1px; }

/* MENU SLIDER */
.menu-slider { position:relative; width:90%; max-width:1000px; margin:50px auto; overflow:hidden; border-radius:12px; box-shadow:0 0 25px rgba(0,0,0,0.3); }
.menu-slides { display:flex; transition:transform 0.5s ease-in-out; }
.menu-item-row { display:flex; gap:20px; justify-content:center; flex:0 0 100%; } /* çift resim yan yana */
.menu-item-row img { width:48%; border-radius:12px; box-shadow:0 0 20px rgba(245,197,24,0.3); object-fit:cover; }

/* OK BUTONLARI */
.menu-slider button { position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.5); border:none; color:#fff; font-size:2rem; padding:10px 20px; cursor:pointer; z-index:2; border-radius:50%; transition:background 0.3s ease; }
.menu-slider button:hover { background:rgba(0,0,0,0.7); }
.prev { left:10px; }
.next { right:10px; }

/* VIDEO SLIDER */
.slider-section { padding:80px 0; overflow:hidden; }
.slides { display:flex; justify-content:center; gap:30px; transition:all 0.5s ease-in-out; }
.slides video { flex:0 0 auto; max-width:400px; border-radius:12px; border:3px solid transparent; box-shadow:0 0 20px rgba(245,197,24,0.3); object-fit:cover; transition:transform 0.5s, box-shadow 0.5s, border 0.5s; }
.slides video:hover { transform:scale(1.03); border-image:linear-gradient(45deg,#F5C518,#FFA950) 1; box-shadow:0 0 40px rgba(245,169,80,0.5); }

/* INFO BOX */
.info { display:flex; flex-wrap:wrap; text-align:center; padding:40px 20px; background:rgba(34,34,34,0.9); border-radius:15px; margin:30px; }
.info-box { flex:1; min-width:200px; padding:20px; }
.info-box h2 { background:linear-gradient(90deg,#F5C518,#FFA950); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:1.4rem; margin-bottom:10px; text-shadow:1px 1px 3px rgba(0,0,0,0.5); }

/* GOOGLE MAPS */
.map { padding:40px 20px; text-align:center; }
.map h2 { background:linear-gradient(90deg,#F5C518,#FFA950); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:1.6rem; margin-bottom:20px; text-shadow:1px 1px 3px rgba(0,0,0,0.5); }

/* FOOTER */
footer { text-align:center; padding:15px; background:linear-gradient(135deg,#222,#333); font-size:0.9rem; color:#fff; border-top:3px solid #F5C518; }

/* RESPONSIVE */
@media(max-width:768px){
  .hero{ flex-direction:column; align-items:flex-start; }
  .slides video{ max-width:90%; }
  .menu-item-row { flex-direction:column; }
  .menu-item-row img { width:100%; }
  .info{ flex-direction:column; margin:20px; }
  .contact{ flex-wrap:wrap; }
}
.whatsapp {
  color: #25D366;         /* WhatsApp yeşili */
  font-size: 50px;         /* Simge boyutu */
  text-decoration: none;  
  margin: 0 10px;          /* Kenar boşluğu */
  transition: transform 0.3s; /* Hover animasyonu için */
}

.whatsapp:hover {
  color: #128C7E;          /* Hover rengi */
  transform: scale(1.2);   /* Hover’da büyüme efekti */
}