/* Anatolian Prestige Real Estate - Core Design System & Tokens */
:root {
  --color-primary: #0b1c30;
  --color-primary-container: #0e1c2f;
  --color-on-primary: #ffffff;
  --color-secondary: #ab3425;
  --color-secondary-hover: #8a1c10;
  --color-secondary-container: #fc6f5a;
  --color-tertiary: #0f766e;
  --color-whatsapp: #25d366;
  --color-surface: #f8f9ff;
  --color-surface-container: #e5eeff;
  --color-surface-container-low: #eff4ff;
  --color-surface-container-high: #dce9ff;
  --color-surface-container-lowest: #ffffff;
  --color-on-surface: #0b1c30;
  --color-on-surface-variant: #44474c;
  --color-outline: #75777d;
  --color-outline-variant: #c5c6cd;
  --shadow-level-1: 0 1px 3px 0 rgba(11, 25, 44, 0.04), 0 1px 2px -1px rgba(11, 25, 44, 0.02);
  --shadow-level-2: 0 10px 25px -5px rgba(11, 25, 44, 0.08), 0 8px 10px -6px rgba(11, 25, 44, 0.03);
  --shadow-level-3: 0 20px 30px -10px rgba(11, 25, 44, 0.12);
}

/* Base resets & typography */
body {
  font-family: var(--font-body, 'Inter'), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--color-surface);
  color: var(--color-on-surface);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, .font-heading, .font-stat, .font-price {
  font-family: var(--font-headline, 'Plus Jakarta Sans'), sans-serif;
  letter-spacing: -0.02em;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Material Symbols vertical alignment */
.material-symbols-outlined {
  vertical-align: middle;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Glassmorphism utility */
.glass-nav {
  background: rgba(248, 249, 255, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

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

/* Image zoom hover effect */
.img-zoom-container {
  overflow: hidden;
}
.img-zoom-container img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.img-zoom-container:hover img {
  transform: scale(1.05);
}

/* Transitions */
.smooth-transition {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Pulse animation for live online indicator */
@keyframes onlinePulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.online-dot {
  animation: onlinePulse 2s infinite;
}

/* Print brochure styles */
@media print {
  header, footer, .conversion-bar, .no-print, button {
    display: none !important;
  }
  body {
    background: #ffffff !important;
    color: #000000 !important;
  }
}

/* Explicit hidden utility to prevent specificity conflicts */
.hidden {
  display: none !important;
}
.tab-pane.hidden {
  display: none !important;
}

/* Floating Scroll-To-Top Button */
#btn-scroll-to-top {
  position: fixed !important;
  bottom: 30px !important;
  right: 30px !important;
  z-index: 99999 !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 9999px !important;
  background: #0b1c30 !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(20px) scale(0.85) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  outline: none !important;
}

#btn-scroll-to-top.show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

#btn-scroll-to-top:hover {
  background: #ab3425 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translateY(-4px) scale(1.08) !important;
  box-shadow: 0 20px 30px -5px rgba(171, 52, 37, 0.5) !important;
}

#btn-scroll-to-top:active {
  transform: translateY(-1px) scale(0.96) !important;
}

/* Header Özel Tasarım Güvenlik Sınırlandırmaları: Logoların taşmasını engeller */
#header-custom-top-layer img {
  max-width: 100% !important;
  max-height: 120px !important;
  object-fit: contain;
}