/* Alla Prima - Özel Minimalist İnce Ayarlar */
::selection {
  background-color: #C05A3A;
  color: #F2F2F2;
}

html {
  color-scheme: dark;
  scroll-behavior: smooth;
  scroll-padding-top: 5rem; /* Sabit (fixed) 80px'lik header yüksekliği kadar hizalama */
}

/* Görsel geçişleri için zarif akış */
img {
  transition: opacity 0.3s ease;
}

/* Yatay Carousel için kaydırma çubuğu gizleme */
#collections-carousel::-webkit-scrollbar,
.no-scrollbar::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

#collections-carousel,
.no-scrollbar {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

/* Rakamlar ve İstatistikler için Özel Geometrik & Tabular Sayı Stili */
.font-num {
  font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-feature-settings: 'tnum' on, 'lnum' on;
  font-variant-numeric: tabular-nums lining-nums;
}

/* ==========================================================================
   MİNİMALİST GALERİ İMLECİ (Altın Nokta & Akıcı Takip Eden Halka)
   Sadece fare (mouse/trackpad) kullanılan cihazlarda aktif olur
   ========================================================================== */
@media (hover: hover) and (pointer: fine) {
  html.custom-cursor-ready,
  html.custom-cursor-ready body,
  html.custom-cursor-ready a,
  html.custom-cursor-ready button,
  html.custom-cursor-ready [role="button"] {
    cursor: none !important;
  }

  .ap-cursor-dot,
  .ap-cursor-ring {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 10000;
    border-radius: 9999px;
    will-change: transform, opacity;
    opacity: 0;
    transition: opacity 0.25s ease;
  }

  .ap-cursor-dot.is-visible,
  .ap-cursor-ring.is-visible {
    opacity: 1;
  }

  /* Merkez Nokta (Anlık 1:1 Takip) */
  .ap-cursor-dot {
    width: 6px;
    height: 6px;
    margin-left: -3px;
    margin-top: -3px;
    background-color: #D4AF37;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.5);
    transition: opacity 0.25s ease, width 0.25s ease, height 0.25s ease, margin 0.25s ease, background-color 0.25s ease;
  }

  /* Dış Halka (Akıcı Lerp Takibi) */
  .ap-cursor-ring {
    width: 34px;
    height: 34px;
    margin-left: -17px;
    margin-top: -17px;
    border: 1px solid rgba(212, 175, 55, 0.45);
    background-color: rgba(212, 175, 55, 0);
    transition: opacity 0.25s ease, width 0.3s cubic-bezier(0.16, 1, 0.3, 1), height 0.3s cubic-bezier(0.16, 1, 0.3, 1), margin 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, background-color 0.3s ease;
  }

  /* Etkileşimli Eleman Üzerinde (Hover) */
  .ap-cursor-dot.is-hover {
    width: 4px;
    height: 4px;
    margin-left: -2px;
    margin-top: -2px;
    background-color: #F2F2F2;
  }

  .ap-cursor-ring.is-hover {
    width: 54px;
    height: 54px;
    margin-left: -27px;
    margin-top: -27px;
    border-color: rgba(212, 175, 55, 0.85);
    background-color: rgba(212, 175, 55, 0.08);
  }

  /* Tıklama Anı (Active / Mousedown) */
  .ap-cursor-ring.is-active {
    width: 26px;
    height: 26px;
    margin-left: -13px;
    margin-top: -13px;
    border-color: #C05A3A;
    background-color: rgba(192, 90, 58, 0.14);
  }
}