/* Ayasofya homepage showcase tuning.
   Loaded after the main theme CSS so visual experiments stay small and cache-friendly. */

body .ayasofya-showcase .showcase-collage {
    display: block;
    background-image: url('images/cornelius-loos-ayasofya-kubbe.jpg');
    background-size: cover;
    background-position: center center;
    filter: brightness(0.82) contrast(1.02) saturate(0.92);
}

body .ayasofya-showcase .collage-panel {
    display: none;
}

body .ayasofya-showcase::before {
    background:
        radial-gradient(circle at 46% 52%, rgba(255,255,255,0.08), transparent 35%),
        linear-gradient(90deg, rgba(5,5,5,0.06), rgba(5,5,5,0.02) 48%, rgba(5,5,5,0.22)),
        linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.18));
}

body .ayasofya-showcase .showcase-copy {
    padding: clamp(18px, 2.4vw, 30px);
    background: linear-gradient(90deg, rgba(0,0,0,0.58), rgba(0,0,0,0.38));
    border-left: 1px solid rgba(197,160,89,0.34);
    backdrop-filter: blur(2px);
}

@media screen and (min-width: 1025px) {
    body .ayasofya-showcase {
        --showcase-card-height: clamp(520px, 62vh, 680px);
    }

    body .ayasofya-showcase .showcase-frame {
        width: min(100%, 980px);
        grid-template-columns: minmax(280px, 430px) minmax(390px, 430px);
        justify-content: center;
        gap: clamp(26px, 3.8vw, 62px);
        align-items: center;
    }

    body .ayasofya-showcase .showcase-book {
        grid-column: 1;
        width: min(29vw, 430px);
        height: var(--showcase-card-height);
        overflow: hidden;
        border: 1px solid rgba(197,160,89,0.38);
        box-shadow: 22px 34px 84px rgba(0,0,0,0.46);
    }

    body .ayasofya-showcase .showcase-book img {
        width: 100%;
        height: 100%;
        min-width: 0;
        object-fit: cover;
        object-position: 52% 50%;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        transform: none;
    }

    body .ayasofya-showcase .showcase-copy {
        grid-column: 2;
        min-height: var(--showcase-card-height);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media screen and (max-width: 1024px) {
    body .main-nav {
        background:
            linear-gradient(90deg, rgba(5,5,5,0.1), rgba(5,5,5,0.4) 34%, rgba(5,5,5,0.56)),
            rgba(5,5,5,0.3);
        border-left-color: rgba(197,160,89,0.28);
        box-shadow: -12px 0 32px rgba(0,0,0,0.28);
        backdrop-filter: blur(18px) saturate(120%);
    }

    body .main-nav a,
    body .mobile-extra-nav .social-icons-row a,
    body .mobile-extra-nav .lang-switch a,
    body .mobile-extra-nav .lang-switch span {
        text-shadow: 0 2px 10px rgba(0,0,0,0.78);
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    body .ayasofya-showcase .showcase-book {
        width: min(38vw, 320px);
        aspect-ratio: 3 / 4;
        overflow: hidden;
    }

    body .ayasofya-showcase .showcase-book img {
        width: 100%;
        height: 100%;
        min-width: 0;
        object-fit: cover;
        object-position: 52% 50%;
        transform: none;
    }
}

@media screen and (max-width: 768px) {
    body .ayasofya-showcase .showcase-book {
        width: min(72vw, 300px);
        aspect-ratio: 3 / 4;
        overflow: hidden;
        margin: 0 auto;
    }

    body .ayasofya-showcase .showcase-book img {
        width: 100%;
        height: 100%;
        min-width: 0;
        object-fit: cover;
        object-position: 52% 50%;
        transform: none;
    }
}