/*
Theme Name: Index News Bangla
Text Domain: index-news-bangla
Description: Independent Bengali-first editorial news theme with original PHP templates and bespoke responsive CSS.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
html { scroll-behavior: smooth; }
body { min-height: 100vh; display: flex; flex-direction: column; }
.skip-link { position:absolute; left:-9999px; top:8px; z-index:9999; padding:10px 14px; background:#17212b; color:#fff; }
.skip-link:focus { left:8px; }
:focus-visible { outline:3px solid #c51f32; outline-offset:3px; }
.header-social { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
.header-social a { display:inline-flex; align-items:center; padding:4px 9px; border:1px solid #d8dde2; border-radius:3px; color:#36424d; font-size:12px; font-weight:700; line-height:1.4; }
.header-social a:hover { border-color:#c51f32; color:#c51f32; }
.article-share { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:28px 0; padding:16px 0; border-top:1px solid #e4e1db; border-bottom:1px solid #e4e1db; }
.article-share strong { width:100%; font-size:16px; }
.share-button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:7px 12px; border:1px solid #d8dde2; border-radius:4px; background:#fff; color:#17212b; font-size:13px; font-weight:700; cursor:pointer; }
.share-button:hover { border-color:#c51f32; color:#c51f32; }
.sidebar-block { margin:0 0 28px; }
.sidebar-block h2 { padding-bottom:9px; border-bottom:2px solid #17212b; }
.sidebar-story { padding:11px 0; border-bottom:1px solid #e4e1db; }
.sidebar-story a { display:grid; grid-template-columns:84px minmax(0,1fr); align-items:center; gap:11px; font-size:15px; font-weight:700; line-height:1.45; }
.sidebar-story img { width:84px; height:62px; object-fit:cover; }
.sidebar-story a:not(:has(img)) { grid-template-columns:1fr; }
.home-sidebar { min-width:0; }
@media (max-width:850px) { .masthead-top { flex-wrap:wrap; gap:8px 14px; padding-top:8px; padding-bottom:8px; } .header-social { justify-content:flex-start; width:100%; } }
@media (max-width:480px) { .header-social a { padding:4px 7px; font-size:11px; } .article-share { gap:6px; } .share-button { padding:6px 9px; font-size:12px; } .sidebar-story a { grid-template-columns:76px minmax(0,1fr); } .sidebar-story img { width:76px; height:58px; } }