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

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

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

/* ── Anasayfa iletişim + form bölümleri (mobil) ── */
@media (max-width: 639px) {
    .homepage-section-header + .icf-form,
    .homepage-section-header + .homepage-form-body .homepage-standard-form,
    .homepage-section-header + .homepage-form-body {
        margin-top: 0;
    }

    .homepage-form-section .icf-form,
    .homepage-form-body .homepage-standard-form {
        margin-top: 0.25rem;
    }

    #iletisim .contact-cards-container {
        gap: 0.75rem;
    }
}

.homepage-form-section .homepage-section-header + .icf-form {
    margin-top: 0.5rem;
}

@media (min-width: 640px) {
    .homepage-form-section .homepage-section-header + .icf-form {
        margin-top: 0.75rem;
    }
}

/* 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ı çizgisi kaldırıldı */

/* 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);
}