
/* V1 Avukatliksitesi – Subpage Hero + Insights Luxury V6
   Amaç: Ana sayfa hero yazılarının alt sayfalarda görünmesini engellemek,
   yayın/içgörüler sayfası başlık kesilmesini düzeltmek ve mobil görünümü lüksleştirmek. */

/* 1) Ana sayfa hero alanı sadece ana sayfada kalsın */
body:not(.page-home) section.hero,
body:not(.page-home) .hero,
body:not(.page-home) .hero-bg,
body:not(.page-home) .hero-grid,
body:not(.page-home) .hero-left,
body:not(.page-home) .hero-right,
body:not(.page-home) .hero-title,
body:not(.page-home) .hero-title-right,
body:not(.page-home) .hero-stair{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
}

/* 2) Alt sayfa hero görünümleri: screenshot/hero yazısı yok, temiz luxury başlık */
body:not(.page-home) .page-hero{
    position:relative !important;
    display:block !important;
    visibility:visible !important;
    height:auto !important;
    min-height:300px !important;
    padding:150px 82px 64px !important;
    margin:0 !important;
    overflow:visible !important;
    background:
        radial-gradient(circle at 82% 20%, rgba(185,149,100,.10), transparent 24%),
        linear-gradient(135deg, rgba(255,253,248,.96), rgba(242,236,226,.92)),
        url('/assets/images/cream-texture.jpg') center/cover !important;
    border-bottom:1px solid rgba(164,138,104,.24) !important;
    color:#171512 !important;
}

body:not(.page-home) .page-hero:before{
    content:"";
    position:absolute;
    right:8%;
    top:-70px;
    width:330px;
    height:430px;
    border:58px solid rgba(185,149,100,.12);
    border-bottom:0;
    border-radius:300px 300px 0 0;
    pointer-events:none;
}

body:not(.page-home) .page-hero:after{
    content:"";
    position:absolute;
    left:82px;
    right:82px;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(185,149,100,.45), transparent);
}

body:not(.page-home) .page-hero .section-kicker,
body:not(.page-home) .page-hero .eyebrow{
    position:relative;
    z-index:2;
    display:flex !important;
    align-items:center;
    gap:18px;
    width:max-content;
    max-width:100%;
    margin:0 0 22px !important;
    color:#7a6c5d !important;
    font-size:12px !important;
    line-height:1.2 !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
}

body:not(.page-home) .page-hero .section-kicker:after,
body:not(.page-home) .page-hero .eyebrow:after{
    content:"";
    width:110px;
    height:1px;
    background:linear-gradient(90deg, rgba(185,149,100,.8), transparent);
    display:block;
}

body:not(.page-home) .page-hero h1{
    position:relative;
    z-index:2;
    max-width:980px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    font-family:Georgia, "Times New Roman", serif !important;
    font-size:clamp(46px, 5.6vw, 86px) !important;
    line-height:1.06 !important;
    letter-spacing:-.055em !important;
    font-weight:400 !important;
    color:#15130f !important;
}

body:not(.page-home) .page-hero p:not(.section-kicker):not(.eyebrow){
    position:relative;
    z-index:2;
    max-width:720px !important;
    margin:20px 0 0 !important;
    color:#6f6459 !important;
    font-size:17px !important;
    line-height:1.75 !important;
}

/* 3) Yayınlarımız / İçgörüler sayfası başlık kesilmesini özellikle engelle */
body.page-insights .page-hero,
body.page-yayinlar .page-hero,
body.page-publications .page-hero{
    min-height:270px !important;
    padding-bottom:54px !important;
}

body.page-insights .page-hero h1,
body.page-yayinlar .page-hero h1,
body.page-publications .page-hero h1{
    font-size:clamp(44px, 5vw, 74px) !important;
    line-height:1.12 !important;
    letter-spacing:-.045em !important;
    max-width:900px !important;
    clip-path:none !important;
    transform:none !important;
}

/* 4) Eski içgörüler grid varsa daha lüks raf hissi */
.section.insights:not(.atelier-insights-v5){
    background:
        radial-gradient(circle at 92% 76%, rgba(185,149,100,.16), transparent 18%),
        linear-gradient(180deg,#fbf8f2,#f0e8db) !important;
    overflow:visible !important;
}

.insight-grid{
    align-items:end !important;
    overflow:visible !important;
}

.insight-card{
    position:relative !important;
    min-height:265px !important;
    border:1px solid rgba(164,138,104,.22) !important;
    background:linear-gradient(135deg, #fffdf8, #eee6d9) !important;
    box-shadow:18px 26px 42px rgba(86,66,42,.12) !important;
    transform-style:preserve-3d !important;
    transition:transform .35s ease, box-shadow .35s ease !important;
    overflow:visible !important;
}

.insight-card:before{
    content:"";
    position:absolute;
    left:-10px;
    top:8px;
    bottom:8px;
    width:12px;
    background:linear-gradient(180deg,#cab389,#8c7251);
    border-radius:2px 0 0 2px;
    box-shadow:inset -4px 0 9px rgba(0,0,0,.18);
}

.insight-card:after{
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    bottom:-18px;
    height:22px;
    border-radius:50%;
    background:radial-gradient(ellipse at center, rgba(89,68,40,.26), transparent 62%);
    filter:blur(4px);
    z-index:-1;
}

.insight-card:hover{
    transform:translateY(-8px) rotateY(-4deg) !important;
    box-shadow:26px 36px 56px rgba(86,66,42,.18) !important;
}

.insight-card img{
    width:100% !important;
    aspect-ratio:3/4 !important;
    object-fit:cover !important;
    filter:saturate(.72) contrast(1.02) !important;
}

.insight-card h3{
    font-family:Georgia, "Times New Roman", serif !important;
    font-weight:400 !important;
    font-size:20px !important;
    line-height:1.16 !important;
    margin:0 !important;
}

.insight-card small{
    color:#90765b !important;
}

/* 5) Bookshelf V5 bölümü sayfada da kullanıldığında daha kontrollü */
body.page-insights .atelier-insights-v5,
body.page-yayinlar .atelier-insights-v5,
body.page-publications .atelier-insights-v5{
    margin-top:0 !important;
    padding-top:70px !important;
}

/* 6) Mobil luxury */
@media (max-width:820px){
    body:not(.page-home) .page-hero{
        min-height:230px !important;
        padding:126px 24px 44px !important;
        background:
            radial-gradient(circle at 86% 12%, rgba(185,149,100,.14), transparent 30%),
            linear-gradient(135deg, rgba(255,253,248,.96), rgba(242,236,226,.94)),
            url('/assets/images/cream-texture.jpg') center/cover !important;
    }

    body:not(.page-home) .page-hero:before{
        right:-80px;
        top:-82px;
        width:230px;
        height:310px;
        border-width:40px;
        opacity:.9;
    }

    body:not(.page-home) .page-hero:after{
        left:24px;
        right:24px;
    }

    body:not(.page-home) .page-hero .section-kicker,
    body:not(.page-home) .page-hero .eyebrow{
        font-size:10px !important;
        letter-spacing:.18em !important;
        margin-bottom:16px !important;
    }

    body:not(.page-home) .page-hero .section-kicker:after,
    body:not(.page-home) .page-hero .eyebrow:after{
        width:58px !important;
    }

    body:not(.page-home) .page-hero h1,
    body.page-insights .page-hero h1,
    body.page-yayinlar .page-hero h1,
    body.page-publications .page-hero h1{
        font-size:clamp(36px, 10vw, 48px) !important;
        line-height:1.10 !important;
        letter-spacing:-.045em !important;
        max-width:100% !important;
    }

    body:not(.page-home) .page-hero p:not(.section-kicker):not(.eyebrow){
        font-size:15px !important;
        line-height:1.65 !important;
        margin-top:14px !important;
    }

    body.page-insights .atelier-insights-v5,
    body.page-yayinlar .atelier-insights-v5,
    body.page-publications .atelier-insights-v5{
        padding-top:42px !important;
    }

    .insight-grid{
        display:flex !important;
        overflow-x:auto !important;
        gap:16px !important;
        scroll-snap-type:x mandatory !important;
        padding-bottom:22px !important;
    }

    .insight-card{
        flex:0 0 72vw !important;
        scroll-snap-align:start !important;
        min-height:320px !important;
    }

    .insight-card img{
        aspect-ratio:3/4 !important;
    }
}

/* 7) Güvenlik: sayfada yanlışlıkla exact screenshot / hero image class kaldıysa gizle */
body:not(.page-home) .v1-exact-hero,
body:not(.page-home) .exact-hero,
body:not(.page-home) .hero-screen,
body:not(.page-home) .screenshot-hero{
    display:none !important;
}
