/*
|--------------------------------------------------------------------------
| Oluşturulma Tarihi : 06.07.2026
| Değişiklik Tarihi  : 06.07.2026
| Yaratan            : Özgür Elibol
| Dokümanın Amacı    : Sosyal medya blog liste, detay ve ana sayfa blog
|                      bölümü stil dosyasıdır.
|--------------------------------------------------------------------------
*/
.social-blog-home-section{background:radial-gradient(circle at top right,rgba(236,72,153,.10),transparent 34%),linear-gradient(135deg,#fff 0%,#fff7ed 50%,#f8fafc 100%)}
.social-blog-highlight{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:34px;padding:28px;box-shadow:0 24px 72px rgba(15,23,42,.10)}
.social-blog-highlight-image{border-radius:28px;overflow:hidden;background:#f1f5f9}.social-blog-highlight-image img{width:100%;height:440px;object-fit:cover;object-position:center}.social-blog-highlight-content span,.social-blog-list-card-content span,.social-blog-detail-kicker{display:inline-flex;color:#f97316;font-weight:900;margin-bottom:10px}.social-blog-highlight-content h3{margin:0 0 16px;color:#111827;font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.035em}.social-blog-highlight-content p{color:#475569;font-size:18px;line-height:1.8}.social-blog-meta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 24px;color:#64748b}.social-blog-meta strong,.social-blog-meta em{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;font-style:normal}.social-blog-home-actions{display:flex;justify-content:center;margin-top:28px}
.social-blog-page{background:radial-gradient(circle at top right,rgba(236,72,153,.10),transparent 34%),linear-gradient(135deg,#f8fafc 0%,#fff 54%,#fff7ed 100%);min-height:100vh}.social-blog-hero{padding:82px 0 42px}.social-blog-hero-card{border-radius:34px;padding:42px;background:radial-gradient(circle at top right,rgba(251,191,36,.18),transparent 34%),linear-gradient(135deg,#08111f,#111827 58%,#1e293b);color:#fff;box-shadow:0 30px 90px rgba(15,23,42,.20)}.social-blog-hero-card h1{margin:0 0 14px;font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:-.045em}.social-blog-hero-card p{max-width:820px;color:rgba(255,255,255,.76);font-size:18px;line-height:1.8}.social-blog-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.social-blog-list-card{background:#fff;border-radius:28px;overflow:hidden;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 50px rgba(15,23,42,.08)}.social-blog-list-card-image{display:block;height:260px;background:#e2e8f0;overflow:hidden}.social-blog-list-card-image img{width:100%;height:100%;object-fit:cover}.social-blog-list-card-content{padding:24px}.social-blog-list-card-content h2{margin:0 0 12px;font-size:26px;line-height:1.18;color:#111827}.social-blog-list-card-content p{color:#64748b;line-height:1.7}.social-blog-read-more{display:inline-flex;margin-top:12px;color:#f97316;font-weight:900}.social-blog-empty{text-align:center;padding:40px;background:#fff;border-radius:28px;color:#64748b}
.social-blog-detail-hero{padding:76px 0 32px}.social-blog-detail-header{max-width:980px;margin:0 auto;text-align:center}.social-blog-detail-header h1{margin:0 0 18px;color:#111827;font-size:clamp(38px,6vw,70px);line-height:1.04;letter-spacing:-.045em}.social-blog-detail-header p{color:#475569;font-size:19px;line-height:1.8}.social-blog-detail-cover{max-width:1080px;margin:34px auto 0;border-radius:34px;overflow:hidden;box-shadow:0 26px 80px rgba(15,23,42,.16)}.social-blog-detail-cover img{width:100%;max-height:760px;object-fit:cover}.social-blog-detail-content{max-width:920px;margin:0 auto;background:#fff;border-radius:30px;padding:42px;border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 60px rgba(15,23,42,.08)}.social-blog-detail-content h2{color:#111827;font-size:34px;line-height:1.18;margin:34px 0 14px}.social-blog-detail-content p,.social-blog-detail-content li{color:#475569;font-size:18px;line-height:1.85}.social-blog-detail-content strong{color:#111827}.social-blog-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:30px 0}.social-blog-gallery img{width:100%;border-radius:22px;box-shadow:0 14px 40px rgba(15,23,42,.10)}.social-blog-cta-box{margin-top:34px;padding:26px;border-radius:24px;background:#08111f;color:#fff}.social-blog-cta-box p{color:rgba(255,255,255,.78)}.social-blog-cta-box a{display:inline-flex;margin-top:12px;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,#f97316,#fbbf24);color:#111827;font-weight:900}.blog-admin-thumb{width:96px;height:70px;border-radius:12px;object-fit:cover;background:#e2e8f0}@media(max-width:1024px){.social-blog-highlight,.social-blog-list-grid{grid-template-columns:1fr}.social-blog-highlight-image img{height:360px}}@media(max-width:768px){.social-blog-highlight,.social-blog-detail-content,.social-blog-hero-card{padding:24px;border-radius:24px}.social-blog-highlight-image img{height:280px}.social-blog-gallery{grid-template-columns:1fr}.social-blog-detail-cover,.social-blog-detail-cover img{border-radius:22px}}


/* BLOG RESİM TAM SIĞDIRMA DÜZELTMESİ - STEP 11 */

.social-blog-highlight-image,
.social-blog-list-card-image,
.social-blog-detail-cover,
.social-blog-gallery {
    background: #ffffff;
}

.social-blog-highlight-image img {
    width: 100%;
    height: auto !important;
    max-height: 640px;
    object-fit: contain !important;
    object-position: center !important;
}

.social-blog-list-card-image {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.social-blog-list-card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center !important;
    background: #ffffff;
}

.social-blog-detail-cover {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.social-blog-detail-cover img {
    width: 100%;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #ffffff;
}

.social-blog-gallery img {
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #ffffff;
}

@media (max-width: 768px) {
    .social-blog-list-card-image {
        aspect-ratio: 4 / 5;
    }

    .social-blog-highlight-image img {
        max-height: none;
    }
}


/*
|--------------------------------------------------------------------------
| Blog detay kapak görseli boyut düzeltmesi
| Değişiklik Tarihi  : 05.07.2026
|--------------------------------------------------------------------------
*/

.social-blog-detail-cover,
.blog-detail-cover,
.blog-post-cover,
.blog-article-cover {
    max-width: 760px !important;
    width: 100% !important;
    margin: 28px auto 34px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.10) !important;
}

.social-blog-detail-cover img,
.blog-detail-cover img,
.blog-post-cover img,
.blog-article-cover img {
    width: 100% !important;
    max-width: 760px !important;
    height: auto !important;
    max-height: 620px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 auto !important;
    background: #ffffff !important;
}

.social-blog-detail-page .social-blog-detail-cover {
    max-width: 760px !important;
}

@media (max-width: 900px) {
    .social-blog-detail-cover,
    .blog-detail-cover,
    .blog-post-cover,
    .blog-article-cover {
        max-width: calc(100% - 32px) !important;
        margin-top: 22px !important;
    }

    .social-blog-detail-cover img,
    .blog-detail-cover img,
    .blog-post-cover img,
    .blog-article-cover img {
        max-height: 520px !important;
    }
}

@media (max-width: 600px) {
    .social-blog-detail-cover img,
    .blog-detail-cover img,
    .blog-post-cover img,
    .blog-article-cover img {
        max-height: 420px !important;
    }
}