/* Generic CMS — BM Theme Additions */
/* Complements bettermedia.css with CMS-specific styles */

/* ═══ WhatsApp FAB ═══ */
.whatsapp-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:28px;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:999;transition:transform .2s}
.whatsapp-fab:hover{transform:scale(1.1)}

/* ═══ Blog Pages (BM dark theme uyumlu) ═══ */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;margin-top:32px}
.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.blog-card img{width:100%;height:200px;object-fit:cover}
.blog-card-body{padding:20px}
.blog-card-body h3{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;margin-bottom:8px;color:var(--text)}
.blog-card-body h3 a{color:inherit;text-decoration:none}
.blog-card-body p{color:var(--muted);font-size:.9rem;line-height:1.6}
.blog-card-meta{font-size:.8rem;color:var(--muted);margin-bottom:8px;opacity:.7}
.blog-pagination{display:flex;gap:8px;justify-content:center;margin-top:40px}
.blog-pagination a,.blog-pagination span{padding:8px 16px;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none}
.blog-pagination a{background:var(--surface);color:var(--text);border:1px solid var(--line)}
.blog-pagination a:hover{background:var(--surface-strong)}
.blog-pagination span{background:var(--brand-b);color:white}

/* Blog detail */
.blog-detail{max-width:800px;margin:0 auto;padding:60px 24px 80px}
.blog-detail h1{font-family:'Space Grotesk',sans-serif;font-size:2.2rem;margin-bottom:12px;color:var(--text)}
.blog-detail .blog-meta{color:var(--muted);font-size:.85rem;margin-bottom:32px;opacity:.7}
.blog-content{color:var(--muted);line-height:1.85;font-size:1.05rem}
.blog-content h2,.blog-content h3{color:var(--text);font-family:'Space Grotesk',sans-serif;margin:2em 0 .8em}
.blog-content p{margin-bottom:1.2em}
.blog-content a{color:var(--brand-a)}
.blog-content img{max-width:100%;border-radius:var(--radius-md);margin:1.5em 0}
.blog-content blockquote{border-left:3px solid var(--brand-b);padding:.8em 1.2em;margin:1.5em 0;color:var(--muted);background:var(--surface);border-radius:0 var(--radius-md) var(--radius-md) 0}
.blog-content ul,.blog-content ol{margin:1em 0 1em 1.5em}

/* ═══ 404 Page ═══ */
.page-404{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 24px}
.page-404 h1{font-size:6rem;font-weight:800;color:var(--surface-strong);font-family:'Space Grotesk',sans-serif}
.page-404 h2{color:var(--text);font-size:1.5rem;margin-bottom:12px}
.page-404 p{color:var(--muted)}
.page-404 a{color:var(--brand-a);font-weight:600}

/* ═══ Generic sections (BM uyumlu) ═══ */
.section-page{padding:80px 0}
.section-page + .section-page{padding-top:0}

/* Prose for richtext (dark theme) */
.prose{color:var(--muted);line-height:1.85}
.prose h1,.prose h2,.prose h3{color:var(--text);font-family:'Space Grotesk',sans-serif;margin:1.5em 0 .5em}
.prose p{margin-bottom:1em}
.prose a{color:var(--brand-a)}
.prose img{max-width:100%;border-radius:var(--radius-md);margin:1em 0}
.prose blockquote{border-left:3px solid var(--brand-b);padding:.5em 1em;margin:1em 0}
.prose ul,.prose ol{margin:.5em 0 1em 1.5em}

/* Image-text split */
.bm-image-text{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:768px){.bm-image-text{grid-template-columns:1fr}}
.bm-image-text img{width:100%;border-radius:var(--radius-lg)}

/* Stats bar */
.bm-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;padding:40px 0}
.bm-stat{text-align:center}
.bm-stat strong{font-family:'Space Grotesk',sans-serif;font-size:2.5rem;color:var(--brand-a);display:block}
.bm-stat span{color:var(--muted);font-size:.9rem}

/* Gallery grid */
.bm-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.bm-gallery img{width:100%;border-radius:var(--radius-md);aspect-ratio:4/3;object-fit:cover;transition:transform .2s}
.bm-gallery img:hover{transform:scale(1.02)}

/* CTA section */
.bm-cta{text-align:center;padding:80px 24px}
.bm-cta h2{font-family:'Space Grotesk',sans-serif;font-size:2rem;color:var(--text);margin-bottom:16px}
.bm-cta p{color:var(--muted);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}

/* Logo slider */
.bm-logos{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;align-items:center;padding:40px 0;opacity:.6}
.bm-logos img{height:40px;width:auto;filter:grayscale(1) brightness(2)}

/* Video section */
.bm-video{position:relative;padding-bottom:56.25%;height:0;border-radius:var(--radius-lg);overflow:hidden}
.bm-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* ═══ Honeypot ═══ */
.hp-field{position:absolute!important;left:-9999px!important;top:-9999px!important;opacity:0!important;height:0!important;width:0!important;pointer-events:none!important}

/* ═══ Mobile fixes ═══ */
@media(max-width:768px){
    .blog-grid{grid-template-columns:1fr}
    .bm-stats{gap:24px}
    .bm-stat strong{font-size:2rem}
    .blog-detail h1{font-size:1.6rem}
}