/* MET Yacht - küçük ek stiller (Tailwind derlemesini tamamlar) */
.lang-idle { color: color-mix(in oklab, currentColor 60%, transparent); }
#site-header.is-solid { background-color: color-mix(in oklab, var(--background) 95%, transparent); backdrop-filter: blur(12px); box-shadow: 0 1px 2px rgb(0 0 0 / 0.06); }
#site-header.is-solid .nav-link { color: var(--foreground); }
#site-header.is-solid #site-logo { filter: none; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* İlan Listesi Resimlerinin Aynı Ölçüde Olması */
.yacht-card-image-wrap {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  background-color: #060b13 !important;
  position: relative !important;
  overflow: hidden !important;
}
.yacht-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Kart Yazılarının Tamamen Görünmesi (Sınır Yok) */
.yacht-card-title {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  line-height: 1.35 !important;
  margin-bottom: 4px !important;
}
.yacht-card-meta {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  line-height: 1.4 !important;
}

/* Filigran (Watermark) */
.detail-watermark {
  position: absolute !important;
  bottom: 1rem !important;
  right: 1rem !important;
  z-index: 20 !important;
  pointer-events: none !important;
  opacity: 0.10 !important; /* Çok hafif, resmi bölmeyen opaklık */
  transition: opacity 0.3s ease !important;
}
.detail-gallery-main-wrap:hover .detail-watermark {
  opacity: 0.07 !important;
}
.detail-watermark-img {
  height: 20px !important; /* Çok daha küçük */
  width: auto !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
}

/* İlan Kartı Filigranı */
.yacht-card-watermark {
  position: absolute !important;
  bottom: 0.6rem !important;
  right: 0.6rem !important;
  z-index: 10 !important;
  pointer-events: none !important;
  opacity: 0.08 !important; /* Kartlarda çok daha hafif */
}
.yacht-card-watermark img {
  height: 13px !important; /* Çok küçük kart filigranı */
  width: auto !important;
  filter: brightness(0) invert(1) !important;
}

/* Sahibinden.com Tarzı Detay Galeri Düzeni */
.detail-gallery-main-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  max-height: 52vh !important;
  min-height: 300px !important;
  background-color: #060b13 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 4px !important;
}

#gallery-bg-blur {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background-size: cover !important;
  background-position: center !important;
  filter: blur(40px) brightness(0.28) !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
  transition: background-image 0.3s ease !important;
}

.detail-gallery-main-img {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important; /* Yat tam sığacak şekilde gösterilir, kesilmez */
  transition: opacity 0.2s ease !important;
}

/* Küçük Resim Yatay Kayar Şerit (Carousel) */
#thumbs-viewport {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}
#thumbs-track {
  display: flex !important;
  gap: 8px !important;
  width: max-content !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  will-change: transform;
}
.detail-gallery-thumb-btn {
  /* Genişliği viewport'a oranlayarak yan yana tam sayı adet gösteririz (aradaki 8px gap'leri hesaba katarak) */
  width: calc((100vw - 40px - 56px - 16px) / 3) !important; /* Mobilde görünür 3 adet */
  max-width: 110px !important;
  aspect-ratio: 16 / 10 !important;
  padding: 0 !important;
  border-width: 2px !important;
  overflow: hidden !important;
  background: #060b13 !important;
  border-radius: 3px !important;
  transition: border-color 0.2s ease, opacity 0.2s ease !important;
}
@media (min-width: 640px) {
  .detail-gallery-thumb-btn {
    width: calc((1300px - 56px - 32px) / 5) !important; /* Tablette görünür 5 adet */
  }
}
@media (min-width: 1024px) {
  .detail-gallery-thumb-btn {
    width: calc((1300px - 56px - 40px) / 6) !important; /* Masaüstünde görünür 6 adet */
  }
}
.detail-gallery-thumb-btn:hover {
  opacity: 0.95 !important;
}
.detail-gallery-thumb-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Yatay galeri kaydırma çubuğu özelleştirme */
.scrollbar-thin::-webkit-scrollbar {
  height: 5px;
}
.scrollbar-thin::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background: rgba(201, 169, 110, 0.4);
  border-radius: 4px;
}

/* Galeri Alt Kontrol Okları (görüntünün altında) */
.gallery-ctrl-btn {
  flex-shrink: 0 !important;
}

/* Büyüteç / Zoom butonu */
.gallery-zoom-btn {
  opacity: 0.85 !important;
  transition: opacity 0.25s ease, background-color 0.2s ease !important;
}
.detail-gallery-main-wrap:hover .gallery-zoom-btn {
  opacity: 1 !important;
}

/* Lightbox Fullscreen Modal (Premium Glassmorphic) */
#lightbox-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  background-color: rgba(4, 7, 13, 0.98) !important;
  backdrop-filter: blur(15px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s !important;
}

#lightbox-modal.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#lightbox-bg-blur {
  position: absolute !important;
  inset: 0 !important;
  z-index: 10001 !important;
  background-size: cover !important;
  background-position: center !important;
  filter: blur(40px) brightness(0.28) !important; /* Premium dark-blur */
  opacity: 0.82 !important;
  pointer-events: none !important;
  transition: background-image 0.3s ease !important;
}

#lightbox-img-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 82vw !important;
  max-height: 85vh !important;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  transform: scale(0.93) !important;
  overflow: hidden !important;
  z-index: 10005 !important;
}

#lightbox-modal.active #lightbox-img-wrap {
  transform: scale(1) !important;
}

#lightbox-img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  box-shadow: 0 35px 80px rgba(0,0,0,0.85) !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  cursor: zoom-in !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}

#lightbox-img.zoomed {
  cursor: zoom-out !important;
}

.lightbox-btn {
  position: absolute !important;
  z-index: 10100 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.lightbox-btn:hover {
  background-color: rgba(201, 169, 110, 0.8) !important; /* Premium Gold */
  border-color: #c9a96e !important;
  color: #000000 !important;
  transform: scale(1.08) !important;
  box-shadow: 0 0 20px rgba(201, 169, 110, 0.4) !important;
}

/* Arrow & Close Positions (Ekranın En Uçları) */
#lightbox-prev {
  left: 1.5rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

#lightbox-next {
  right: 1.5rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

#lightbox-close {
  top: 1.5rem !important;
  right: 1.5rem !important;
}

/* Sayaç */
#lightbox-counter {
  position: absolute !important;
  bottom: 6.2rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  background: rgba(0, 0, 0, 0.55) !important;
  padding: 0.5rem 1.2rem !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  pointer-events: none !important;
}

/* Mobilde Responsive Ayarlar */
@media (max-width: 768px) {
  #lightbox-img-wrap {
    max-width: 95vw !important;
    max-height: 75vh !important;
  }
  .lightbox-btn {
    width: 44px !important;
    height: 44px !important;
    background-color: rgba(0, 0, 0, 0.65) !important;
    border-color: rgba(255,255,255,0.1) !important;
  }
  #lightbox-prev {
    left: 0.75rem !important;
  }
  #lightbox-next {
    right: 0.75rem !important;
  }
  #lightbox-close {
    top: 1rem !important;
    right: 1rem !important;
  }
}


/* Açıklama Metni — tam görüntüleme, satır sınırı yok */
.prose-detail {
  overflow: visible !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}
.prose-detail p {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  line-height: 1.75 !important;
}
.prose-detail p:first-child { margin-top: 0 !important; }
.prose-detail ul,
.prose-detail ol {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  padding-left: 1.5rem !important;
}
.prose-detail li { margin-bottom: 0.35rem !important; }
.prose-detail strong { font-weight: 600 !important; color: var(--foreground) !important; }
.prose-detail h2, .prose-detail h3 {
  font-weight: 600 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem !important;
  color: var(--foreground) !important;
}

/* Lightbox Alt Kısım: Slayt Şeridi (Thumbnails Navigation) */
#lightbox-thumbs-container {
  position: absolute !important;
  bottom: 1.5rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 90% !important;
  max-width: 800px !important;
  z-index: 10100 !important;
  overflow: hidden !important;
  background: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(8px) !important;
  padding: 8px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#lightbox-thumbs-track {
  display: flex !important;
  gap: 8px !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: max-content !important;
  margin: 0 auto !important;
}

.lightbox-thumb-btn {
  width: 58px !important;
  height: 38px !important;
  flex-shrink: 0 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  padding: 0 !important;
  background: #000 !important;
  cursor: pointer !important;
  opacity: 0.5 !important;
  transition: all 0.25s ease !important;
}

.lightbox-thumb-btn img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  pointer-events: none !important;
}

.lightbox-thumb-btn.active {
  border-color: #c9a96e !important;
  opacity: 1 !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 10px rgba(201, 169, 110, 0.3) !important;
}



/* Premium PDF / Print Tasarımı */
@media print {
  /* Sayfa Ayarları (A4, Kenar Boşlukları) */
  @page {
    size: A4;
    margin: 15mm 20mm !important;
  }
  
  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 11pt !important;
  }

  /* Gereksiz Elementleri Gizle (Menüler, Butonlar, İletişim Formları, Çerez Uyarısı) */
  #site-header,
  footer,
  aside,
  #gallery-dots-indicator,
  #gallery-prev,
  #gallery-next,
  #thumbs-viewport,
  .fixed,
  [class*="fixed"],
  button,
  .btn,
  a[href^="https://wa.me"],
  a[href^="tel"],
  #cookie-notice,
  #lightbox-modal,
  .detail-gallery-main-wrap::after,
  .detail-watermark {
    display: none !important;
  }

  /* Sayfa Düzenini Yazıcı Dostu Yap */
  main {
    padding-top: 0 !important;
  }

  section {
    grid-template-columns: 1fr !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .detail-gallery-main-wrap {
    border: none !important;
    box-shadow: none !important;
    max-height: 38vh !important;
    margin-bottom: 2rem !important;
    page-break-inside: avoid !important;
  }

  .detail-gallery-main-img {
    max-height: 38vh !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
  }

  #gallery-bg-blur {
    display: none !important; /* Arka plan bulanıklığını gizle */
  }

  h1, h2, h3, p, span {
    color: #000000 !important;
  }

  h1 {
    font-size: 24pt !important;
    margin-top: 1rem !important;
  }

  .grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    page-break-inside: avoid !important;
  }

  .grid > div {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #000000 !important;
    page-break-inside: avoid !important;
  }

  .text-muted-foreground {
    color: #475569 !important;
  }

  .prose-detail {
    color: #0f172a !important;
    font-size: 10.5pt !important;
    line-height: 1.6 !important;
  }

  /* Çapraz Ortada, %10 Opaklığa ve Geniş Boyuta Sahip PDF Filigranı */
  #print-watermark {
    display: block !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    width: 90% !important;
    max-width: 800px !important;
    height: auto !important;
    opacity: 0.10 !important;
    z-index: 99999 !important;
    pointer-events: none !important;
  }

  /* PDF Sayfa Kırılımı (Page Break) Kuralı */
  .print-break-after {
    page-break-after: always !important;
    break-after: page !important;
  }
}