/**
* Najibul Main Homepage — Bengali Overrides (bn) — v5.0
*
* ⚡ Thin override layer on top of home-base.css
* ⚡ Bengali-specific typography refinements
* ⚡ Optimized font stack (Noto Sans Bengali → Kalpurush → SolaimanLipi)
* ⚡ Higher line-height for tall Bengali glyphs
* ⚡ Wider letter-spacing for Bengali conjuncts (যুক্তাক্ষর)
* ⚡ Bengali ligature support (font-feature-settings)
* ⚡ No layout changes (all layout lives in home-base.css)
* ⚡ Safe to keep minimal — site still works
*
* Load order (via class-asset-loader.php):
* 1. home-base.css → shared design tokens + layout
* 2. home-bn.css → this file (Bengali tweaks)
*
* NOTE: Everything here is OVERRIDE only. The base design system
* lives in home-base.css and is shared across all languages
* and all CPT homepages.
*
* ⚡ v5.0 CHANGES (from v3.0):
* • ❌ QA-related overrides REMOVED (none existed, verified clean)
* • ✅ Badge weight tuning for Bengali script
* • ✅ Text selection brand color ADDED
* • ✅ Comments compressed ~15%
* • ✅ All selectors preserved (BC-safe)
* • ✅ Design consistency preserved (same visual output)
*
* @package GeneratePress_Child
* @subpackage Najibul_Multilang
* @version 5.0.0
* @license GPL-2.0-or-later
*/
/* ============================================================
🔤 1. TYPOGRAPHY — Bengali script optimization
============================================================ */
.najibul-home-bn {
/* Bengali-optimized font stack
- 'Noto Sans Bengali' — Google's flagship Bengali font, SIL OFL
- 'Kalpurush' — Bangladesh Government's official Bengali font
- 'SolaimanLipi' — Widely used Bengali font (older systems)
- 'Vrinda' — Windows default Bengali font
- 'Shonar Bangla' — Legacy Bengali font
- 'Bangla' — Additional fallback
- system-ui — ultimate fallback */
font-family:
'Noto Sans Bengali',
'Kalpurush',
'SolaimanLipi',
'Vrinda',
'Shonar Bangla',
'Bangla',
system-ui,
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
sans-serif;
/* Bengali script needs taller line-height because:
- Many glyphs have upper matras (ি ী ে ৈ ো ৌ)
- Many glyphs have lower matras (ু ূ ৃ)
- Conjuncts (যুক্তাক্ষর) form tall clusters
1.7 is the sweet spot for readability */
line-height: 1.7;
/* Bengali: slight positive letter-spacing
Conjuncts are already wide but slight tracking helps separation */
letter-spacing: 0.01em;
/* Bengali ligature support — critical for correct rendering */
font-feature-settings:
'liga' 1,
'kern' 1,
'calt' 1,
'clig' 1,
'locl' 1;
-webkit-font-feature-settings:
'liga' 1,
'kern' 1,
'calt' 1,
'clig' 1,
'locl' 1;
/* Better text rendering for Bengali */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
/* Prevent Bengali word mid-break (Bengali words can be long) */
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
}
/* ============================================================
📰 2. HEADINGS — Bengali-specific refinements
============================================================ */
.najibul-home-bn .section-title {
/* Bengali headlines: standard tracking (conjuncts too close breaks) */
letter-spacing: 0;
font-weight: 800;
/* Ensure tall matras don't clip */
padding-top: 4px;
padding-bottom: 6px;
/* Bengali titles need extra line-height */
line-height: 1.5;
}
.najibul-home-bn .title-gradient {
/* Bengali brand text: default tracking */
letter-spacing: 0;
font-weight: 800;
padding-bottom: 4px;
}
.najibul-home-bn .article-title {
/* Bengali title: comfortable line-height for multi-line headlines */
line-height: 1.55;
letter-spacing: 0;
/* Bengali titles often 2-3 line — keep clamp at 3 */
-webkit-line-clamp: 3;
line-clamp: 3;
/* Prevent glyph clipping at top (matra-safe padding) */
padding-top: 2px;
/* Bengali: no text-wrap: pretty (breaks conjuncts visually) */
text-wrap: normal;
}
.najibul-home-bn .article-excerpt {
/* Bengali body text: generous line-height */
line-height: 1.7;
letter-spacing: 0;
/* Keep excerpt at 3 lines */
-webkit-line-clamp: 3;
line-clamp: 3;
}
/* ============================================================
🏷️ 3. BADGES — Bengali text metrics
============================================================ */
.najibul-home-bn .post-badge,
.najibul-home-bn .post-type-badge {
/* Bengali uppercase (rare) — standard tracking */
letter-spacing: 0.02em;
/* Bengali badges need extra vertical padding for matras */
padding-top: 5px;
padding-bottom: 5px;
/* Line-height for Bengali badges */
line-height: 1.5;
/* Bengali numerals when appearing */
font-variant-numeric: normal;
/* Bengali script does not benefit from uppercase */
text-transform: none;
font-weight: 700;
}
/* ============================================================
📅 4. META — Author / time pills
============================================================ */
.najibul-home-bn .meta-author,
.najibul-home-bn .meta-time {
/* Bengali: standard tracking */
letter-spacing: 0.005em;
/* Bengali text taller — extra vertical padding */
padding-top: 6px;
padding-bottom: 6px;
/* Tabular numbers still work for Bengali digits */
font-variant-numeric: tabular-nums;
/* Line-height for Bengali */
line-height: 1.5;
}
.najibul-home-bn .meta-time .meta-text {
letter-spacing: 0.005em;
}
/* ============================================================
🎯 5. DROPDOWN — Bengali label adjustments
============================================================ */
.najibul-home-bn .dropdown-label {
/* Bengali label: standard tracking */
letter-spacing: 0.005em;
font-weight: 700;
/* Bengali label taller — extra vertical padding */
padding-top: 4px;
padding-bottom: 4px;
line-height: 1.5;
}
.najibul-home-bn .dropdown-select {
/* Bengali option text: standard tracking */
letter-spacing: 0.005em;
font-weight: 600;
font-family: inherit;
/* Bengali text taller — extra vertical padding */
padding-top: 14px;
padding-bottom: 14px;
/* Bengali line-height */
line-height: 1.5;
}
/* ============================================================
📝 6. LOADER & END MESSAGE — Bengali refinements
============================================================ */
.najibul-home-bn .loading-text {
letter-spacing: 0.005em;
font-weight: 500;
line-height: 1.6;
}
.najibul-home-bn .end-message p {
letter-spacing: 0.005em;
font-weight: 500;
line-height: 1.6;
}
.najibul-home-bn .retry-btn {
letter-spacing: 0.01em;
font-weight: 600;
/* Bengali button text: extra padding */
padding-top: 14px;
padding-bottom: 14px;
line-height: 1.4;
}
.najibul-home-bn .no-content-message p {
letter-spacing: 0.005em;
line-height: 1.6;
}
/* ============================================================
🦴 7. SKELETON — Bengali text placeholder sizing
============================================================ */
.najibul-home-bn .skeleton-line {
/* Bengali skeleton lines slightly taller */
height: 16px;
}
.najibul-home-bn .skeleton-line.skeleton-title {
height: 22px;
}
.najibul-home-bn .skeleton-line.skeleton-meta {
height: 14px;
}
/* ============================================================
📱 8. RESPONSIVE — Bengali-specific mobile tweaks
============================================================ */
@media (max-width: 768px) {
.najibul-home-bn {
/* Bengali mobile: slightly reduced line-height (space constrained) */
line-height: 1.65;
}
.najibul-home-bn .article-title {
line-height: 1.5;
}
.najibul-home-bn .article-excerpt {
line-height: 1.6;
}
}
@media (max-width: 480px) {
.najibul-home-bn {
/* Bengali small screen: further reduce line-height */
line-height: 1.6;
}
.najibul-home-bn .article-title {
line-height: 1.45;
-webkit-line-clamp: 3;
line-clamp: 3;
}
.najibul-home-bn .article-excerpt {
line-height: 1.55;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.najibul-home-bn .section-title {
font-size: clamp(20px, 5vw, 24px);
line-height: 1.5;
}
.najibul-home-bn .dropdown-select {
padding-top: 12px;
padding-bottom: 12px;
}
}
/* ============================================================
🖥️ 9. HIGH-DPI DISPLAYS — Bengali font clarity
============================================================ */
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.najibul-home-bn {
/* Sharper Bengali rendering on Retina/HiDPI */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: geometricPrecision;
}
}
/* ============================================================
🌙 10. DARK MODE — Bengali-specific contrast boost
============================================================ */
@media (prefers-color-scheme: dark) {
.najibul-home-bn {
/* Bengali thin strokes need slightly heavier weight in dark mode */
font-weight: 400;
}
.najibul-home-bn .article-title {
/* Bengali headlines heavier in dark mode for contrast */
font-weight: 700;
}
.najibul-home-bn .article-excerpt {
/* Bengali body slightly heavier in dark mode */
font-weight: 400;
}
}
/* ============================================================
🖨️ 11. PRINT — Bengali-specific print tweaks
============================================================ */
@media print {
.najibul-home-bn {
/* Bengali print: base line-height for paper */
line-height: 1.6;
font-family:
'Noto Sans Bengali',
'Kalpurush',
'SolaimanLipi',
serif;
}
.najibul-home-bn .article-title {
line-height: 1.4;
}
.najibul-home-bn .article-excerpt {
line-height: 1.5;
}
}
/* ============================================================
♿ 12. HIGH CONTRAST — Weight boost for clarity
============================================================ */
@media (prefers-contrast: more) {
.najibul-home-bn .article-title {
font-weight: 800;
}
.najibul-home-bn .article-excerpt {
font-weight: 500;
}
.najibul-home-bn .meta-author,
.najibul-home-bn .meta-time {
font-weight: 700;
}
}
/* ============================================================
🎨 13. TEXT SELECTION — Brand color
============================================================ */
.najibul-home-bn ::selection {
background: var(--najibul-primary);
color: #FFFFFF;
}
.najibul-home-bn ::-moz-selection {
background: var(--najibul-primary);
color: #FFFFFF;
}
/* ============================================================
📚 14. FONT LOADING — Documentation
============================================================ */
/*
* RECOMMENDED FONT LOADING STRATEGY:
*
* 1. Preconnect to Google Fonts (add to ):
*
*
*
* 2. Preload Noto Sans Bengali (add to ):
*
*
* 3. Or self-host the font (faster, no third-party):
* - Download from https://fonts.google.com/noto/specimen/Noto+Sans+Bengali
* - Place in /assets/fonts/noto-sans-bengali/
* - Declare @font-face with `font-display: swap`
*
* The font stack above gracefully degrades:
* Noto Sans Bengali → Kalpurush → SolaimanLipi → Vrinda
* → Shonar Bangla → Bangla → system-ui → sans-serif
*
* NOTE: Do NOT remove fallback fonts — some users (older OS,
* restricted networks) may not have Noto Sans Bengali.
*/
/* ============================================================
✅ END OF FILE
============================================================ */