/* ================================================
   AGORA.CSS
   Agora'ya özgü stiller
   Ortak stiller için arkhaion.css'e bakın
   ================================================ */


/* --- HERO STAGE --- */
.hero-stage {
    width: 100%;
    height: 80vh;
    position: relative;
    overflow: hidden;
}

.mySwiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}

.swiper-slide,
.slide-visual,
.slide-visual picture {
    width: 100%;
    height: 100%;
    display: block;
}

.slide-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}


/* --- SLIDE İÇERİK --- */
.slide-content {
    position: absolute;
    top: 15%;
    left: 10%;
    z-index: 10;
    max-width: 500px;
}

.slide-counter {
    font-family: var(--font-sans);
    font-size: 2rem;
    letter-spacing: 2px;
    color: var(--color-terracotta);
    font-weight: bold;
    display: block;
    margin-bottom: 0.1rem;
}

.slide-title {
    font-family: var(--font-serif);
    font-size: 2.5rem;
    line-height: 1.1;
    color: #fff;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.slide-subtitle {
    font-family: var(--font-serif);
    font-size: 1.1rem;
    line-height: 1.1;
    color: #fff;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);
    margin-bottom: 1rem;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;
}

.swiper-slide-active .slide-title {
    opacity: 1;
    transform: translateY(0);
}





/* --- MOBİL --- */
@media (max-width: 768px) {
    .slide-title { font-size: 2rem; }
    .slide-content { top: auto; bottom: 20%; left: 5%; width: 90%; }
    .agora-grid { padding: 2rem 5%; gap: 2rem; }
    .agora-submenu { display: none; }
}