/* Rugancı Otel - Mobile App Shell Stylesheet */

:root {
  --gold: #c6a36a;
  --gold-light: #e4c898;
  --gold-dark: #987842;
  --bg-dark: #071013;
  --bg-card: rgba(16, 27, 30, 0.88);
  --text-main: #f8f4ed;
  --text-muted: #9ba8a6;
}

/* Apple Fluid Tap Feedback */
.apple-tap {
  transition: transform 140ms cubic-bezier(0.25, 1, 0.5, 1), opacity 140ms ease;
  will-change: transform;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.apple-tap:active {
  transform: scale(0.96) !important;
  opacity: 0.90 !important;
}

/* Apple Translucent Glass Surfaces */
.apple-glass-header {
  background: rgba(9, 20, 24, 0.88) !important;
  backdrop-filter: blur(24px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
  border-bottom: 1px solid rgba(198, 163, 106, 0.20) !important;
}

.apple-glass-nav {
  background: rgba(8, 17, 20, 0.94) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border-top: 1px solid rgba(198, 163, 106, 0.22) !important;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.7) !important;
}

.apple-glass-card {
  background: rgba(16, 27, 30, 0.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(198, 163, 106, 0.20);
}

.apple-glass-card:hover {
  border-color: rgba(198, 163, 106, 0.45);
}

/* iOS Bottom Sheet (Alttan Açılan Çekmece) */
.apple-sheet-backdrop {
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: opacity 280ms ease;
}

.apple-sheet-container {
  background: #0d1a1e;
  border-top: 1px solid rgba(198, 163, 106, 0.35);
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.85);
  animation: appleSheetSlide 320ms cubic-bezier(0.32, 0.72, 0, 1) forwards;
}

@keyframes appleSheetSlide {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

.apple-grabber {
  width: 44px;
  height: 5px;
  border-radius: 9999px;
  background-color: rgba(198, 163, 106, 0.45);
  margin: 10px auto 14px auto;
}

/* Altın Metin ve Gradyanlar */
.text-gold {
  color: var(--gold);
}
.text-gold-light {
  color: var(--gold-light);
}
.border-gold {
  border-color: var(--gold);
}
.border-gold-30 {
  border-color: rgba(198, 163, 106, 0.30);
}
.bg-gold {
  background-color: var(--gold);
}

.gold-gradient-bg {
  background: linear-gradient(135deg, #c6a36a 0%, #e2c48d 50%, #987842 100%);
}

.gold-gradient-text {
  background: linear-gradient(135deg, #f8e8c8 0%, #c6a36a 50%, #edd3a5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hide Scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Smooth Touch & Mouse Reels Carousel */
.reels-scroll-container {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-x;
}
.reels-scroll-container > * {
  scroll-snap-align: start;
}

/* Safe Area Insets for iOS Home Indicator */
.pb-safe {
  padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 16px));
}


/* Galerideki görsellerin başlık ve açıklama yazılarının kaldırılması */
.gallery-item[data-category]:not([data-category="videos"]) .absolute.inset-0,
.gallery-item:not([data-category="videos"]) > div.absolute {
  display: none !important;
}