/*
 * Amade Dizayn — custom.css
 * Hover efektleri, animasyonlar, özel cursor, overrides
 */

/* ============================================================
   TEMEL
   ============================================================ */
html { scroll-behavior: auto; }
::selection { background: rgba(201,169,110,0.25); color: var(--txt-100); }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

/* Scrollbar */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg-0); }
::-webkit-scrollbar-thumb { background: rgba(201,169,110,0.35); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(201,169,110,0.6); }

/* ============================================================
   ÖZEL CURSOR (lüks marka hissi)
   ============================================================ */
body { cursor: none; }
@media (hover: none) { body { cursor: auto; } }

#cursor-dot {
    position: fixed;
    top: 0; left: 0;
    width: 6px; height: 6px;
    background: var(--gold);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: transform 0.1s, opacity 0.2s;
}
#cursor-ring {
    position: fixed;
    top: 0; left: 0;
    width: 36px; height: 36px;
    border: 1px solid rgba(201,169,110,0.5);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    transform: translate(-50%, -50%);
    transition: width 0.3s, height 0.3s, border-color 0.3s, transform 0.08s;
}
body:has(a:hover) #cursor-ring,
body:has(button:hover) #cursor-ring {
    width: 56px; height: 56px;
    border-color: rgba(201,169,110,0.8);
}
body:has(.btn:hover) #cursor-dot { transform: translate(-50%,-50%) scale(0); }

/* ============================================================
   BUTON HOVER EFEKTLERİ
   ============================================================ */
.btn {
    position: relative;
    overflow: hidden;
    transition: color 0.3s, border-color 0.3s, background 0.3s, transform 0.2s, box-shadow 0.3s;
}
.btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--gold);
    transform: translateX(-101%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}
.btn--outline:hover::before,
.btn--ghost:hover::before { transform: translateX(0); }
.btn--outline:hover { color: var(--bg-0); border-color: var(--gold); }

.btn:active { transform: scale(0.97); }

/* Gold buton parlaması */
.btn--gold {
    box-shadow: 0 0 0 0 rgba(201,169,110,0);
    transition: box-shadow 0.4s, transform 0.2s;
}
.btn--gold:hover {
    box-shadow: 0 0 28px 4px rgba(201,169,110,0.28);
    transform: translateY(-2px);
}

/* ============================================================
   SAHNE LİNK OK ANİMASYONU
   ============================================================ */
.scene__link {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    position: relative;
}
.scene__link::after {
    content: '→';
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
    display: inline-block;
}
.scene__link:hover::after { transform: translateX(8px); }
.scene__link::before {
    content: '';
    position: absolute;
    bottom: -2px; left: 0;
    width: 0; height: 1px;
    background: var(--gold);
    transition: width 0.35s ease;
}
.scene__link:hover::before { width: 100%; }
.scene__link:hover { color: var(--gold-light); }

/* ============================================================
   HİZMET KARTI HOVER (service-block)
   ============================================================ */
.service-block__img {
    transition: transform 0.6s cubic-bezier(0.4,0,0.2,1), filter 0.4s;
    will-change: transform;
}
.service-block__visual:hover .service-block__img {
    transform: scale(1.04);
    filter: brightness(1.05);
}
.service-block__visual {
    overflow: hidden;
    position: relative;
}
.service-block__visual::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid transparent;
    transition: border-color 0.4s;
    pointer-events: none;
}
.service-block__visual:hover::after {
    border-color: rgba(201,169,110,0.35);
}

/* ============================================================
   PROJE KARTI HOVER
   ============================================================ */
.project-card {
    transition: transform 0.4s cubic-bezier(0.4,0,0.2,1), box-shadow 0.4s;
    will-change: transform;
}
.project-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(201,169,110,0.2);
}
.project-card__img {
    transition: transform 0.6s cubic-bezier(0.4,0,0.2,1);
    will-change: transform;
}
.project-card:hover .project-card__img { transform: scale(1.06); }

/* ============================================================
   NAVİGASYON HOVER
   ============================================================ */
.nav-link {
    position: relative;
}
.nav-link::after {
    content: '';
    position: absolute;
    bottom: -3px; left: 0;
    width: 0; height: 1px;
    background: var(--gold);
    transition: width 0.3s ease;
}
.nav-link:hover::after,
.nav-link.active::after { width: 100%; }

/* ============================================================
   SCROLL REVEAL — fade-in sınıfı
   ============================================================ */
.fade-in {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ============================================================
   GSAP FAIL FALLBACK — görseller her zaman görünsün
   ============================================================ */
.gsap-fail .scroll-scene__inner { opacity: 1 !important; }
.gsap-fail .scene__title-line,
.gsap-fail .scene__meta,
.gsap-fail .scene__desc,
.gsap-fail .scene__feature,
.gsap-fail .scene__link,
.gsap-fail .scene__number-bg,
.gsap-fail .scene__counter { opacity: 1 !important; transform: none !important; }

/* ============================================================
   STATS SAYAÇ BÖLÜMÜ
   ============================================================ */
.stat-item {
    transition: transform 0.3s ease;
}
.stat-item:hover { transform: translateY(-3px); }

/* ============================================================
   GOLD ÇIZGI ANİMASYONU
   ============================================================ */
@keyframes lineGrow {
    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
}
.scene__meta-divider { animation: none; }

/* ============================================================
   MOBIL
   ============================================================ */
@media (max-width: 767px) {
    body { cursor: auto; }
    #cursor-dot, #cursor-ring { display: none; }
}

/* ============================================================
   PRINT
   ============================================================ */
@media print {
    .site-header, .site-footer, .scroll-scenes-wrapper,
    .cta-dark, .hero__scroll, .scenes-progress { display: none !important; }
    body { background: white; color: black; }
    #cursor-dot, #cursor-ring { display: none; }
}