/* UYUM REKLAM - Özel Stiller */

/* CSS Değişkenleri */
:root {
    --uyum-red:   #C8102E;
    --uyum-dark:  #8B0000;
    --uyum-black: #0A0A0A;
    --uyum-text:  #1A1A1A;
    --uyum-light: #666666;
    --uyum-gray:  #F5F5F5;
}

/* Hero blur efekti */
.hero-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.12;
    pointer-events: none;
}

/* Sayaç animasyonu */
.counter-section { opacity: 0; transition: opacity 0.6s ease; }
.counter-section.visible { opacity: 1; }

/* Hizmet kartı hover */
.service-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.service-card:hover { transform: translateY(-8px); }
.service-card .service-img { transition: transform 0.4s ease; }
.service-card:hover .service-img { transform: scale(1.08); }

/* Galeri ızgara */
.gallery-item { cursor: pointer; transition: transform 0.3s ease; }
.gallery-item:hover { transform: scale(1.02); }
.gallery-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.15) 60%, transparent 100%);
    opacity: 0; transition: opacity 0.3s ease;
}
.gallery-item:hover .gallery-overlay { opacity: 1; }

/* Lightbox */
#lightbox {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.95);
    z-index: 9999;
    display: flex; align-items: center; justify-content: center;
    padding: 1rem;
    opacity: 0; transition: opacity 0.2s ease;
    pointer-events: none;
}
#lightbox.active { opacity: 1; pointer-events: auto; }
#lightbox img { max-height: 85vh; max-width: 100%; object-fit: contain; border-radius: 8px; }

/* Galeri filtre butonu aktif */
.filter-btn.active {
    background-color: var(--uyum-red) !important;
    color: #fff !important;
}

/* Referans kayar bant */
.refs-track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 3rem;
    animation: scrollRefs 20s linear infinite;
}
@keyframes scrollRefs {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.refs-track:hover { animation-play-state: paused; }

/* Form focus ring */
input:focus, textarea:focus, select:focus {
    outline: 2px solid var(--uyum-red);
    outline-offset: 1px;
}

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Buton hover efekti */
.btn-red {
    background-color: var(--uyum-red);
    transition: background-color 0.2s ease, transform 0.2s ease;
}
.btn-red:hover {
    background-color: var(--uyum-dark);
    transform: scale(1.03);
}

/* Scroll-to-top */
#scroll-top {
    position: fixed; bottom: 5.5rem; right: 1.5rem;
    width: 2.5rem; height: 2.5rem;
    background: var(--uyum-red); color: #fff;
    border-radius: 0.5rem;
    display: flex; align-items: center; justify-content: center;
    z-index: 40;
    opacity: 0; pointer-events: none;
    transition: opacity 0.3s ease;
    cursor: pointer;
}
#scroll-top.show { opacity: 1; pointer-events: auto; }