/*
Theme Name: Bhinnobritto News
Theme URI: https://bhinnobritto.com/
Author: Bhinnobritto Digital
Author URI: https://bhinnobritto.com/
Description: A classic WordPress theme for Bangla and English newsrooms. Breaking-news ticker, section grids, custom post types for video, live blogs, fact checks and photo galleries, six editorial roles, JSON-LD structured data and Open Graph tags. Hand-written CSS and vanilla JavaScript, no page builder required.
Version: 1.2.2
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bhinnobritto
Domain Path: /languages
Tags: news, blog, custom-logo, custom-menu, custom-colors, custom-background, custom-header, featured-images, footer-widgets, full-width-template, left-sidebar, right-sidebar, theme-options, threaded-comments, translation-ready, rtl-language-support, block-styles, wide-blocks, editor-style
*/

/* ============================================================
   1. DESIGN TOKENS
   ============================================================ */
:root{
  --bb-primary:#FABF24;
  --bb-primary-dark:#d9a20c;
  --bb-primary-soft:#fff6dc;
  --bb-ink:#12141a;
  --bb-ink-2:#2b303b;
  --bb-muted:#5f6672;
  --bb-line:#e4e7ec;
  --bb-bg:#ffffff;
  --bb-bg-alt:#f6f7f9;
  --bb-bg-dark:#0f1115;
  --bb-breaking:#d7263d;
  --bb-live:#e8112d;
  --bb-success:#0f7b3f;
  --bb-link:#0b4f9e;
  --bb-on-primary:#12141a;
  --bb-radius:6px;
  --bb-radius-lg:12px;
  --bb-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1);
  --bb-shadow-lg:0 10px 30px rgba(16,24,40,.12);
  --bb-container:1240px;
  --bb-gap:24px;
  --bb-font-bn:"Noto Serif Bengali","Noto Sans Bengali","SolaimanLipi","Kalpurush",system-ui,sans-serif;
  --bb-font-en:"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --bb-font-body:var(--bb-font-bn);
  --bb-font-head:var(--bb-font-bn);
  --bb-fs-base:17px;
  --bb-lh:1.75;
  --bb-header-h:64px;
  --bb-surface: rgba(255,255,255,.72);
  --bb-glass-border: rgba(18,20,26,.08);
  --bb-glass-shadow: 0 8px 30px rgba(16,24,40,.08);
  --bb-motion-fast: 160ms;
  --bb-ease: cubic-bezier(.4,0,.2,1);
}
html[lang^="en"]{--bb-font-body:var(--bb-font-en);--bb-font-head:var(--bb-font-en);--bb-lh:1.65;}

/* ============================================================
   2. RESET / BASE
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--bb-bg);color:var(--bb-ink);font-family:var(--bb-font-body);
  font-size:var(--bb-fs-base);line-height:var(--bb-lh);-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:var(--bb-font-head);color:var(--bb-ink);margin:0 0 .6em;
  line-height:1.32;font-weight:700;letter-spacing:-.01em;}
h1{font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem);}
h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem);}
h3{font-size:1.25rem;}
h4{font-size:1.1rem;}
p{margin:0 0 1.15em;}
a{color:inherit;text-decoration:none;}
a:hover,a:focus{color:var(--bb-primary-dark);}
img,video,iframe,svg{max-width:100%;height:auto;display:block;}
figure{margin:0;}
ul,ol{padding-inline-start:1.35em;}
blockquote{margin:1.5em 0;padding:.2em 0 .2em 1.1em;border-inline-start:4px solid var(--bb-primary);
  font-size:1.1em;color:var(--bb-ink-2);}
code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;}
pre{background:var(--bb-bg-alt);padding:16px;border-radius:var(--bb-radius);overflow:auto;}
table{border-collapse:collapse;width:100%;}
th,td{border:1px solid var(--bb-line);padding:10px 12px;text-align:start;}
th{background:var(--bb-bg-alt);}
hr{border:0;border-top:1px solid var(--bb-line);margin:2em 0;}
::selection{background:var(--bb-primary);color:var(--bb-on-primary);}
:focus-visible{outline:3px solid var(--bb-primary-dark);outline-offset:2px;}

/* Accessibility helpers */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;
  margin:-1px;overflow:hidden;padding:0;position:absolute!important;word-wrap:normal!important;}
.screen-reader-text:focus{background:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);
  clip:auto!important;clip-path:none;color:#12141a;display:block;font-size:.9rem;height:auto;
  inset-inline-start:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;
  width:auto;z-index:100000;}
.bb-skip-link:focus{inset-inline-start:12px;top:12px;}
.bb-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* WordPress core alignment + caption classes */
.alignleft{float:left;margin:.4em 1.4em 1em 0;}
.alignright{float:right;margin:.4em 0 1em 1.4em;}
.aligncenter{margin-inline:auto;}
.alignwide{margin-inline:-40px;max-width:calc(100% + 80px);}
.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;width:100vw;}
.wp-caption{max-width:100%;}
.wp-caption-text,.wp-block-image figcaption{font-size:.86rem;color:var(--bb-muted);
  padding:8px 2px;border-bottom:1px solid var(--bb-line);margin:0 0 1em;}
.sticky,.bypostauthor{display:block;}
.wp-block-embed__wrapper{position:relative;}
.wp-block-embed.is-type-video .wp-block-embed__wrapper{padding-top:56.25%;}
.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe{position:absolute;inset:0;
  width:100%;height:100%;}
