/*
Theme Name: BarmerCity
Theme URI: https://barmercity.com/
Author: BarmerCity
Author URI: https://barmercity.com/
Description: A modern, clean Hindi news portal theme for Barmer & the Thar region. Saffron/warm Indian palette, breaking-news ticker, hero grid, category browsing and a flexible widgetised sidebar.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
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: barmercity
Tags: news, blog, two-columns, right-sidebar, custom-menu, featured-images, translation-ready, sticky-post
*/

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root{
  --bc-saffron:#E8730C;
  --bc-saffron-deep:#B5410A;
  --bc-ink:#1C140D;
  --bc-ink-2:#33271A;
  --bc-cream:#FFFBF5;
  --bc-cream-2:#FBF1E4;
  --bc-border:#EFE4D6;
  --bc-border-2:#EADFCF;
  --bc-muted:#9A8268;
  --bc-muted-2:#8A7763;
  --bc-text-soft:#6F5D49;
  --bc-breaking:#D7263D;
  --bc-whatsapp:#25D366;
  --bc-max:1240px;
  --bc-serif:'Noto Serif Devanagari', serif;
  --bc-sans:'Noto Sans Devanagari', sans-serif;
}

/* ============================================================
   RESET / BASE
   ============================================================ */
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--bc-cream);
  color:var(--bc-ink);
  font-family:var(--bc-sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;transition:color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease;}
h1,h2,h3,h4,h5,h6{font-family:var(--bc-serif);margin:0;}
button,input{font-family:inherit;}
.bc-container{max-width:var(--bc-max);margin:0 auto;padding:0 28px;}
.bc-screen-reader-text{position:absolute !important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;}

/* ============================================================
   TOP UTILITY BAR
   ============================================================ */
.bc-topbar{background:var(--bc-ink);color:#E8DCCB;}
.bc-topbar .bc-container{height:40px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;}
.bc-topbar-left{display:flex;align-items:center;gap:18px;}
.bc-topbar-left .bc-date{color:#F0E6D6;}
.bc-divider{width:1px;height:14px;background:var(--bc-ink-2);display:inline-block;}
.bc-weather{display:flex;align-items:center;gap:6px;}
.bc-weather .bc-sun{color:var(--bc-saffron);font-size:15px;}
.bc-topbar-right{display:flex;align-items:center;gap:22px;}
.bc-topbar-right a{color:#E8DCCB;}
.bc-topbar-right a:hover{color:#fff;}
.bc-social{display:flex;gap:10px;align-items:center;}
.bc-social span{width:26px;height:26px;border-radius:50%;background:var(--bc-ink-2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;}
.bc-social .bc-wa{background:var(--bc-whatsapp);color:#0a3d22;font-size:13px;font-weight:800;}

/* ============================================================
   MASTHEAD
   ============================================================ */
.bc-masthead{background:var(--bc-cream);border-bottom:1px solid var(--bc-border);}
.bc-masthead .bc-container{padding-top:22px;padding-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:32px;}
.bc-brand{display:flex;align-items:center;gap:16px;}
.bc-logo{display:flex;align-items:center;justify-content:center;flex:none;}
.bc-logo span{font-family:var(--bc-serif);font-weight:900;font-size:34px;color:#fff;line-height:1;}
.bc-logo img{width:auto;max-height:55px;object-fit:contain;}
.bc-brand-name{font-family:var(--bc-serif);font-weight:900;font-size:34px;line-height:1;letter-spacing:-.5px;}
.bc-brand-tag{font-size:13px;font-weight:600;color:var(--bc-saffron-deep);letter-spacing:3px;margin-top:5px;}
.bc-masthead-right{display:flex;align-items:center;gap:14px;}
.bc-search{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--bc-border-2);border-radius:999px;padding:7px 14px;width:200px;}
.bc-search .bc-search-icon{color:#B79C7E;font-size:15px;}
.bc-search input{border:none;outline:none;background:transparent;font-size:14px;color:var(--bc-ink);width:100%;}
.bc-btn-primary{border:none;background:var(--bc-saffron);color:#fff;font-weight:700;font-size:14px;padding:12px 22px;border-radius:999px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px rgba(232,115,12,.3);}
.bc-btn-primary:hover{background:var(--bc-saffron-deep);}

/* ============================================================
   STICKY NAV
   ============================================================ */
.bc-nav{background:var(--bc-saffron-deep);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(28,20,13,.18);}
.bc-nav .bc-container{display:flex;align-items:center;gap:2px;height:52px;}
.bc-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;height:100%;flex-wrap:wrap;}
.bc-nav li{height:100%;}
.bc-nav a{color:#FBE9D8;font-weight:600;font-size:15px;padding:0 16px;height:100%;display:flex;align-items:center;}
.bc-nav a:hover{background:rgba(0,0,0,.22);color:#fff;}
.bc-nav .current-menu-item>a,.bc-nav .current_page_item>a,.bc-nav li:first-child a{background:rgba(0,0,0,.18);color:#fff;font-weight:700;}

/* ============================================================
   BREAKING TICKER
   ============================================================ */
.bc-ticker{background:var(--bc-ink);overflow:hidden;}
.bc-ticker .bc-container{display:flex;align-items:center;gap:0;height:48px;}
.bc-ticker-label{display:flex;align-items:center;gap:8px;background:var(--bc-breaking);color:#fff;font-weight:800;font-size:14px;padding:0 16px;height:48px;white-space:nowrap;letter-spacing:.5px;flex:none;}
.bc-ticker-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:bc-pulse 1.4s ease-in-out infinite;}
.bc-ticker-track{position:relative;overflow:hidden;flex:1;height:48px;}
.bc-ticker-strip{position:absolute;top:0;left:0;height:48px;display:flex;align-items:center;gap:48px;white-space:nowrap;animation:bc-ticker 36s linear infinite;will-change:transform;}
.bc-ticker-strip:hover{animation-play-state:paused;}
.bc-ticker-item{display:flex;align-items:center;gap:12px;color:#F0E6D6;font-size:14.5px;font-weight:500;}
.bc-ticker-item .bc-arrow{color:var(--bc-saffron);font-weight:800;}
@keyframes bc-ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes bc-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.6);}50%{box-shadow:0 0 0 6px rgba(255,255,255,0);}}

/* ============================================================
   SECTION HEADINGS
   ============================================================ */
.bc-sec-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.bc-sec-bar{width:5px;height:26px;background:var(--bc-saffron);border-radius:3px;flex:none;}
.bc-sec-title{font-family:var(--bc-serif);font-weight:800;font-size:24px;margin:0;}
.bc-sec-rule{flex:1;height:1px;background:var(--bc-border);}
.bc-sec-more{color:var(--bc-saffron-deep);font-weight:700;font-size:14px;white-space:nowrap;}
.bc-sec-more:hover{color:var(--bc-saffron);}

/* ============================================================
   HERO
   ============================================================ */
.bc-hero{padding-top:34px;padding-bottom:8px;}
.bc-hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;}
.bc-hero-lead{position:relative;border-radius:16px;overflow:hidden;min-height:480px;box-shadow:0 12px 30px rgba(28,20,13,.16);display:block;}
.bc-hero-lead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.bc-hero-lead .bc-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,12,6,.92) 0%,rgba(20,12,6,.45) 45%,rgba(20,12,6,.05) 75%);}
.bc-hero-lead .bc-hero-body{position:absolute;left:0;right:0;bottom:0;padding:34px;}
.bc-hero-lead h1{font-weight:800;font-size:38px;line-height:1.25;color:#fff;margin:0 0 12px;text-wrap:balance;}
.bc-hero-lead p{color:#E5D8C7;font-size:16px;line-height:1.6;margin:0 0 14px;max-width:620px;}
.bc-hero-lead .bc-byline{color:#C9B59B;font-size:13.5px;font-weight:500;}
.bc-cat-pill{display:inline-block;background:var(--bc-saffron);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:1px;padding:6px 13px;border-radius:6px;margin-bottom:16px;}
.bc-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:24px;}
.bc-hero-card{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(28,20,13,.12);display:block;min-height:228px;}
.bc-hero-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.bc-hero-card .bc-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,12,6,.9) 0%,rgba(20,12,6,.25) 60%,rgba(20,12,6,0) 100%);}
.bc-hero-card .bc-hero-body{position:absolute;left:0;right:0;bottom:0;padding:20px;}
.bc-hero-card h3{font-weight:700;font-size:20px;line-height:1.3;color:#fff;margin:0;}
.bc-cat-pill-glass{display:inline-block;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);color:#fff;font-weight:700;font-size:11px;letter-spacing:.8px;padding:4px 10px;border-radius:5px;margin-bottom:10px;}

/* ============================================================
   LATEST STRIP / CARD GRID
   ============================================================ */
.bc-block{padding-top:30px;padding-bottom:8px;}
.bc-card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.bc-card{display:block;}
.bc-card .bc-thumb{border-radius:12px;overflow:hidden;height:160px;margin-bottom:14px;box-shadow:0 6px 16px rgba(28,20,13,.1);}
.bc-card .bc-thumb img{width:100%;height:100%;object-fit:cover;}
.bc-card:hover .bc-thumb img{transform:scale(1.04);}
.bc-cat-label{color:var(--bc-saffron);font-weight:700;font-size:12px;letter-spacing:.6px;}
.bc-card h3{font-weight:700;font-size:18px;line-height:1.35;margin:7px 0 8px;text-wrap:pretty;}
.bc-card:hover h3{color:var(--bc-saffron-deep);}
.bc-meta{color:var(--bc-muted);font-size:13px;}

/* ============================================================
   MAIN GRID (content + sidebar)
   ============================================================ */
.bc-main{padding-top:34px;padding-bottom:34px;}
.bc-main-grid{display:grid;grid-template-columns:1fr 340px;gap:44px;}

/* feature block: 1 large + list */
.bc-feature-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;margin-bottom:40px;}
.bc-feature .bc-thumb{border-radius:14px;overflow:hidden;height:260px;margin-bottom:16px;box-shadow:0 8px 20px rgba(28,20,13,.12);}
.bc-feature .bc-thumb img{width:100%;height:100%;object-fit:cover;}
.bc-feature h3{font-weight:800;font-size:25px;line-height:1.3;margin:8px 0 10px;text-wrap:pretty;}
.bc-feature p{color:var(--bc-text-soft);font-size:15px;line-height:1.6;margin:0;}
.bc-feature:hover h3{color:var(--bc-saffron-deep);}
.bc-list{display:flex;flex-direction:column;}
.bc-list-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--bc-border);}
.bc-list-item .bc-thumb{width:84px;height:64px;border-radius:9px;overflow:hidden;flex:none;}
.bc-list-item .bc-thumb img{width:100%;height:100%;object-fit:cover;}
.bc-list-item h4{font-weight:700;font-size:15.5px;line-height:1.35;margin:0 0 6px;}
.bc-list-item:hover h4{color:var(--bc-saffron-deep);}
.bc-list-item .bc-meta{font-size:12.5px;}

/* local cards (horizontal) */
.bc-card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.bc-hcard{display:flex;gap:16px;background:#fff;border:1px solid var(--bc-border);border-radius:12px;padding:14px;}
.bc-hcard:hover{box-shadow:0 8px 20px rgba(28,20,13,.1);}
.bc-hcard .bc-thumb{width:110px;height:90px;border-radius:9px;overflow:hidden;flex:none;}
.bc-hcard .bc-thumb img{width:100%;height:100%;object-fit:cover;}
.bc-hcard h4{font-weight:700;font-size:17px;line-height:1.35;margin:5px 0 7px;text-wrap:pretty;}
.bc-hcard .bc-cat-label{font-size:11.5px;}
.bc-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bc-saffron),var(--bc-saffron-deep));display:flex;align-items:center;justify-content:center;}
.bc-thumb-placeholder span{font-family:var(--bc-serif);font-weight:900;color:rgba(255,255,255,.6);font-size:22px;}

/* ============================================================
   SIDEBAR WIDGETS
   ============================================================ */
.bc-sidebar{}
.bc-widget{background:#fff;border:1px solid var(--bc-border);border-radius:14px;padding:24px;margin-bottom:26px;}
.bc-widget-title{font-family:var(--bc-serif);font-weight:800;font-size:20px;margin:0 0 18px;display:flex;align-items:center;gap:10px;}
.bc-widget ul{list-style:none;margin:0;padding:0;}
.bc-rank-item{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid #F2E9DC;}
.bc-rank-item:last-child{border-bottom:none;}
.bc-rank-num{font-family:var(--bc-serif);font-weight:800;font-size:26px;color:#E8C9AC;line-height:1;flex:none;width:30px;}
.bc-rank-item h4{font-family:var(--bc-sans);font-weight:600;font-size:14.5px;line-height:1.45;margin:0;}
.bc-rank-item:hover h4{color:var(--bc-saffron-deep);}
/* generic widget list links */
.bc-widget li a{display:block;color:var(--bc-ink);font-size:14.5px;padding:9px 0;border-bottom:1px solid #F2E9DC;}
.bc-widget li:last-child a{border-bottom:none;}
.bc-widget li a:hover{color:var(--bc-saffron-deep);}

.bc-widget-jyotish{border-radius:14px;padding:24px;margin-bottom:26px;background:linear-gradient(150deg,#2A1E12,#4A2D14);color:#F4E7D5;}
.bc-widget-jyotish .bc-widget-title{color:#fff;}
.bc-widget-jyotish p{font-size:14px;line-height:1.6;color:#D8C4AC;margin:0 0 16px;}
.bc-rashi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.bc-rashi{text-align:center;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 4px;cursor:pointer;}
.bc-rashi:hover{background:var(--bc-saffron);border-color:var(--bc-saffron);}

.bc-widget-cta{background:var(--bc-saffron);border-radius:14px;padding:24px;color:#fff;}
.bc-widget-cta h3{font-family:var(--bc-serif);font-weight:800;font-size:20px;margin:0 0 8px;}
.bc-widget-cta p{font-size:14px;line-height:1.55;color:#FFE9D6;margin:0 0 16px;}
.bc-widget-cta button{border:none;background:#fff;color:var(--bc-saffron-deep);font-weight:800;font-size:14px;padding:12px 20px;border-radius:999px;cursor:pointer;width:100%;}

/* ============================================================
   CATEGORY BROWSE BAND
   ============================================================ */
.bc-catband{background:var(--bc-cream-2);border-top:1px solid var(--bc-border);}
.bc-catband .bc-container{padding-top:40px;padding-bottom:40px;}
.bc-catband-head{text-align:center;margin-bottom:30px;}
.bc-catband-head h2{font-family:var(--bc-serif);font-weight:800;font-size:28px;margin:0 0 8px;}
.bc-catband-head p{color:var(--bc-muted-2);font-size:15px;margin:0;}
.bc-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.bc-cat-tile{background:#fff;border:1px solid var(--bc-border);border-radius:14px;padding:24px 16px;text-align:center;display:block;}
.bc-cat-tile:hover{box-shadow:0 10px 24px rgba(28,20,13,.12);transform:translateY(-2px);}
.bc-cat-tile .bc-cat-icon{font-size:30px;margin-bottom:12px;}
.bc-cat-tile .bc-cat-name{font-family:var(--bc-serif);font-weight:700;font-size:17px;}
.bc-cat-tile .bc-cat-count{color:var(--bc-muted);font-size:12.5px;margin-top:4px;}

/* ============================================================
   FOOTER
   ============================================================ */
.bc-footer{background:var(--bc-ink);color:#C9B59B;}
.bc-footer .bc-container{padding-top:48px;padding-bottom:28px;}
.bc-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:36px;border-bottom:1px solid var(--bc-ink-2);}
.bc-footer-brand .bc-brand{margin-bottom:16px;}
.bc-footer-brand .bc-logo{width:46px;height:46px;border-radius:11px;}
.bc-footer-brand .bc-logo span{font-size:26px;}
.bc-footer-brand .bc-brand-name{font-size:23px;color:#fff;}
.bc-footer-brand .bc-brand-tag{font-size:11px;letter-spacing:2px;color:var(--bc-saffron);margin-top:2px;}
.bc-footer-brand p{font-size:14px;line-height:1.7;margin:0;max-width:300px;}
.bc-footer h4{color:#fff;font-family:var(--bc-serif);font-size:16px;margin:0 0 16px;}
.bc-footer ul{list-style:none;margin:0;padding:0;}
.bc-footer ul a{display:block;color:#C9B59B;font-size:14px;padding:6px 0;}
.bc-footer ul a:hover{color:#fff;}
.bc-footer-connect p{font-size:14px;line-height:1.6;margin:0 0 14px;}
.bc-footer-social{display:flex;gap:10px;}
.bc-footer-social span{width:38px;height:38px;border-radius:10px;background:var(--bc-ink-2);display:flex;align-items:center;justify-content:center;font-weight:700;}
.bc-footer-social .bc-wa{background:var(--bc-whatsapp);color:#0a3d22;font-weight:800;}
.bc-footer-bottom{padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--bc-muted-2);}

/* ============================================================
   SINGLE / ARCHIVE / CONTENT
   ============================================================ */
.bc-page{padding-top:34px;padding-bottom:48px;}
.bc-article{background:#fff;border:1px solid var(--bc-border);border-radius:16px;padding:40px;box-shadow:0 8px 24px rgba(28,20,13,.06);}
.bc-article-header{margin-bottom:24px;}
.bc-article-header .bc-cat-pill{background:var(--bc-saffron);}
.bc-article-title{font-weight:800;font-size:38px;line-height:1.2;margin:14px 0 14px;text-wrap:balance;}
.bc-article-meta{color:var(--bc-muted);font-size:14px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.bc-article-figure{border-radius:14px;overflow:hidden;margin:24px 0;}
.bc-article-content{font-size:17px;line-height:1.85;color:#2A2018;}
.bc-article-content p{margin:0 0 20px;}
.bc-article-content h2,.bc-article-content h3{margin:32px 0 14px;}
.bc-article-content a{color:var(--bc-saffron-deep);text-decoration:underline;}
.bc-article-content img{border-radius:10px;margin:20px 0;}
.bc-article-content blockquote{border-left:4px solid var(--bc-saffron);background:var(--bc-cream-2);margin:24px 0;padding:18px 24px;border-radius:0 10px 10px 0;font-style:italic;}

.bc-archive-head{padding:30px 0 6px;}
.bc-archive-head h1{font-weight:800;font-size:32px;}
.bc-archive-head .bc-archive-desc{color:var(--bc-text-soft);margin-top:8px;max-width:680px;}

.bc-pagination{display:flex;gap:8px;justify-content:center;margin-top:36px;flex-wrap:wrap;}
.bc-pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:10px;background:#fff;border:1px solid var(--bc-border);font-weight:700;color:var(--bc-ink);}
.bc-pagination .page-numbers.current{background:var(--bc-saffron);border-color:var(--bc-saffron);color:#fff;}
.bc-pagination a.page-numbers:hover{border-color:var(--bc-saffron);color:var(--bc-saffron-deep);}

/* comments + misc WP defaults */
.bc-comments{margin-top:36px;}
.sticky,.gallery-caption,.bypostauthor{}
.alignleft{float:left;margin:6px 24px 12px 0;}
.alignright{float:right;margin:6px 0 12px 24px;}
.aligncenter{margin:12px auto;}
.wp-caption-text{font-size:13px;color:var(--bc-muted);text-align:center;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1040px){
  .bc-main-grid{grid-template-columns:1fr;}
  .bc-cat-grid{grid-template-columns:repeat(3,1fr);}
  .bc-card-grid-4{grid-template-columns:repeat(2,1fr);}
  .bc-footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
}
@media (max-width:860px){
  .bc-hero-grid{grid-template-columns:1fr;}
  .bc-feature-grid{grid-template-columns:1fr;}
  .bc-card-grid-2{grid-template-columns:1fr;}
  .bc-masthead .bc-container{flex-direction:column;align-items:flex-start;gap:18px;}
  .bc-search{width:100%;}
  .bc-masthead-right{width:100%;}
  .bc-article-title{font-size:30px;}
}
@media (max-width:560px){
  .bc-container{padding:0 18px;}
  .bc-topbar-right{gap:12px;}
  .bc-topbar-right a{display:none;}
  .bc-card-grid-4{grid-template-columns:1fr;}
  .bc-cat-grid{grid-template-columns:repeat(2,1fr);}
  .bc-footer-grid{grid-template-columns:1fr;}
  .bc-hero-lead h1{font-size:28px;}
  .bc-article{padding:24px;}
  .bc-footer-bottom{flex-direction:column;gap:8px;text-align:center;}
}