/**
 * Page: Studio section
 *
 * Template-level layout for SAHA Studio pages.
 * Component styles are handled by their own CSS files.
 *
 * @package Saha
 */

/* ----------------------------------------
   Container
   ---------------------------------------- */

.saha-page--studio .saha-page__container {
    max-width: var(--saha-container-width, 1360px);
    margin: 0 auto;
    padding: 0 var(--saha-gutter, 40px);
}

/* ----------------------------------------
   Section Nav sonrasi spacing
   ---------------------------------------- */

.saha-page--studio .saha-page__container {
    padding-top: var(--saha-stack-sm);
    padding-bottom: var(--saha-stack-sm);
}

/* ----------------------------------------
   Dar container (prose sayfaları)
   ---------------------------------------- */

.saha-page--studio .saha-container--narrow {
    max-width: 906px;
}

/* ----------------------------------------
   Studio Hakkinda
   ---------------------------------------- */

.saha-page--studio-hakkinda {
    padding-bottom: 60px;
}

.saha-page--studio-hakkinda > * + * {
    margin-top: 60px;
}

/* Hero: two-column (photo 60% + brand 40%) */

.saha-studio-hero {
    margin-top: 60px;
    margin-bottom: 60px;
}

.saha-studio-hero__row {
    display: flex;
}

.saha-studio-hero__cover {
    width: 60%;
    flex-shrink: 0;
}

.saha-studio-hero__img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.saha-studio-hero__brand {
    width: 40%;
    background-color: #242424;
    display: flex;
    align-items: center;
    justify-content: center;
}

.saha-studio-hero__logo {
    width: 138px;
    height: auto;
    display: block;
}

@media (max-width: 991px) {
    .saha-studio-hero__row {
        flex-direction: column;
    }

    .saha-studio-hero__cover,
    .saha-studio-hero__brand {
        width: 100%;
    }

    .saha-studio-hero__brand {
        padding: 30px 20px 50px;
    }
}

/* Prose column — same width as İşbirlikleri detail */

.saha-studio-hakkinda__prose {
    margin-left: 16.67%;
    margin-right: 16.67%;
}

/* ----------------------------------------
   Kişi Detay — Section Nav yok
   ---------------------------------------- */

.saha-page--kisi-detay {
    padding-top: var(--saha-stack-sm);
    padding-bottom: var(--saha-stack-sm);
}

.saha-page--kisi-detay > * + * {
    margin-top: var(--saha-stack-sm);
}

/* ----------------------------------------
   Seçici Kurul Detay
   ---------------------------------------- */

.saha-page--secici-kurul-detay {
    padding-top: var(--saha-stack-sm);
    padding-bottom: var(--saha-stack-sm);
}

.saha-page--secici-kurul-detay > * + * {
    margin-top: var(--saha-stack-sm);
}

/* Başlık ve kart ismi: referansta regular weight */

.saha-page--secici-kurul-detay .saha-related-people__title,
.saha-page--sanatcilar-detay .saha-related-people__title {
    font-weight: 400;
}

.saha-page--secici-kurul-detay .saha-person-card__name,
.saha-page--sanatcilar-detay .saha-person-card__name {
    font-weight: 400;
}

/* ----------------------------------------
   Sanatçılar Detay
   ---------------------------------------- */

.saha-page--sanatcilar-detay {
    padding-top: var(--saha-stack-sm);
    padding-bottom: var(--saha-stack-sm);
}

.saha-page--sanatcilar-detay > * + * {
    margin-top: var(--saha-stack-sm);
}

/* ----------------------------------------
   Program Detay — Section Nav yok
   ---------------------------------------- */

.saha-page--program-detay {
    padding-top: var(--saha-stack-sm);
    padding-bottom: var(--saha-stack-sm);
}

.saha-page--program-detay > * + * {
    margin-top: var(--saha-stack-sm);
}

/* ----------------------------------------
   Grid sayfalari container override
   (Sanatcilar, Secici Kurul, Program)
   Referans: max-width 1600px, padding 0 40px
   ---------------------------------------- */

.saha-page--sanatcilar .saha-container,
.saha-page--secici-kurul .saha-container,
.saha-page--studio-programi .saha-container {
    max-width: 1600px;
    padding-inline: 40px;
}

/* ----------------------------------------
   Grid alt boşluk (Seçici Kurul + Sanatçılar)
   ---------------------------------------- */

.saha-page--secici-kurul,
.saha-page--sanatcilar {
    padding-bottom: 30px;
}

/* ----------------------------------------
   People Load-More (Seçici Kurul + Sanatçılar)
   ---------------------------------------- */

.saha-people-load-more__item--hidden {
    display: none;
}

.saha-people-load-more__footer {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    padding-bottom: 30px;
}

/* ----------------------------------------
   Responsive
   ---------------------------------------- */

@media (max-width: 1024px) {
    .saha-page--studio .saha-container--narrow {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .saha-page--studio .saha-page__container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .saha-page--sanatcilar .saha-container,
    .saha-page--secici-kurul .saha-container,
    .saha-page--studio-programi .saha-container {
        padding-inline: 20px;
    }
}