/* ==========================================================================
   Yeşilköy Suit Bungalov - Özel Doğa & Butik Tasarım Stilleri
   Çok Dilli Destek (TR, EN, AR) & RTL Düzenlemeleri
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --primary-forest: #143527;     /* Zengin Orman Yeşili */
  --primary-deep: #0b1f16;
  --accent-gold: #c59d5f;        /* Ahşap & Altın Sıcak Ton */
  --accent-amber: #d97706;
  --emerald-nature: #059669;     /* Doğa Yeşili */
  --wood-warm: #8c5836;          /* Doğal Kütük & Ahşap Tonu */
}

html {
  scroll-behavior: smooth;
  font-family: 'Plus Jakarta Sans', sans-serif;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}

body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}

/* Evrensel Metin ve Taşıyıcı Güvenliği */
*, *::before, *::after {
  box-sizing: border-box;
}

p, span, h1, h2, h3, h4, h5, h6, a, button {
  overflow-wrap: break-word;
}

img {
  max-width: 100%;
  height: auto;
}

/* Arapça Yazı Tipi ve RTL Ayarları */
html[lang="ar"], html[dir="rtl"] {
  font-family: 'Cairo', 'Plus Jakarta Sans', sans-serif;
}

html[dir="rtl"] .font-serif {
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
}

/* RTL için İkon Yönü Çeviricisi */
html[dir="rtl"] .rtl-flip {
  transform: scaleX(-1);
}

/* RTL Modunda Mobil Menü Çekmecesi */
html[dir="rtl"] #mobileMenu > div {
  right: auto;
  left: 0;
}

.font-serif {
  font-family: 'Playfair Display', serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #a3b899;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #2d5a3f;
}

/* Hero Gradient & Nature Overlay */
.hero-gradient {
  background: linear-gradient(180deg, rgba(11, 31, 22, 0.78) 0%, rgba(15, 23, 42, 0.55) 45%, rgba(11, 31, 22, 0.90) 100%);
}

/* Glassmorphism effects */
.glass-nav {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(226, 232, 240, 0.85);
}

.glass-nav-dark {
  background: rgba(11, 31, 22, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.glass-card {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Badge tags for Free vs Paid */
.badge-free {
  background-color: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}

.badge-paid {
  background-color: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
}

/* Card hover animation */
.hover-lift {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}
.hover-lift:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 25px -5px rgba(20, 53, 39, 0.12), 0 10px 10px -5px rgba(20, 53, 39, 0.05);
}

/* Image zoom inside cards */
.img-zoom-container {
  overflow: hidden;
}
.img-zoom-container img {
  transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}
.img-zoom-container:hover img {
  transform: scale(1.07);
}

/* Lightbox styles */
#lightboxModal {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#lightboxModal.active {
  opacity: 1;
  visibility: visible;
}
#lightboxModal:not(.active) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Pulse animation for floating WhatsApp */
@keyframes softPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.65);
  }
  70% {
    box-shadow: 0 0 0 18px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}
.pulse-whatsapp {
  animation: softPulse 2.5s infinite;
}

/* Gallery tab active style */
.gallery-tab.active {
  background-color: #143527;
  color: #ffffff;
}

/* Accordion transition */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.25s ease;
  opacity: 0;
}
.accordion-content.open {
  max-height: 500px;
  opacity: 1;
}

/* Nature Green & Gold button gradients */
.btn-gold {
  background: linear-gradient(135deg, #1b4d36 0%, #143527 100%);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
}
.btn-gold:hover {
  background: linear-gradient(135deg, #143527 0%, #0c231a 100%);
  box-shadow: 0 6px 20px rgba(20, 53, 39, 0.4);
}

.btn-wood {
  background: linear-gradient(135deg, #c59d5f 0%, #b28a49 100%);
  color: #ffffff;
  transition: all 0.3s ease;
}
.btn-wood:hover {
  background: linear-gradient(135deg, #b28a49 0%, #9e7535 100%);
  box-shadow: 0 6px 18px rgba(197, 157, 95, 0.35);
}

/* Dil Seçici Buton Stilleri */
.lang-btn {
  transition: all 0.2s ease;
}
.lang-btn.active {
  background-color: rgba(34, 197, 94, 0.2);
  color: #86efac;
  border-color: rgba(34, 197, 94, 0.4);
  font-weight: 700;
}
.lang-btn-light.active {
  background-color: #143527;
  color: #ffffff;
  border-color: #143527;
  font-weight: 700;
}