/*
Theme Name: Bangla Post News
Theme URI: https://example.com/banglapost-news
Author: Your Studio
Author URI: https://example.com
Description: একটি দ্রুতগতির, রেসপনসিভ বাংলা নিউজ পোর্টাল ওয়ার্ডপ্রেস থিম। ব্রেকিং নিউজ টিকার, ক্যাটাগরি-ভিত্তিক হোমপেজ সেকশন, কাস্টমাইজার সাপোর্ট এবং সম্পূর্ণ বাংলা টাইপোগ্রাফি নিয়ে তৈরি।
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: banglapost
Tags: news, blog, custom-menu, custom-logo, featured-images, translation-ready, threaded-comments

Bangla Post News is a free WordPress theme.
*/

/* =========================================================
   TABLE OF CONTENTS
   1.0  Custom Properties (Design Tokens)
   2.0  Reset & Base
   3.0  Typography
   4.0  Layout / Container
   5.0  Header
   6.0  Breaking News Ticker
   7.0  Primary Navigation
   8.0  Hero / Featured Grid
   9.0  Category Section
   10.0 Post Card
   11.0 Sidebar & Widgets
   12.0 Single Post / Page
   13.0 Comments
   14.0 Footer
   15.0 Utilities
   16.0 Responsive
   ========================================================= */

/* 1.0 Custom Properties */
:root{
  --bp-red: #c8102e;
  --bp-red-dark: #9c0c23;
  --bp-ink: #1a1a1a;
  --bp-gray-900: #222222;
  --bp-gray-700: #4a4a4a;
  --bp-gray-500: #767676;
  --bp-gray-300: #d9d9d9;
  --bp-gray-100: #f4f4f4;
  --bp-white: #ffffff;
  --bp-accent-green: #1c7c3f;
  --bp-accent-gold: #b8860b;
  --bp-font-display: "SolaimanLipi", "Hind Siliguri", "Noto Sans Bengali", sans-serif;
  --bp-font-body: "SolaimanLipi", "Hind Siliguri", "Noto Sans Bengali", sans-serif;
  --bp-radius: 3px;
  --bp-max-width: 1200px;
  --bp-gap: 20px;
}

/* 2.0 Reset & Base */
*, *::before, *::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body{
  margin: 0;
  background: var(--bp-gray-100);
  color: var(--bp-ink);
  font-family: var(--bp-font-body);
  font-size: 16px;
  line-height: 1.6;
}
img{ max-width: 100%; height: auto; display: block; }
a{ color: inherit; text-decoration: none; }
ul{ margin: 0; padding: 0; list-style: none; }
button{ font-family: inherit; cursor: pointer; }
:focus-visible{ outline: 3px solid var(--bp-accent-gold); outline-offset: 2px; }

/* 3.0 Typography */
h1,h2,h3,h4,h5,h6{
  font-family: var(--bp-font-display);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 .5em;
  color: var(--bp-ink);
}
p{ margin: 0 0 1em; }

/* 4.0 Layout */
.bp-container{
  max-width: var(--bp-max-width);
  margin: 0 auto;
  padding: 0 16px;
}
.bp-main-layout{
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 28px;
  align-items: start;
  padding: 24px 0 48px;
}
.bp-main-layout.bp-no-sidebar{ grid-template-columns: 1fr; }

/* 5.0 Header */
.bp-sticky-top{
  position: sticky;
  top: 0;
  z-index: 200;
  background: var(--bp-white);
}
.bp-top-accent{
  height: 5px;
  background: var(--bp-red);
}

.bp-header{
  background: var(--bp-white);
}
.bp-header-inner{
  display: grid;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  padding: 12px 0;
  gap: 12px;
}
.bp-logo{
  font-family: var(--bp-font-display);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: .5px;
  text-align: center;
}
.bp-logo a{ display: inline-flex; align-items: center; gap: 8px; justify-content: center; }
.bp-logo img{ max-height: 46px; width: auto; }
.bp-logo .bp-logo-red{ color: var(--bp-red); }

.bp-menu-toggle{
  background: none;
  border: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--bp-radius);
}
.bp-menu-toggle:hover{ background: var(--bp-gray-100); }
.bp-menu-toggle-bars{ display: flex; flex-direction: column; gap: 4px; width: 20px; }
.bp-menu-toggle-bars span{ display: block; height: 2px; background: var(--bp-ink); border-radius: 1px; }

.bp-header-actions{ display: flex; align-items: center; gap: 10px; justify-self: end; }
.bp-epaper-btn{
  background: var(--bp-red);
  color: var(--bp-white);
  font-weight: 700;
  font-size: 12.5px;
  padding: 7px 14px;
  border-radius: 20px;
  white-space: nowrap;
  display: inline-block;
}
a.bp-epaper-btn:hover{ background: var(--bp-red-dark); }
.bp-search-toggle{
  background: var(--bp-red);
  color: var(--bp-white);
  border: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bp-search-toggle:hover{ background: var(--bp-red-dark); }

.bp-header-search{
  border-top: 1px solid var(--bp-gray-300);
  padding: 14px 0;
}
.bp-header-search .bp-search-form{ display: flex; gap: 10px; max-width: 480px; margin: 0 auto; }
.bp-header-search input[type="search"]{ max-width: none !important; flex: 1; }

/* Off-canvas full menu */
.bp-offcanvas{
  position: fixed;
  inset-block: 0;
  inset-inline-start: 0;
  width: min(300px, 82vw);
  background: var(--bp-white);
  z-index: 60;
  transform: translateX(-100%);
  transition: transform .25s ease;
  overflow-y: auto;
  box-shadow: 2px 0 12px rgba(0,0,0,.2);
}
.bp-offcanvas.is-open{ transform: translateX(0); }
.bp-offcanvas-head{
  background: var(--bp-red);
  color: var(--bp-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  font-weight: 700;
  font-size: 16px;
}
.bp-offcanvas-close{
  background: none;
  border: 0;
  color: var(--bp-white);
  font-size: 24px;
  line-height: 1;
}
.bp-offcanvas-body{ padding: 8px 0; }
.bp-offcanvas-body ul li a{
  display: block;
  padding: 13px 18px;
  border-bottom: 1px solid var(--bp-gray-300);
  font-weight: 600;
}
.bp-offcanvas-body ul li a:hover{ color: var(--bp-red); }
.bp-offcanvas-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0);
  z-index: 55;
  opacity: 0;
  transition: opacity .25s ease, background-color .25s ease;
}
.bp-offcanvas-backdrop.is-open{ background: rgba(0,0,0,.45); opacity: 1; }

/* 6.0 Breaking News Ticker */
.bp-ticker{
  background: var(--bp-white);
  border-block: 2px solid var(--bp-red);
  color: var(--bp-ink);
}
.bp-ticker-inner{
  display: flex;
  align-items: stretch;
  max-width: var(--bp-max-width);
  margin: 0 auto;
  padding: 0;
}
.bp-ticker-label{
  background: var(--bp-red);
  color: var(--bp-white);
  padding: 9px 16px;
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.bp-ticker-viewport{
  overflow: hidden;
  flex: 1;
  position: relative;
}
.bp-ticker-track{
  display: flex;
  gap: 60px;
  white-space: nowrap;
  padding: 9px 16px;
  animation: bp-scroll var( --bp-ticker-speed, 8s ) linear infinite;
}
.bp-ticker-track:hover{ animation-play-state: paused; }
.bp-ticker-item{ display: inline-flex; align-items: center; gap: 7px; }
.bp-ticker-icon{ border-radius: 3px; flex-shrink: 0; display: block; }
.bp-ticker-dot{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--bp-red);
  flex-shrink: 0;
  display: inline-block;
}
.bp-ticker-track a{ color: var(--bp-ink); font-size: 14px; font-weight: 600; }
.bp-ticker-track a:hover{ color: var(--bp-red); }
@keyframes bp-scroll{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  .bp-ticker-track{ animation: none; overflow-x: auto; }
}

/* 7.0 Primary Navigation */
.bp-nav-wrap{
  background: var(--bp-red);
}
.bp-nav-inner{
  display: flex;
  align-items: stretch;
}
.bp-primary-nav{ flex: 1; overflow-x: auto; }
.bp-primary-nav ul{
  display: flex;
  flex-wrap: nowrap;
}
.bp-primary-nav a{
  display: block;
  color: var(--bp-white);
  font-weight: 700;
  font-size: 14.5px;
  padding: 12px 16px;
  white-space: nowrap;
  border-inline-end: 1px solid rgba(255,255,255,.15);
}
.bp-primary-nav a:hover,
.bp-primary-nav .current-menu-item > a{
  background: var(--bp-red-dark);
}
/* 8.0 Hero / Featured Grid */
.bp-hero{
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: var(--bp-gap);
  margin-bottom: 32px;
}
.bp-hero-main{ position: relative; border-radius: var(--bp-radius); overflow: hidden; background: var(--bp-white); }
.bp-hero-main img{ width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.bp-hero-main .bp-hero-caption{
  position: absolute; inset-inline: 0; bottom: 0;
  background: linear-gradient(transparent, rgba(0,0,0,.85));
  color: var(--bp-white);
  padding: 40px 18px 16px;
}
.bp-hero-main .bp-hero-caption h2{ color: var(--bp-white); font-size: 22px; margin-bottom: 6px; }
.bp-hero-side{ display: flex; flex-direction: column; gap: 14px; }
.bp-hero-side-item{ display: flex; gap: 12px; background: var(--bp-white); border-radius: var(--bp-radius); overflow: hidden; }
.bp-hero-side-item img{ width: 110px; height: 82px; object-fit: cover; flex-shrink: 0; }
.bp-hero-side-item .bp-entry-title{ font-size: 15px; padding: 8px 10px 8px 0; }

/* 9.0 Category Section */
.bp-section{
  background: var(--bp-white);
  border-radius: var(--bp-radius);
  padding: 18px;
  margin-bottom: 24px;
}
.bp-section-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid var(--bp-red);
  padding-bottom: 10px;
  margin-bottom: 16px;
}
.bp-section-title{
  font-size: 19px;
  margin: 0;
  padding-inline-start: 10px;
  border-inline-start: 5px solid var(--bp-red);
  color: var(--bp-ink);
}
.bp-section-more{ font-size: 13px; color: var(--bp-red); font-weight: 700; }
.bp-section-more:hover{ text-decoration: underline; }
.bp-section-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

/* 9.1 Section header bar v2 (category / video sections) */
.bp-section-head2{
  display: flex;
  align-items: stretch;
  margin: -18px -18px 16px;
  border-bottom: 1px solid var(--bp-gray-300);
}
.bp-section-title2{
  flex: 1;
  margin: 0;
  padding: 14px 16px;
  font-size: 18px;
  border-inline-start: 5px solid var(--bp-red);
  color: var(--bp-ink);
}
.bp-section-arrow{
  width: 50px;
  flex-shrink: 0;
  background: var(--bp-red);
  color: var(--bp-white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bp-section-arrow:hover{ background: var(--bp-red-dark); }

/* 9.2 Featured post + row list (category sections) */
.bp-feature-post{ margin-bottom: 10px; }
.bp-feature-thumb{ display: block; border-radius: var(--bp-radius); overflow: hidden; margin-bottom: 10px; }
.bp-feature-thumb img{ width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.bp-feature-title{ font-size: 19px; margin: 0; }
.bp-feature-title a:hover{ color: var(--bp-red); }

.bp-row-list{ display: flex; flex-direction: column; }
.bp-row-item{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--bp-gray-300);
}
.bp-row-thumb{ flex-shrink: 0; width: 92px; height: 68px; border-radius: var(--bp-radius); overflow: hidden; }
.bp-row-thumb img{ width: 100%; height: 100%; object-fit: cover; }
.bp-row-title{ margin: 0; font-size: 15px; line-height: 1.4; }
.bp-row-title a:hover{ color: var(--bp-red); }

/* 9.3 Video section */
.bp-video-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.bp-video-card{ display: flex; flex-direction: column; }
.bp-video-thumb{
  position: relative;
  display: block;
  border-radius: var(--bp-radius);
  overflow: hidden;
  margin-bottom: 8px;
}
.bp-video-thumb img{ width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.bp-video-play{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bp-white);
}
.bp-video-play svg{
  background: rgba(0,0,0,.45);
  border-radius: 50%;
  padding: 12px;
  width: 40px;
  height: 40px;
}
.bp-video-caption{
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  background: linear-gradient(180deg, transparent, rgba(200,16,46,.92) 55%);
  color: var(--bp-white);
  font-weight: 700;
  font-size: 13px;
  padding: 22px 10px 8px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bp-video-title{ font-size: 14.5px; margin: 0; line-height: 1.4; }
.bp-video-title a:hover{ color: var(--bp-red); }

/* 9.4 Latest / Most-read tabs widget */
.bp-tabs-widget{ background: var(--bp-white); border-radius: var(--bp-radius); overflow: hidden; margin-bottom: 24px; }
.bp-tabs-head{ display: flex; }
.bp-tab-btn{
  flex: 1;
  border: 0;
  background: var(--bp-gray-100);
  color: var(--bp-gray-700);
  font-weight: 700;
  font-size: 15px;
  padding: 16px 10px;
}
.bp-tab-btn.is-active{ background: var(--bp-red); color: var(--bp-white); }
.bp-tab-panel{ display: none; padding: 4px 18px 0; }
.bp-tab-panel.is-active{ display: block; }
.bp-tab-panel .bp-row-item:first-child{ border-top: 0; }
.bp-tabs-more{
  display: block;
  text-align: center;
  background: var(--bp-red);
  color: var(--bp-white);
  font-weight: 700;
  padding: 13px;
  margin-top: 6px;
}
.bp-tabs-more:hover{ background: var(--bp-red-dark); }

/* 9.5 Area news widget (আপনার এলাকার খবর) */
.bp-area-news{
  background: #eaf1ff;
  border-radius: var(--bp-radius);
  padding: 20px;
  margin-bottom: 24px;
}
.bp-area-news-title{ font-size: 18px; margin-bottom: 16px; }
.bp-area-news-empty{ font-size: 13px; color: var(--bp-gray-700); margin: 0; }
.bp-area-field{ margin-bottom: 14px; }
.bp-area-field select{
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d7e3fb;
  border-radius: var(--bp-radius);
  background: var(--bp-white);
  font-family: inherit;
  font-size: 14px;
  color: var(--bp-ink);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a4a4a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.bp-area-field select:disabled{ color: var(--bp-gray-500); cursor: not-allowed; }
.bp-area-submit{
  width: 100%;
  background: #2b6bf2;
  color: var(--bp-white);
  border: 0;
  padding: 13px;
  border-radius: var(--bp-radius);
  font-weight: 700;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.bp-area-submit:hover{ background: #1d55d1; }

/* 9.6 Related posts (end of single post) */
.bp-related-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.bp-related-card{ display: flex; flex-direction: column; }
.bp-related-thumb{ display: block; border-radius: var(--bp-radius); overflow: hidden; margin-bottom: 10px; background: var(--bp-gray-100); }
.bp-related-thumb img{ width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.bp-related-thumb-empty{ aspect-ratio: 4/3; }
.bp-related-title{ font-size: 16px; line-height: 1.4; margin: 0; }
.bp-related-title a:hover{ color: var(--bp-red); }

/* 9.7 Archive calendar widget */
.bp-archive-select-row{ display: flex; gap: 10px; margin-bottom: 14px; }
.bp-archive-select-row select{
  flex: 1;
  padding: 10px 12px;
  border: 1px solid var(--bp-gray-300);
  border-radius: var(--bp-radius);
  font-family: inherit;
  font-size: 14px;
  background: var(--bp-white);
}
.bp-archive-calendar{ overflow-x: auto; }
#wp-calendar{
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  table-layout: fixed;
}
#wp-calendar caption{
  caption-side: top;
  background: var(--bp-accent-green);
  color: var(--bp-white);
  font-weight: 700;
  padding: 12px;
}
#wp-calendar tfoot{ display: table-header-group; }
#wp-calendar tfoot tr{ display: flex; justify-content: space-between; background: var(--bp-accent-green); }
#wp-calendar tfoot td{ border: 0; padding: 0; }
#wp-calendar tfoot td.pad{ display: none; }
#wp-calendar tfoot #prev a,
#wp-calendar tfoot #next a{ display: block; padding: 9px 16px; color: var(--bp-white); font-weight: 700; font-size: 14px; }
#wp-calendar thead th{
  padding: 10px 4px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--bp-gray-700);
  background: var(--bp-gray-100);
}
#wp-calendar tbody td{ padding: 10px 4px; font-size: 14px; border: 1px solid var(--bp-gray-100); }
#wp-calendar tbody td#today{ background: var(--bp-accent-green); color: var(--bp-white); font-weight: 700; border-radius: var(--bp-radius); }
#wp-calendar tbody td a{ color: var(--bp-accent-green); font-weight: 700; text-decoration: underline; display: block; }
#wp-calendar tbody .pad{ background: transparent; border: 0; }

/* 9.8 Photo card styles (used inside the studio modal) */
.bp-pcard{
  position: relative;
  flex: 0 0 260px;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--bp-radius);
  border: 1px solid var(--bp-gray-300);
  background: var(--bp-white);
  font-size: 12px;
}
.pcard-img, .pcard-img-wrap{
  background-size: cover;
  background-position: center;
  background-color: var(--bp-gray-300);
  position: relative;
}
.pcard-logo-badge{
  position: absolute;
  top: 8px;
  left: 8px;
  width: calc(26px * var(--bp-pc-logo-scale, 1));
  height: calc(26px * var(--bp-pc-logo-scale, 1));
  border-radius: 50%;
  background: var(--bp-white);
  color: var(--bp-red);
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: 13px;
  box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.pcard-logo-badge-right{ left: auto; right: 8px; }

/* Style 1 */
.bp-pcard-1{ flex-direction: column; }
.bp-pcard-1 .pcard-img{ height: 50%; }
.pcard-divider-1{ height: 5px; background: #0d5c73; }
.pcard-dots-1{
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
}
.pcard-dots-1 i{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255,255,255,.85);
  display: block;
}.bp-pcard-1 .pcard-body{
  flex: 1;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-align: center;
}
.pcard-headline-red{
  color: var(--bp-red);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.35;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pcard-cta-green{ color: var(--bp-accent-green); font-size: 10.5px; margin: 0; }
.pcard-cta-plain{ color: var(--bp-ink); font-size: 10.5px; margin: 4px 0 0; text-align: center; }
.bp-pcard-3 .pcard-cta-plain{ color: var(--bp-gray-500); font-style: italic; }
.bp-pcard-3 .pcard-img-wrap{ margin: 0 8px; border-radius: 4px; }
.pcard-footer-1{
  background: #0d5c73;
  color: var(--bp-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px;
  font-size: 9.5px;
  gap: 4px;
  min-height: 52px;
}
.pcard-brand{ font-weight: 800; }
.pcard-brand-footer1{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 100%;
}
.pcard-brand-footer1 img{
  display: block;
  height: calc(40px * var(--bp-pc-logo-scale, 1));
  max-height: 100%;
  width: auto;
  max-width: none;
  object-fit: contain;
}

/* Style 2 & 3 (shared top-row + headline) */
.bp-pcard-2, .bp-pcard-3{ background: var(--bp-white); }
.pcard-top-row{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 10px 4px;
  gap: 6px;
}
.pcard-cat-date{
  font-size: 10px;
  color: var(--bp-gray-700);
  padding-inline-start: 8px;
  border-inline-start: 3px solid var(--bp-red);
}
.pcard-brand-2{ font-weight: 800; font-size: 12px; color: var(--bp-ink); }
.pcard-headline-dark{
  padding: 0 10px 8px;
  margin: 0;
  font-weight: 800;
  font-size: 12.5px;
  line-height: 1.35;
  color: var(--bp-ink);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bp-pcard-2 .pcard-img-wrap{ flex: 1; }
.bp-pcard-3 .pcard-img-wrap{ flex: 1; }
.pcard-headline-green{
  padding: 8px 10px 2px;
  margin: 0;
  font-weight: 800;
  font-size: 12.5px;
  line-height: 1.35;
  color: var(--bp-accent-green);
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pcard-footer-3{
  margin-top: auto;
  background: #2b8fd6;
  color: var(--bp-white);
  text-align: center;
  padding: 6px;
  font-size: 10px;
  font-weight: 700;
}

/* Style 4 */
.bp-pcard-4 .pcard-img{ height: 42%; }
.pcard-meta-bar-4{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 8px 10px 4px;
  border-bottom: 1px solid var(--bp-gray-300);
}
.pcard-meta-bar-4 .pcard-brand{
  font-size: 12px;
  padding-bottom: 3px;
  border-bottom: 2px solid var(--bp-ink);
}
.pcard-meta-date-4{ font-size: 9.5px; color: var(--bp-gray-500); margin-top: 2px; }
.pcard-kicker-gray{ color: var(--bp-gray-500); font-weight: 600; font-size: 9.5px; text-align: center; margin: 4px 0 0; }
.pcard-headline-pad{ padding: 4px 10px 4px; margin: 0; text-align: center; }
.pcard-footer-4{
  margin-top: auto;
  background: var(--bp-gray-100);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 7px 8px;
  font-size: 8.5px;
  font-weight: 700;
  color: var(--bp-gray-700);
}
.pcard-footer-4-url{ font-weight: 600; }

/* Style 5 */
.bp-pcard-5 .pcard-img-tall{ height: 55%; }
.pcard-date-overlay{
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(0,0,0,.55);
  color: var(--bp-white);
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 9.5px;
}
.pcard-brand-overlay{
  position: absolute;
  top: 8px;
  right: 8px;
  color: var(--bp-white);
  font-weight: 800;
  font-size: 10px;
  display: flex;
  align-items: center;
  max-width: 45%;
  text-shadow: 0 1px 3px rgba(0,0,0,.7);
}
.pcard-brand-overlay img{ filter: drop-shadow(0 1px 3px rgba(0,0,0,.7)); }
.pcard-brand-overlay img{
  display: block;
  max-height: calc(18px * var(--bp-pc-logo-scale, 1));
  max-width: 100%;
  width: auto;
  object-fit: contain;
}
.pcard-kicker{
  margin: 8px 10px 0;
  color: var(--bp-accent-gold);
  font-weight: 700;
  font-size: 10.5px;
  text-align: center;
}
.pcard-footer-5{
  margin-top: auto;
  background: #0d5c73;
  color: var(--bp-white);
  text-align: center;
  padding: 7px;
  font-size: 10px;
  font-weight: 700;
}

/* Style 6 */
.pcard-top-row-6{ align-items: center; padding: 8px; }
.pcard-date-badge{
  background: var(--bp-accent-gold);
  color: var(--bp-white);
  padding: 4px 10px;
  border-radius: 3px;
  font-size: 9.5px;
  font-weight: 700;
}
.pcard-logo-circle{
  width: calc(26px * var(--bp-pc-logo-scale, 1));
  height: calc(26px * var(--bp-pc-logo-scale, 1));
  border-radius: 50%;
  background: var(--bp-accent-green);
  color: var(--bp-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  overflow: hidden;
  flex-shrink: 0;
}
.bp-pcard-6 .pcard-img-wrap{ height: 42%; }
.pcard-headline-accent{
  margin: 8px 10px 2px;
  padding-inline-start: 8px;
  border-inline-start: 3px solid var(--bp-accent-gold);
  font-weight: 800;
  font-size: 12.5px;
  line-height: 1.35;
  color: var(--bp-ink);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bp-pcard-6 .pcard-cta-green{ margin: 0 10px 6px; }
.pcard-footer-6{
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px;
  font-size: 9.5px;
  border-top: 1px solid var(--bp-gray-300);
  color: var(--bp-gray-700);
}
.pcard-brand-footer6 img{
  display: block;
  max-height: calc(16px * var(--bp-pc-logo-scale, 1));
  max-width: 90px;
  width: auto;
  object-fit: contain;
}

/* Style 7 */
.bp-pcard-7 .pcard-brand-2{ display: flex; align-items: center; }
.bp-pcard-7 .pcard-brand-2 img{ display: block; max-height: 16px; width: auto; object-fit: contain; }
.pcard-cat-date-plain{ border: 0; padding: 0; }
.pcard-img-frame-7{
  position: relative;
  margin: 4px 10px 0;
  padding: 4px;
  border: 2px solid var(--bp-accent-gold);
  border-radius: 8px;
  flex: 1;
  min-height: 0;
}
.pcard-img-frame-7 .pcard-img-wrap{
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.pcard-seal-7{
  position: absolute;
  left: 50%;
  bottom: -14px;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--bp-red);
  color: var(--bp-white);
  border: 2px solid var(--bp-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 13px;
  line-height: 1;
  box-shadow: 0 1px 4px rgba(0,0,0,.3);
}
.pcard-social-row-7{
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 10px 8px;
}
.pcard-social-icon{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--bp-ink);
  color: var(--bp-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pcard-social-domain{ font-weight: 800; font-size: 11px; color: var(--bp-ink); margin-inline-start: 4px; }

/* 9.9 Photocard studio modal */
.bp-pcstudio-overlay{
  position: fixed;
  inset: 0;
  background: rgba(10,12,20,.92);
  z-index: 300;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow-y: auto;
  padding: 0 0 40px;
}
.bp-pcstudio-overlay[hidden]{
  display: none;
}
.bp-pcstudio{
  width: 100%;
  max-width: 440px;
  min-height: 100%;
  background: #16181d;
  color: var(--bp-white);
  padding: 18px 18px 28px;
}
.bp-pcstudio-topbar{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.bp-pcstudio-back{
  background: rgba(255,255,255,.08);
  border: 0;
  color: var(--bp-white);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bp-pcstudio-back:hover{ background: rgba(255,255,255,.18); }
.bp-pcstudio-title{ flex: 1; font-weight: 700; font-size: 16px; }
.bp-pcstudio-version{
  display: inline-block;
  background: rgba(255,255,255,.1);
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  margin-inline-start: 6px;
}
.bp-pcstudio-info{
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #2b6bf2;
  color: var(--bp-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  flex-shrink: 0;
}

.bp-pcstudio-preview{ margin-bottom: 18px; }
.bp-pcstudio-preview .bp-pcard{
  display: none;
  width: 100%;
  max-width: none;
  flex: none;
  aspect-ratio: 1 / 1;
  border-radius: 6px;
  border-color: transparent;
}
.bp-pcstudio-preview .bp-pcard.is-active{ display: flex; }
.bp-pcstudio-preview .pcstudio-headline{
  font-size: var( --pcstudio-font-size, 13px ) !important;
  line-height: var( --pcstudio-line-height, 1.35 ) !important;
  color: var( --pcstudio-font-color, inherit ) !important;
  text-align: var( --pcstudio-text-align, inherit ) !important;
}

.bp-pcstudio-thumbs{
  display: flex;
  gap: 10px;
  overflow-x: auto;
  margin-bottom: 22px;
  padding-bottom: 4px;
}
.bp-pcstudio-thumb{
  position: relative;
  flex: 0 0 84px;
  height: 84px;
  border-radius: var(--bp-radius);
  border: 2px solid transparent;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.bp-pcstudio-thumb.is-active{ border-color: var(--bp-accent-gold); }
.bp-pcstudio-thumb-num{
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: rgba(0,0,0,.6);
  color: var(--bp-white);
  font-size: 11px;
  font-weight: 700;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bp-pcstudio-controls{ margin-bottom: 20px; }
.bp-pcstudio-control{
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 16px;
}
.bp-pcstudio-control input[type="range"]{
  display: block;
  width: 100%;
  margin-top: 10px;
  accent-color: var(--bp-accent-gold);
}
.bp-pcstudio-color-row{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}
.bp-pcstudio-color-row input[type="color"]{
  width: 44px;
  height: 34px;
  border: 0;
  border-radius: var(--bp-radius);
  padding: 0;
  background: none;
  cursor: pointer;
}
.bp-pcstudio-color-reset{
  background: rgba(255,255,255,.08);
  border: 0;
  color: var(--bp-white);
  padding: 8px 14px;
  border-radius: var(--bp-radius);
  font-size: 12px;
  font-weight: 600;
}
.bp-pcstudio-color-reset:hover{ background: rgba(255,255,255,.18); }
.bp-pcstudio-align-row{
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.bp-pcstudio-align-btn{
  width: 40px;
  height: 36px;
  border-radius: var(--bp-radius);
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.06);
  color: var(--bp-white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bp-pcstudio-align-btn.is-active{ background: var(--bp-accent-gold); border-color: var(--bp-accent-gold); }
.bp-pcstudio-align-btn:hover{ background: rgba(255,255,255,.15); }

.bp-pcstudio-download{
  width: 100%;
  background: var(--bp-accent-gold);
  color: var(--bp-white);
  border: 0;
  padding: 15px;
  border-radius: var(--bp-radius);
  font-weight: 700;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
}
.bp-pcstudio-download:hover{ background: #a06b08; }

.bp-pcstudio-credit{
  text-align: center;
  font-size: 12px;
  color: rgba(255,255,255,.6);
  margin: 0;
}
.bp-pcstudio-credit b{ color: rgba(255,255,255,.85); }

.pcard-logo-badge img,
.pcard-logo-circle img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 9.10 Archive filter bar + list (আর্কাইভ / সব খবর) */
.bp-breadcrumb{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  color: var(--bp-gray-500);
  padding-bottom: 14px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--bp-gray-300);
}
.bp-breadcrumb-home{
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--bp-gray-700);
}
.bp-breadcrumb-home:hover{ color: var(--bp-red); }
.bp-breadcrumb-sep{ color: var(--bp-gray-300); }
.bp-breadcrumb-current{ font-weight: 800; color: var(--bp-ink); }
.bp-archive-page-title{
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 18px;
  color: var(--bp-ink);
}
.bp-archive-filter-bar{
  background: #eaf1ff;
  border-radius: var(--bp-radius);
  padding: 20px;
  margin-bottom: 24px;
}
.bp-archive-filter-select{ margin-bottom: 14px; }
.bp-archive-cat-select{
  width: 100%;
  padding: 13px 16px;
  border: 1px solid #d7e3fb;
  border-radius: var(--bp-radius);
  background: var(--bp-white);
  font-family: inherit;
  font-size: 15px;
  color: var(--bp-ink);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a4a4a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.bp-archive-filter-row{
  display: flex;
  gap: 10px;
}
.bp-archive-filter-row input{
  flex: 1;
  min-width: 0;
  border: 1px solid #d7e3fb;
  border-radius: var(--bp-radius);
  padding: 13px 16px;
  font-family: inherit;
  font-size: 15px;
  background: var(--bp-white);
}
.bp-archive-filter-row input:focus{ outline: none; }
.bp-archive-search-btn{
  flex-shrink: 0;
  width: 52px;
  background: var(--bp-red);
  color: var(--bp-white);
  border: 0;
  border-radius: var(--bp-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bp-archive-search-btn:hover{ background: var(--bp-red-dark); }
.bp-archive-allnews-btn{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  background: #4a5568;
  color: var(--bp-white);
  font-weight: 700;
  border-radius: var(--bp-radius);
  white-space: nowrap;
}
.bp-archive-allnews-btn:hover{ background: #37414f; }

.bp-archive-list{ display: flex; flex-direction: column; gap: 24px; }
.bp-archive-row{ display: flex; flex-direction: column; }
.bp-archive-row-thumb{
  display: block;
  border-radius: var(--bp-radius);
  overflow: hidden;
  margin-bottom: 12px;
}
.bp-archive-row-thumb img{ width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.bp-archive-row-body{ min-width: 0; }
.bp-archive-row-title{ font-size: 18px; line-height: 1.4; margin-bottom: 8px; }
.bp-archive-row-title a{ color: var(--bp-red); font-weight: 700; }
.bp-archive-row-title a:hover{ color: var(--bp-red-dark); }
.bp-archive-row .bp-entry-meta{ color: var(--bp-gray-500); font-size: 13px; }

.bp-load-more-wrap{ text-align: center; margin-top: 24px; }
.bp-load-more-btn{
  display: inline-block;
  background: var(--bp-red);
  color: var(--bp-white);
  font-weight: 700;
  padding: 13px 40px;
  border-radius: 24px;
}
.bp-load-more-btn:hover{ background: var(--bp-red-dark); }

@media (max-width: 480px){
  .bp-archive-filter-row{ flex-wrap: wrap; }
  .bp-archive-allnews-btn{ flex: 1; }
}

/* 10.0 Post Card */
.bp-card{ display: flex; flex-direction: column; }
.bp-card-thumb{ border-radius: var(--bp-radius); overflow: hidden; margin-bottom: 8px; }
.bp-card-thumb img{ width: 100%; aspect-ratio: 4/3; object-fit: cover; transition: transform .3s ease; }
.bp-card:hover .bp-card-thumb img{ transform: scale(1.05); }
.bp-entry-title{ font-size: 16px; line-height: 1.4; margin: 0 0 6px; }
.bp-entry-title a:hover{ color: var(--bp-red); }
.bp-entry-meta{ font-size: 12px; color: var(--bp-gray-500); display: flex; gap: 8px; flex-wrap: wrap; }
.bp-cat-label{
  display: inline-block;
  background: var(--bp-red);
  color: var(--bp-white);
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 2px;
  margin-bottom: 6px;
}
.bp-list-item{ display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--bp-gray-300); }
.bp-list-item:last-child{ border-bottom: 0; padding-bottom: 0; }
.bp-list-item img{ width: 84px; height: 64px; object-fit: cover; border-radius: var(--bp-radius); flex-shrink: 0; }
.bp-list-num{
  font-family: var(--bp-font-display);
  font-weight: 800;
  font-size: 22px;
  color: var(--bp-gray-300);
  width: 28px;
  flex-shrink: 0;
}

/* 11.0 Sidebar & Widgets */
.widget{
  background: var(--bp-white);
  border-radius: var(--bp-radius);
  padding: 18px;
  margin-bottom: 24px;
}
.widget-title{
  font-size: 17px;
  border-bottom: 2px solid var(--bp-red);
  padding-bottom: 10px;
  margin-bottom: 14px;
  padding-inline-start: 10px;
  border-inline-start: 5px solid var(--bp-red);
}
.bp-sidebar ul li{ padding: 8px 0; border-bottom: 1px solid var(--bp-gray-300); font-size: 14px; }
.bp-sidebar ul li:last-child{ border-bottom: 0; }
.bp-ad-slot{
  background: var(--bp-gray-100);
  border: 1px dashed var(--bp-gray-300);
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bp-gray-500);
  font-size: 13px;
}

/* 12.0 Single Post / Page */
.bp-single{ background: var(--bp-white); border-radius: var(--bp-radius); padding: 24px; }
.bp-single-header{ margin-bottom: 18px; }
.bp-single-title{ font-size: 30px; margin-bottom: 16px; }

.bp-single-byline{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.bp-byline-avatar{ border-radius: 50%; width: 30px; height: 30px; }
.bp-byline-author{ font-weight: 700; font-size: 15px; color: var(--bp-ink); }

.bp-single-publish-line{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--bp-gray-500);
  margin-bottom: 16px;
}
.bp-publish-sep{ color: var(--bp-gray-300); }
.bp-print-link,
.bp-photocard-link{
  background: none;
  border: 0;
  padding: 0;
  font-size: 14px;
  font-family: inherit;
  text-decoration: underline;
}
.bp-print-link{ color: var(--bp-accent-green); }
.bp-photocard-link{ color: var(--bp-red); }

.bp-share-circles{ display: flex; flex-wrap: wrap; gap: 10px; padding-bottom: 18px; border-bottom: 1px solid var(--bp-gray-300); }
.bp-share-circle{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--bp-gray-300);
  background: var(--bp-white);
  color: var(--bp-ink);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bp-share-circle:hover{ background: var(--bp-red); border-color: var(--bp-red); color: var(--bp-white); }
.bp-share-circle.is-copied{ background: var(--bp-accent-green); border-color: var(--bp-accent-green); color: var(--bp-white); }

.bp-topic-line{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
}
.bp-topic-label{ color: var(--bp-red); font-weight: 700; font-size: 15px; }
.bp-topic-pill{
  background: var(--bp-gray-100);
  color: var(--bp-ink);
  font-size: 13.5px;
  padding: 8px 18px;
  border-radius: 20px;
}
.bp-topic-pill:hover{ background: var(--bp-red); color: var(--bp-white); }
.bp-single-thumb{ margin-bottom: 20px; border-radius: var(--bp-radius); overflow: hidden; }
.bp-entry-content{ font-size: 17px; line-height: 1.9; }
.bp-entry-content p{ margin-bottom: 1.3em; }
.bp-entry-content h2{ font-size: 22px; margin-top: 1.5em; }
.bp-entry-content h3{ font-size: 19px; margin-top: 1.3em; }
.bp-entry-content blockquote{
  border-inline-start: 4px solid var(--bp-red);
  margin: 1.5em 0;
  padding: 4px 20px;
  font-style: italic;
  color: var(--bp-gray-700);
}
.bp-entry-content img{ border-radius: var(--bp-radius); }
.bp-tags{ margin-top: 24px; display: flex; gap: 8px; flex-wrap: wrap; }
.bp-tags a{ background: var(--bp-gray-100); padding: 6px 12px; border-radius: 20px; font-size: 13px; }
.bp-tags a:hover{ background: var(--bp-red); color: var(--bp-white); }
.bp-share{ display: flex; gap: 10px; margin-top: 20px; }
.bp-share a{ background: var(--bp-gray-100); padding: 8px 14px; border-radius: var(--bp-radius); font-size: 13px; font-weight: 700; }
.bp-share a:hover{ background: var(--bp-red); color: var(--bp-white); }
.bp-author-box{ display: flex; gap: 14px; margin-top: 28px; padding: 18px; background: var(--bp-gray-100); border-radius: var(--bp-radius); align-items: flex-start; }
.bp-author-box img{ border-radius: 50%; width: 56px; height: 56px; }
.bp-post-nav{ display: flex; justify-content: space-between; gap: 16px; margin-top: 28px; }
.bp-post-nav a{ flex: 1; padding: 14px; background: var(--bp-gray-100); border-radius: var(--bp-radius); font-size: 13px; }
.bp-post-nav a:hover{ background: var(--bp-red); color: var(--bp-white); }
.bp-post-nav .nav-next{ text-align: end; }

/* 13.0 Comments */
.bp-comments{ background: var(--bp-white); border-radius: var(--bp-radius); padding: 24px; margin-top: 24px; }
.bp-comments .comment-list{ margin: 0; }
.bp-comments ol.children{ margin-inline-start: 40px; }
.bp-comments .comment-body{ padding: 16px 0; border-bottom: 1px solid var(--bp-gray-300); }
.bp-comments .comment-author{ font-weight: 700; font-size: 14px; }
.bp-comments .comment-meta{ font-size: 12px; color: var(--bp-gray-500); margin-bottom: 8px; }
.bp-comments .comment-form input,
.bp-comments .comment-form textarea{
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--bp-gray-300);
  border-radius: var(--bp-radius);
  margin-bottom: 12px;
  font-family: inherit;
}
.bp-comments .comment-form input[type="submit"]{
  width: auto;
  background: var(--bp-red);
  color: var(--bp-white);
  border: 0;
  font-weight: 700;
  padding: 10px 24px;
}
.bp-comments .comment-form input[type="submit"]:hover{ background: var(--bp-red-dark); }

/* 14.0 Footer */
.bp-footer{
  background: #1c1d20;
  color: #c9c9cc;
  margin-top: 32px;
  text-align: center;
  padding: 48px 0 0;
}
.bp-footer-editor{
  font-size: 18px;
  font-weight: 600;
  color: var(--bp-white);
  margin-bottom: 28px;
}
.bp-footer-logo-wrap{ margin-bottom: 40px; }
.bp-footer-logo-wrap img{ display: inline-block; max-height: 64px; width: auto; }
a.bp-footer-logo{
  display: inline-block;
  font-family: var(--bp-font-display);
  font-weight: 800;
  font-size: 26px;
  color: var(--bp-white);
  border: 1px solid rgba(255,255,255,.25);
  padding: 14px 28px;
}

.bp-footer-social{
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 36px;
}
.bp-social-circle{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bp-white);
  flex-shrink: 0;
}
.bp-social-circle.is-facebook{ background: #1877f2; }
.bp-social-circle.is-twitter{ background: #1da1f2; }
.bp-social-circle.is-instagram{
  background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.bp-social-circle.is-youtube{ background: #ff0000; }
.bp-social-circle:hover{ opacity: .85; }

.bp-footer-links{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  font-size: 15px;
  font-weight: 600;
  color: var(--bp-white);
  margin-bottom: 44px;
  padding: 0 16px;
  list-style: none;
}
.bp-footer-links li{ list-style: none; }
.bp-footer-links a{ color: var(--bp-white); }
.bp-footer-links a:hover{ color: var(--bp-red); }

.bp-footer-info{
  border-top: 1px solid rgba(255,255,255,.12);
  padding: 32px 16px 28px;
}
.bp-footer-sitename{
  font-family: Georgia, "Times New Roman", serif;
  font-size: 26px;
  letter-spacing: 1px;
  color: var(--bp-white);
  margin-bottom: 14px;
}
.bp-footer-address{
  max-width: 640px;
  margin: 0 auto 16px;
  font-size: 14.5px;
  line-height: 1.7;
}
.bp-footer-contact-line{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14.5px;
  margin-bottom: 10px;
}
.bp-footer-contact-line a{ color: #c9c9cc; }
.bp-footer-contact-line a:hover{ color: var(--bp-white); }
.bp-footer-contact-line svg{ flex-shrink: 0; opacity: .8; }

.bp-footer-bottom{
  border-top: 1px solid rgba(255,255,255,.12);
  padding: 16px;
  font-size: 13px;
  color: #9a9a9d;
}

/* Back to top button */
.bp-back-to-top{
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: var(--bp-red);
  color: var(--bp-white);
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(0,0,0,.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s;
  z-index: 250;
}
.bp-back-to-top.is-visible{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.bp-back-to-top:hover{ background: var(--bp-red-dark); }
@media print{
  .bp-back-to-top{ display: none !important; }
}

/* 15.0 Utilities */
.screen-reader-text{
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
  white-space: nowrap;
}
.bp-visually-hidden{ display: none; }
.alignwide{ margin-inline: -60px; max-width: none; }
.alignfull{ margin-inline: calc(50% - 50vw); max-width: 100vw; }

/* 16.0 Responsive */
@media (max-width: 960px){
  .bp-main-layout{ grid-template-columns: 1fr; }
  .bp-hero{ grid-template-columns: 1fr; }
  .bp-section-grid{ grid-template-columns: repeat(2, 1fr); }
  .bp-video-list{ grid-template-columns: repeat(2, 1fr); }
  .bp-footer-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px){
  .bp-section-grid{ grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .bp-video-list{ grid-template-columns: 1fr; }
  .bp-hero-side-item img{ width: 84px; height: 64px; }
  .bp-footer-grid{ grid-template-columns: 1fr; }
  .bp-logo{ font-size: 19px; }
  .bp-epaper-btn{ padding: 6px 10px; font-size: 11.5px; }
  .bp-primary-nav ul::-webkit-scrollbar{ display: none; }
  .bp-footer-links{ gap: 22px 28px; font-size: 14px; }
  .bp-footer-social{ gap: 12px; }
  .bp-social-circle{ width: 44px; height: 44px; }
}

/* 17.0 Print */
@media print{
  .bp-top-accent, .bp-header, .bp-ticker, .bp-nav-wrap, .bp-offcanvas,
  .bp-offcanvas-backdrop, .bp-sidebar, .bp-footer, .bp-share-circles,
  .bp-post-nav, .bp-comments, .skip-link, .bp-related-section,
  .bp-tabs-widget, .bp-archive-widget, .bp-pcstudio-overlay{
    display: none !important;
  }
  .bp-main-layout{ display: block; }
  .bp-single{ padding: 0; }
  body{ background: var(--bp-white); }
}