* {
    border-radius: 0 !important;
    box-sizing: border-box;
}

.book-section {
    perspective: 1500px; /* 3D derinlik hissi için */
}

.book-container {
    position: relative;
    display: flex;
    background-color: #393E46;
    border: 2px solid #393E46;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* Kitabın tam ortasındaki dikey cilt / katlanma çizgisi */
.book-spine {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to right, #222831, #15191f, #222831);
    transform: translateX(-50%);
    z-index: 30;
    border-left: 1px solid rgba(255, 211, 105, 0.2);
    border-right: 1px solid rgba(255, 211, 105, 0.2);
}

/* Kitap sayfaları için ortak taban */
.book-page {
    position: relative;
    transition: transform 0.5s ease;
    z-index: 10;
}

/* Sol Sayfa (Harita) - Hafif iç gölge ile kitap derinliği */
.book-page-left {
    border-right: 1px solid #222831;
    box-shadow: inset -15px 0 20px rgba(0, 0, 0, 0.2);
}

/* Sağ Sayfa (Form) - Hafif iç gölge ile kitap derinliği */
.book-page-right {
    border-left: 1px solid #222831;
    box-shadow: inset 15px 0 20px rgba(0, 0, 0, 0.2);
}


/* --------------------------------------------------------------------------
   2. Özel "Aşamalı Dikdörtgen" Buton Animasyonu
   -------------------------------------------------------------------------- */
.org-submit-btn {
    position: relative;
    background: transparent;
    border: 2px solid #FFD369;
    color: #FFD369;
    padding: 1rem 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    overflow: hidden;
    cursor: pointer;
    transition: color 0.4s ease;
    z-index: 1;
}

/* Butonun içindeki metnin renginin dolguya göre doğru zamanda değişmesi için */
.org-submit-btn span {
    position: relative;
    z-index: 5;
}

/* Animasyonlu arka plan dolgusu */
.org-submit-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: #FFD369;
    z-index: 2;
}

/* Hover durumunda tetiklenen iki aşamalı animasyon */
.org-submit-btn:hover {
    color: #222831; /* Yazı rengi koyu griye döner */
}

.org-submit-btn:hover::before {
    animation: rectangleFill 0.6s forwards cubic-bezier(0.25, 1, 0.5, 1);
}

@keyframes rectangleFill {
    0% {
        width: 0;
    }
    40% {
        /* 1. Aşama: Sol kenarda dikey net bir dikdörtgen şerit oluşur */
        width: 8px; 
    }
    100% {
        /* 2. Aşama: Şerit hızla sağa uzayarak tüm kutuyu kaplar */
        width: 100%;
    }
}


/* --------------------------------------------------------------------------
   3. Footer Animasyonları (Önceki Adımdan Aktarılanlar)
   -------------------------------------------------------------------------- */
.footer-wrapper {
    position: relative;
}

/* Sahne Işığı Efekti */
.footer-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 70%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #FFD369, transparent);
    animation: stageLightSweep 4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    z-index: 10;
}

@keyframes stageLightSweep {
    0% { left: -100%; opacity: 0; }
    50% { opacity: 1; box-shadow: 0 2px 15px 2px rgba(255, 211, 105, 0.6); }
    100% { left: 150%; opacity: 0; }
}

/* Menü Linkleri */
.org-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: transform 0.3s ease, color 0.3s ease;
}

.org-link::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 0%;
    background-color: #FFD369;
    transition: height 0.3s ease;
}

.org-link:hover {
    color: #FFD369;
    transform: translateX(12px);
}

.org-link:hover::before {
    height: 100%;
}

/* Sosyal Medya */
.social-btn {
    transition: all 0.3s ease;
}

.social-btn:hover {
    background-color: #FFD369;
    color: #222831;
    border-color: #FFD369;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 4px 4px 0px rgba(255, 211, 105, 0.3);
}

/* --------------------------------------------------------------------------
   Arka Plan Çiçek Efekti (Silik ve Gri)
   -------------------------------------------------------------------------- */

/* İçeriğin üstte, resmin altta kalmasını garantilemek için */
.footer-wrapper > div {
    position: relative;
    z-index: 2;
}

.footer-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* GÖRSEL LİNKİ BURAYA GELECEK: Kendi bulduğun resmin yolunu yaz */
    background-image: url('../img/footer/footer5.jfif'); 
    
    background-position: center;
    background-size: cover; /* Resmi tam sığdırmak için. 'contain' de denenebilir */
    background-repeat: no-repeat;
    
    /* Efektler: Görseli grileştirip çok hafif gösterir */
    filter: grayscale(100%);
    opacity: 0.04; /* Görünürlüğü buradan ayarlayabilirsin (0.02 - 0.08 arası ideal) */
    
    z-index: 1; /* Yazıların arkasına atar */
    pointer-events: none; /* Yanlışlıkla resme tıklanmasını engeller */
}


/* ==========================================================================
   Atlantis Organizasyon - Premium İletişim Alanı
   ========================================================================== */

/* Animasyonlu Premium Buton */
.premium-submit-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    color: #FFD369; /* atlantisGold */
    border: 1px solid #FFD369;
    padding: 1.2rem 2rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 1;
}

.premium-submit-btn span {
    position: relative;
    z-index: 2;
    transition: color 0.4s ease;
}

/* İçten Dışa Zarif Dolgu Efekti */
.premium-submit-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 100%;
    background-color: #FFD369;
    transform: translate(-50%, -50%);
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 0;
}

/* Hover (Üzerine Gelme) Durumu */
.premium-submit-btn:hover {
    box-shadow: 0 10px 30px -10px rgba(255, 211, 105, 0.4);
}

.premium-submit-btn:hover span {
    color: #222831; /* Yazı koyu renge döner */
}

.premium-submit-btn:hover::before {
    width: 100%; /* İç dolgu yavaşça tam alanı kaplar */
}

/* Autofill (Otomatik Doldurma) Arka Plan Rengi Düzeltmesi (Chrome için) */
input:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #2A2E35 inset !important;
    -webkit-text-fill-color: #EEEEEE !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* ==========================================================================
   Atlantis Organizasyon - Proje İnceleme Linki
   ========================================================================== */
   
.project-explore-link {
    cursor: pointer;
    text-decoration: none;
}

/* Ok kutusu hover olduğunda içerdeki ok hafif sağa kaysın ve renk değişsin */
.project-explore-link:hover .w-12 {
    border-color: #FFD369;
    box-shadow: 4px 4px 0px rgba(255, 211, 105, 0.2);
}

/* ==========================================================================
   Atlantis Organizasyon - Sağa Taşan Slider Hizalaması
   ========================================================================== */

/* Başlığı (Öne Çıkan Projeler) sitenin genel çizgisiyle milimetrik hizalamak için */
.safe-left-padding {
    padding-left: 1.5rem; /* Mobildeki standart Tailwind boşluğu (px-6) */
}

@media (min-width: 1280px) {
    .safe-left-padding {
        /* Ekran genişliğinden 1280'i çıkar, ikiye böl, üzerine 24px (1.5rem) ekle */
        padding-left: calc((100vw - 1280px) / 2 + 1.5rem);
    }
}

/* ==========================================================================
   Atlantis Organizasyon - Asimetrik Şerit Hizalaması
   ========================================================================== */

.safe-margin-left {
    margin-left: 1.5rem; /* Mobilde standart sol boşluk */
}

@media (min-width: 1280px) {
    .safe-margin-left {
        /* Sitenin max-w-7xl (1280px) ana çizgisiyle milimetrik hizalar */
        margin-left: calc((100vw - 1280px) / 2 + 1.5rem);
    }
}

/* ==========================================================================
   Atlantis Organizasyon - Hakkımızda Butonu (İçten Dışa Animasyonlu)
   ========================================================================== */

.about-read-more-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2.5rem;
    border: 1px solid #222831; /* atlantisDark kenarlık */
    color: #222831; /* Koyu metin rengi */
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden; /* Dışa taşan animasyonu gizler */
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 1;
}

/* Yazı ve İkonun dolgunun üstünde kalması için */
.about-read-more-btn span,
.about-read-more-btn svg {
    position: relative;
    z-index: 2;
    transition: color 0.4s ease, transform 0.4s ease;
}

/* İletişim butonundaki aynı SİHİRLİ EFEKT: İçten Dışa Dolgu */
.about-read-more-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0; /* Başlangıçta görünmez (0 genişlik) */
    height: 100%;
    background-color: #222831; /* atlantisDark dolgu rengi */
    transform: translate(-50%, -50%); /* Tam merkeze sabitler */
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 0;
}

/* Hover (Üzerine Gelme) Durumu */
.about-read-more-btn:hover {
    box-shadow: 0 10px 30px -10px rgba(34, 40, 49, 0.4); /* Derinlik veren koyu gölge */
}

/* Üzerine gelince metin ve ikon altın rengi olur */
.about-read-more-btn:hover span,
.about-read-more-btn:hover svg {
    color: #FFD369; 
}

/* İç dolgu merkezden yanlara doğru %100 uzayarak butonu kaplar */
.about-read-more-btn:hover::before {
    width: 100%; 
}

/* ==========================================================================
   Atlantis Organizasyon - Hero Butonu (Koyu Zemin İçin)
   ========================================================================== */

.hero-explore-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.2rem 2.5rem;
    border: 1px solid #FFD369; /* atlantisGold kenarlık */
    color: #FFD369; /* Yazı ve ok rengi altın */
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.hero-explore-btn span,
.hero-explore-btn svg {
    position: relative;
    z-index: 2;
    transition: color 0.4s ease, transform 0.4s ease;
}

/* İçten Dışa Altın Dolgu */
.hero-explore-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 100%;
    background-color: #FFD369; /* Altın rengi dolgu */
    transform: translate(-50%, -50%);
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 0;
}

/* Üzerine Gelme (Hover) Efekti */
.hero-explore-btn:hover {
    box-shadow: 0 10px 30px -10px rgba(255, 211, 105, 0.5); /* Altın rengi parlama gölgesi */
}

/* Üzerine gelindiğinde metin ve oklar arka planla kontrast sağlaması için koyu gri olur */
.hero-explore-btn:hover span,
.hero-explore-btn:hover svg {
    color: #222831; 
}

.hero-explore-btn:hover::before {
    width: 100%;
}


/* ==========================================================================
   Atlantis Organizasyon - Slash (/) Arka Plan Deseni
   ========================================================================== */

.slash-pattern {
    /* CSS içinde kodlanmış SVG ile / karakterini çoğaltıyoruz */
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='10' y='30' font-family='Arial, sans-serif' font-size='24' font-weight='bold' fill='%23EEEEEE'%3E/%3C/text%3E%3C/svg%3E");
    background-size: 40px 40px;
    background-repeat: repeat;
}

/* ==========================================================================
   Atlantis Organizasyon - Referans logo/logo Kutuları (Cam Efektli)
   ========================================================================== */

.reference-box {
    position: relative;
    /* Rengi tamamen katı yapmak yerine hafif saydam yapıyoruz (0.75) */
    background-color: rgba(57, 62, 70, 0.75); /* atlantisSec renginin saydam hali */
    /* Arkadaki altın logo/logoyu lüks gösterecek hafif buzlu cam efekti */
    backdrop-filter: blur(4px); 
    border: 1px solid rgba(238, 238, 238, 0.05);
    aspect-ratio: 1 / 1; 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.5s ease, box-shadow 0.5s ease, background-color 0.5s ease;
}

/* Üzerine gelindiğinde altın rengi jilet çizgi soldan uzar */
.reference-box::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #FFD369; /* atlantisGold */
    transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.reference-box:hover {
    border-color: rgba(255, 211, 105, 0.3);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
    /* Üzerine gelince kutu tamamen kararır, odak sadece firmaya geçer */
    background-color: rgba(34, 40, 49, 0.95); 
}

.reference-box:hover::before {
    width: 100%;
}

/* ==========================================================================
   Atlantis Organizasyon - Header ve Navigasyon Linkleri
   ========================================================================== */

/* Ana Menü Linkleri */
.nav-link {
    position: relative;
    color: #EEEEEE; /* atlantisLight */
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: color 0.3s ease;
    padding-bottom: 0.5rem;
}

.nav-link:hover {
    color: #FFD369; /* atlantisGold */
}

/* Linkin Altındaki Animasyonlu Çizgi */
.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #FFD369;
    transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.nav-link:hover::after {
    width: 100%;
}

/* Dropdown (Açılır Menü) İç Linkleri */
.dropdown-link {
    display: block;
    padding: 0.75rem 1.5rem;
    color: #AAAAAA; /* Açık Gri */
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(238, 238, 238, 0.05);
}

.dropdown-link:last-child {
    border-bottom: none;
}

.dropdown-link:hover {
    color: #FFD369;
    background-color: rgba(34, 40, 49, 0.8); /* Üzerine gelince atlantisDark'a koyulaşır */
    padding-left: 1.75rem; /* İnce bir sağa kayma efekti */
}

/* Mobil Menü Stilleri */
.mobile-nav-link {
    display: block;
    padding: 1rem;
    color: #EEEEEE;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.mobile-nav-title {
    display: block;
    padding: 1rem 1rem 0.25rem 1rem;
    color: #FFD369;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    opacity: 0.7;
}

.mobile-sub-link {
    display: block;
    padding: 0.5rem 1rem 0.5rem 2rem;
    color: #AAAAAA;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ==========================================================================
   Atlantis Organizasyon - Hero Yazı Animasyonları
   ========================================================================== */

/* Varsayılan olarak yazılar gizli ve biraz aşağıda durur */
.hero-anim-item {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Swiper ilgili slayta geldiğinde yazılar yerine oturup görünür olur */
.swiper-slide-active .hero-anim-item {
    opacity: 1;
    transform: translateY(0);
}

/* Sırayla çıkmaları için ufak gecikmeler ekliyoruz */
.swiper-slide-active .hero-anim-item:nth-child(1) { transition-delay: 0.4s; } /* Etiket */
.swiper-slide-active .hero-anim-item:nth-child(2) { transition-delay: 0.6s; } /* Başlık */
.swiper-slide-active .hero-anim-item:nth-child(3) { transition-delay: 0.8s; } /* Paragraf */
.swiper-slide-active .hero-anim-item:nth-child(4) { transition-delay: 1.0s; } /* Buton */

/* Altıgen (Honeycomb) Arka Plan Deseni */
.bg-hexagon-pattern {
    background-color: #fdfdfd; 
    
    /* İnce, zarif ve açık gri bir altıgen deseni */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23d1d5db' fill-opacity='0.25' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}