/* Sections CSS - External styles for tools/sections */

/* İletişim section */
.contact-map-container {
    border-radius: var(--border-radius-base);
}

.contact-map-iframe {
    border: 0;
}

/* Referans kartları */
.reference-item {
    border-radius: var(--border-radius-base);
}

/* Galeri öğeleri */
.gallery-item {
    border-radius: var(--border-radius-base);
}

/* Video kartları */
.video-card {
    border-radius: var(--border-radius-base);
}

/* Katalog kartları */
.katalog-card {
    border-radius: var(--border-radius-base);
}

/* Ürün kartları */
.product-card-image {
    border-radius: var(--border-radius-base);
}

/* Genel butonlar */
.section-button {
    border-radius: var(--border-radius-base);
}

/* Animasyon delay'leri */
.animate-delay-100 { animation-delay: 100ms; }
.animate-delay-200 { animation-delay: 200ms; }
.animate-delay-300 { animation-delay: 300ms; }
.animate-delay-400 { animation-delay: 400ms; }
.animate-delay-500 { animation-delay: 500ms; }
.animate-delay-600 { animation-delay: 600ms; }
.animate-delay-700 { animation-delay: 700ms; }
.animate-delay-800 { animation-delay: 800ms; }
.animate-delay-900 { animation-delay: 900ms; }
.animate-delay-1000 { animation-delay: 1000ms; }

/* ============================================================ */
/* SECTION DEKORATİF AKSANLAR                                  */
/* ============================================================ */

section.bg-white,
section.bg-zebra {
    box-shadow: 
        0 -16px 40px -8px rgba(var(--color-primary-rgb), 0.12),
        0  16px 40px -8px rgba(var(--color-primary-rgb), 0.12);
}

html.dark-mode section.bg-white,
html.dark-mode section.bg-zebra {
    box-shadow: 
        0 -16px 40px -8px rgba(var(--color-primary-rgb), 0.22),
        0  16px 40px -8px rgba(var(--color-primary-rgb), 0.22);
}

/* Footer üst kenar gölgesi */
footer {
    box-shadow: 0 -16px 40px -8px rgba(var(--color-primary-rgb), 0.15);
}

html.dark-mode footer {
    box-shadow: 0 -16px 40px -8px rgba(var(--color-primary-rgb), 0.25);
}

/* Sidebar bölüm başlıkları */
.sidebar-heading {
    position: relative;
    padding-left: 0.75rem;
}

.sidebar-heading::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, var(--color-primary, #0ea5e9), transparent);
    border-radius: 2px;
}

/* Referans kartı hover gölgesi — tema rengiyle */
:root {
    --ref-shadow: 0 8px 24px -4px rgba(var(--color-primary-rgb), 0.18);
}

html.dark-mode {
    --ref-shadow: 0 8px 28px -4px rgba(var(--color-primary-rgb), 0.38);
}