/* =========================================================
   MEMORA GLOBAL YILDIZ ARKAPLANI
   v1
   ========================================================= */

/* =========================================================
   ALT SAYFALARDA OLUŞTURULAN CANVAS
   ========================================================= */

#site-stars-canvas {
    position: fixed;

    inset: 0;

    width: 100vw;

    height: 100vh;

    pointer-events: none;

    z-index: 0;

    opacity: 1;

    background: transparent;
}

/* Gündüz modunda daha sakin */

html[data-theme="light"] #site-stars-canvas {
    opacity: 0.78;
}

/* =========================================================
   ALT SAYFA İÇERİKLERİ
   YILDIZ CANVASININ ÜSTÜNDE KALSIN
   ========================================================= */

.corporate-main,
.services-main,
.solutions-main,
.sectors-main,
.references-main,
.ai-main,
.knowledge-main,
.contact-v2-main {
    position: relative;

    z-index: 2;

    background: transparent !important;
}

/* =========================================================
   ANA SAYFA

   Three.js canvas zaten fixed.
   Burada sadece siyah section kapaklarını kaldırıyoruz.

   Böylece HERO'da gördüğümüz yıldızlar:
   Hakkımızda
   Hizmetler
   Çözümler
   Sektörler
   Memora AI
   Referanslar
   İletişim
   Footer

   arkasında da görünmeye devam eder.
   ========================================================= */

body.home-showcase-page .home-about-section,
body.home-showcase-page .home-services-section,
body.home-showcase-page .home-solutions-section,
body.home-showcase-page .home-sectors-section,
body.home-showcase-page .home-ai-section,
body.home-showcase-page .home-references-section,
body.home-showcase-page .home-contact-section {
    background: transparent !important;
}

/* =========================================================
   ANA SAYFA FOOTER
   ========================================================= */

body.home-showcase-page .home-footer {
    background: transparent !important;
}

/* =========================================================
   ALT SAYFA FOOTERLARI

   Yıldızlar footer arkasında da devam etsin.
   ========================================================= */

body.corporate-page .footer,
body.services-page .footer,
body.solutions-page .footer,
body.sectors-page .footer,
body.references-page .footer,
body.memora-ai-page .footer,
body.knowledge-page .footer,
body.contact-page-v2 .footer {
    position: relative;

    z-index: 2;

    background: transparent !important;
}

/* =========================================================
   CONTACT

   İletişim ana alanını siyah blok haline getirme.
   ========================================================= */

body.contact-page-v2 .contact-v2-main {
    background: transparent !important;
}

/* =========================================================
   YILDIZLARIN ÜSTÜNDEKİ PANELLER

   Kartların mevcut koyu/cam tasarımı KORUNUR.
   Bu nedenle aşağıdakilere dokunmuyoruz:

   .home-service-card
   .home-ai-panel
   .mission-vision-card
   .service-page-item
   .solution-page-item
   .sector-item
   .reference-page-card
   .ai-capability-card
   .contact-v2-info

   Sadece sayfa arka planı yıldızlıdır.
   ========================================================= */

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 768px) {
    #site-stars-canvas {
        width: 100vw;

        height: 100svh;
    }
}

/* =========================================================
   HAREKET AZALTMA
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    #site-stars-canvas {
        opacity: 0.7;
    }
}

/* =========================================================
   KURUMSAL HERO BAŞLANGIÇ KONUMU DÜZELTMESİ
   ========================================================= */

body.corporate-page .corporate-hero {
    min-height: auto !important;

    align-items: flex-start !important;

    padding: 165px clamp(24px, 6vw, 110px) 110px !important;

    overflow: visible !important;
}

body.corporate-page .corporate-hero-inner {
    width: min(1250px, 100%) !important;

    margin: 0 auto !important;

    position: relative;

    z-index: 2;
}

/*
 * İlk hero içeriği sayfa açıldığında
 * direkt görünür olsun.
 *
 * Aşağıdaki diğer bölümlerde
 * reveal animasyonu çalışmaya devam eder.
 */

body.corporate-page .corporate-hero .corporate-reveal {
    opacity: 1 !important;

    transform: none !important;
}

@media (max-width: 768px) {
    body.corporate-page .corporate-hero {
        min-height: auto !important;

        padding: 135px 22px 80px !important;
    }
}