/*
Theme Name: Daily Gauchia
Theme URI: https://dailygauchia.com/
Author: Daily Gauchia
Author URI: https://dailygauchia.com/
Description: A fast, Elementor-ready newspaper theme for Bangladeshi news portals. Ships with a magazine front page, category desks, breaking-news ticker, ad slots and full Elementor Theme Builder support for header, footer, single, archive and 404 templates.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: daily-gauchia
Tags: news, magazine, blog, elementor, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, translation-ready
*/

/* =========================================================
   1. Design tokens
   ========================================================= */
:root{
  --dg-paper:#ffffff;
  --dg-newsprint:#f4f2ed;
  --dg-ink:#191a1d;
  --dg-ink-soft:#54565c;
  --dg-rule:#dcd8d0;
  --dg-rule-strong:#b9b3a8;
  --dg-brand:#b81d24;
  --dg-brand-dark:#8c151b;
  --dg-accent:#0f5c4a;
  --dg-gold:#8a6a1f;
  --dg-chip:#eeeae3;
  --dg-maxw:1240px;
  --dg-gap:22px;
  --dg-f-head:"Noto Serif Bengali","Noto Serif",Georgia,serif;
  --dg-f-body:"Noto Sans Bengali","Segoe UI",Arial,sans-serif;
}

body.dg-dark{
  --dg-paper:#14151a;
  --dg-newsprint:#1a1c22;
  --dg-ink:#eceae5;
  --dg-ink-soft:#a4a6ad;
  --dg-rule:#2c2f37;
  --dg-rule-strong:#3d414b;
  --dg-brand:#e4535a;
  --dg-brand-dark:#c23c43;
  --dg-accent:#4fb79b;
  --dg-gold:#d0aa4e;
  --dg-chip:#23262e;
}

/* =========================================================
   2. Base
   ========================================================= */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--dg-paper);color:var(--dg-ink);
  font-family:var(--dg-f-body);font-size:16px;line-height:1.6;
}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover .dg-hl{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--dg-brand);outline-offset:2px}
h1,h2,h3,h4,h5,h6{font-family:var(--dg-f-head);margin:0;letter-spacing:-.005em;line-height:1.3}
.dg-wrap{max-width:var(--dg-maxw);margin:0 auto;padding:0 16px}
.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;word-wrap:normal!important;
}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;background:var(--dg-brand);color:#fff;padding:10px 16px;z-index:999}

/* =========================================================
   3. Utility strip + masthead
   ========================================================= */
.dg-utility{border-bottom:1px solid var(--dg-rule);background:var(--dg-newsprint);font-size:13px;color:var(--dg-ink-soft)}
.dg-utility .dg-wrap{display:flex;align-items:center;gap:16px;min-height:38px;flex-wrap:wrap}
.dg-utility ul{list-style:none;display:flex;gap:14px;margin:0;padding:0}
.dg-utility nav{margin-inline-start:auto}
.dg-utility a:hover{color:var(--dg-brand)}
.dg-theme-btn{
  border:1px solid var(--dg-rule-strong);background:transparent;color:inherit;
  font-family:inherit;font-size:12px;border-radius:2px;padding:3px 9px;cursor:pointer;
}
.dg-theme-btn:hover{border-color:var(--dg-brand);color:var(--dg-brand)}

.dg-masthead .dg-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;padding:18px 16px 16px}
.dg-logo{display:flex;align-items:center;gap:12px}
.dg-logo img{max-height:62px;width:auto}
.dg-logo-mark{
  width:56px;height:56px;flex:none;border-radius:50%;background:var(--dg-brand);color:#fff;
  display:grid;place-items:center;font-family:var(--dg-f-head);font-weight:700;font-size:30px;line-height:1;padding-bottom:4px;
}
.dg-site-title{margin:0;font-family:var(--dg-f-head);font-weight:700;font-size:clamp(28px,5vw,44px);line-height:1.05}
.dg-tagline{
  font-size:11.5px;letter-spacing:.3em;color:var(--dg-ink-soft);margin-top:5px;padding-top:5px;
  border-top:1px solid var(--dg-rule);display:inline-block;
}
.dg-ad{background:var(--dg-newsprint);border:1px dashed var(--dg-rule-strong);display:grid;place-items:center;color:var(--dg-ink-soft);font-size:12px;letter-spacing:.16em}
.dg-ad-leader{min-height:90px;padding:6px}
.dg-ad-rail{min-height:250px;padding:6px}
.dg-ad img{max-width:100%}

/* =========================================================
   4. Navigation
   ========================================================= */
.dg-mainnav{border-top:3px solid var(--dg-ink);border-bottom:1px solid var(--dg-rule);background:var(--dg-paper);position:sticky;top:0;z-index:40}
body.admin-bar .dg-mainnav{top:32px}
.dg-mainnav .dg-wrap{display:flex;align-items:center;gap:2px;position:relative}
.dg-menu{list-style:none;display:flex;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.dg-menu::-webkit-scrollbar{display:none}
.dg-menu li{position:relative}
.dg-menu a{font-family:var(--dg-f-head);font-weight:600;font-size:16.5px;padding:11px 13px;display:block;white-space:nowrap}
.dg-menu a:hover,.dg-menu .current-menu-item > a{color:var(--dg-brand)}
.dg-menu .sub-menu{
  display:none;position:absolute;top:100%;inset-inline-start:0;min-width:210px;
  background:var(--dg-paper);border:1px solid var(--dg-rule);list-style:none;margin:0;padding:6px 0;z-index:50;
}
.dg-menu li:hover > .sub-menu,.dg-menu li:focus-within > .sub-menu{display:block}
.dg-menu .sub-menu a{font-size:15px;padding:8px 14px}
.dg-nav-right{margin-inline-start:auto;display:flex;align-items:center;gap:8px;padding-inline-start:10px}
.dg-search{display:flex;align-items:center;gap:6px;border:1px solid var(--dg-rule);padding:5px 9px;background:var(--dg-newsprint)}
.dg-search input[type="search"]{border:0;background:transparent;font-family:var(--dg-f-body);font-size:14px;color:inherit;width:120px;outline:0}
.dg-search button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:15px;padding:0}
.dg-cta{background:var(--dg-brand);color:#fff;font-family:var(--dg-f-head);font-weight:600;font-size:15px;padding:8px 14px}
.dg-cta:hover{background:var(--dg-brand-dark);color:#fff}
.dg-burger{display:none;border:1px solid var(--dg-rule-strong);background:transparent;color:inherit;font-size:18px;padding:6px 11px;cursor:pointer}

/* =========================================================
   5. Ticker
   ========================================================= */
.dg-ticker{display:flex;align-items:center;border-bottom:1px solid var(--dg-rule);overflow:hidden}
.dg-ticker .dg-tag{background:var(--dg-brand);color:#fff;font-family:var(--dg-f-head);font-weight:600;font-size:15px;padding:9px 14px;white-space:nowrap;flex:none}
.dg-ticker .dg-track{overflow:hidden;flex:1}
.dg-ticker ul{display:flex;gap:44px;margin:0;padding:9px 0 9px 18px;list-style:none;white-space:nowrap;font-size:15px;animation:dg-slide 40s linear infinite}
.dg-ticker li::before{content:"\2022";color:var(--dg-brand);margin-inline-end:10px}
@keyframes dg-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.dg-ticker ul{animation:none}.dg-ticker .dg-track{overflow-x:auto}}

/* =========================================================
   6. Story components
   ========================================================= */
.dg-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--dg-chip)}
.dg-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
a:hover > .dg-thumb img{transform:scale(1.03)}
.dg-thumb.dg-ph-1{background:repeating-radial-gradient(circle at 12% 18%,rgba(0,0,0,.14) 0 1px,transparent 1px 6px),linear-gradient(140deg,#c9d3d6,#8fa3ac 55%,#6d818c)}
.dg-thumb.dg-ph-2{background:repeating-radial-gradient(circle at 80% 20%,rgba(0,0,0,.12) 0 1px,transparent 1px 6px),linear-gradient(160deg,#e6d6bd,#c39f76 60%,#9a7a52)}
.dg-thumb.dg-ph-3{background:repeating-radial-gradient(circle at 30% 70%,rgba(0,0,0,.12) 0 1px,transparent 1px 6px),linear-gradient(120deg,#cddec9,#8fb08a 55%,#5f8262)}
.dg-thumb.dg-ph-4{background:repeating-radial-gradient(circle at 60% 40%,rgba(0,0,0,.13) 0 1px,transparent 1px 6px),linear-gradient(200deg,#d8c8d6,#a58aa8 55%,#6f5a7d)}
.dg-thumb.dg-ph-5{background:repeating-radial-gradient(circle at 20% 50%,rgba(0,0,0,.13) 0 1px,transparent 1px 6px),linear-gradient(30deg,#d6cec2,#9b8f7f 55%,#6d6357)}
.dg-thumb.dg-ph-6{background:repeating-radial-gradient(circle at 70% 75%,rgba(0,0,0,.12) 0 1px,transparent 1px 6px),linear-gradient(220deg,#c3cfe2,#8b9ec4 55%,#5d6f96)}
.dg-thumb .dg-stamp{position:absolute;inset-inline-start:0;bottom:0;background:rgba(0,0,0,.72);color:#fff;font-size:12px;padding:4px 9px}
.dg-kicker{font-family:var(--dg-f-head);font-weight:600;font-size:13.5px;color:var(--dg-brand);display:inline-block;margin-bottom:6px}
.dg-deck{color:var(--dg-ink-soft);font-size:15px;margin:8px 0 0}
.dg-meta{color:var(--dg-ink-soft);font-size:13px;margin-top:8px}
.dg-card h3{font-size:19px;line-height:1.35;margin-top:11px}
.dg-card .dg-deck{font-size:14.5px}

/* Lead block */
.dg-lead{display:grid;grid-template-columns:1.55fr 1fr;gap:var(--dg-gap);padding:26px 0 4px}
.dg-lead-main h2{font-size:clamp(26px,3.4vw,40px);line-height:1.22;margin-top:14px}
.dg-lead-main .dg-deck{font-size:17px;line-height:1.62;max-width:62ch}
.dg-lead-side{border-inline-start:1px solid var(--dg-rule);padding-inline-start:var(--dg-gap)}
.dg-side-story{padding:14px 0;border-bottom:1px solid var(--dg-rule);display:grid;grid-template-columns:1fr 104px;gap:14px}
.dg-side-story:first-child{padding-top:0}
.dg-side-story:last-child{border-bottom:0}
.dg-side-story h3{font-size:18px;line-height:1.34}
.dg-side-story .dg-thumb{aspect-ratio:1/1}

/* Sections */
.dg-section{padding:30px 0;border-top:1px solid var(--dg-rule)}
.dg-section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;border-bottom:2px solid var(--dg-ink);padding-bottom:8px}
.dg-section-head h2{font-size:23px}
.dg-section-head .dg-more{margin-inline-start:auto;font-size:14px;color:var(--dg-ink-soft)}
.dg-section-head .dg-more:hover{color:var(--dg-brand)}
.dg-grid{display:grid;gap:var(--dg-gap)}
.dg-g2{grid-template-columns:repeat(2,1fr)}
.dg-g3{grid-template-columns:repeat(3,1fr)}
.dg-g4{grid-template-columns:repeat(4,1fr)}

/* Desk layout */
.dg-desk{display:grid;grid-template-columns:1fr 320px;gap:34px;align-items:start;padding:8px 0 20px}
.dg-desk.dg-left{grid-template-columns:320px 1fr}
.dg-desk.dg-none{grid-template-columns:1fr}
.dg-rail{position:sticky;top:66px;display:grid;gap:26px}
.dg-rail .widget{border:1px solid var(--dg-rule)}
.dg-rail .widget-title,.dg-rail .widgettitle{background:var(--dg-ink);color:var(--dg-paper);font-family:var(--dg-f-head);font-weight:600;font-size:16px;padding:9px 14px;margin:0}
.dg-rail .widget > ul,.dg-rail .widget > div,.dg-rail .widget > form,.dg-rail .widget > p{padding:14px}
.dg-rail .widget ul{list-style:none;margin:0}
.dg-rail .widget li{padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--dg-rule)}
.dg-rail .widget li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}

/* Tabbed rail box */
.dg-tabs{display:flex;border-bottom:1px solid var(--dg-rule)}
.dg-tabs button{flex:1;border:0;background:var(--dg-newsprint);color:var(--dg-ink-soft);cursor:pointer;font-family:var(--dg-f-head);font-weight:600;font-size:15px;padding:10px 6px;border-bottom:2px solid transparent}
.dg-tabs button[aria-selected="true"]{background:var(--dg-paper);color:var(--dg-ink);border-bottom-color:var(--dg-brand)}
.dg-rail-list{list-style:none;margin:0;padding:0}
.dg-rail-list li{padding:12px 14px;border-bottom:1px solid var(--dg-rule);display:flex;gap:12px}
.dg-rail-list li:last-child{border-bottom:0}
.dg-rail-list h4{font-size:16px;line-height:1.38}
.dg-rail-list time{font-size:12.5px;color:var(--dg-ink-soft);display:block;margin-top:5px}
.dg-rank{font-family:var(--dg-f-head);font-weight:700;font-size:22px;color:var(--dg-brand);line-height:1;width:26px;flex:none;padding-top:2px}

/* District + opinion */
.dg-district{background:var(--dg-newsprint);border-top:1px solid var(--dg-rule);border-bottom:1px solid var(--dg-rule)}
.dg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;list-style:none;padding:0}
.dg-chip{background:var(--dg-chip);border:1px solid var(--dg-rule);padding:5px 12px;font-size:14px;display:inline-block}
.dg-chip:hover{border-color:var(--dg-brand);color:var(--dg-brand)}
.dg-dist-item{border-inline-start:3px solid var(--dg-brand);padding-inline-start:13px}
.dg-dist-item h3{font-size:17.5px;line-height:1.4}
.dg-op-card{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start}
.dg-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:linear-gradient(150deg,#d8cfc0,#9c8c78);display:grid;place-items:center;font-family:var(--dg-f-head);font-weight:700;font-size:24px;color:#fff}
.dg-op-card h3{font-size:18px;line-height:1.38}
.dg-op-card .dg-name{font-size:13.5px;color:var(--dg-gold);margin-top:7px;font-weight:600}

/* Video desk */
.dg-video{background:var(--dg-ink);color:var(--dg-paper);padding:34px 0}
.dg-video .dg-section-head{border-bottom-color:var(--dg-paper)}
.dg-video h2,.dg-video h3{color:var(--dg-paper)}
.dg-video .dg-more,.dg-video .dg-meta{color:#a8aab2}

/* =========================================================
   7. Single post, pages, comments
   ========================================================= */
.dg-entry-header{padding:26px 0 10px}
.dg-entry-header h1{font-size:clamp(28px,3.6vw,42px);line-height:1.24}
.dg-entry-header .dg-deck{font-size:18px;max-width:70ch}
.dg-byline{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:16px;padding:12px 0;border-block:1px solid var(--dg-rule);font-size:14px;color:var(--dg-ink-soft)}
.dg-byline img{border-radius:50%}
.dg-entry-content{font-size:17.5px;line-height:1.85;max-width:72ch}
.dg-entry-content p{margin:0 0 22px}
.dg-entry-content h2{font-size:26px;margin:32px 0 12px}
.dg-entry-content h3{font-size:21px;margin:26px 0 10px}
.dg-entry-content blockquote{margin:26px 0;padding:4px 0 4px 20px;border-inline-start:3px solid var(--dg-brand);font-family:var(--dg-f-head);font-size:20px;line-height:1.6}
.dg-entry-content img{margin:8px 0}
.dg-entry-content figcaption{font-size:13.5px;color:var(--dg-ink-soft);margin-top:6px}
.dg-entry-content ul,.dg-entry-content ol{padding-inline-start:22px;margin:0 0 22px}
.dg-entry-content a{color:var(--dg-brand);text-decoration:underline;text-underline-offset:3px}
.dg-entry-content table{width:100%;border-collapse:collapse}
.dg-entry-content th,.dg-entry-content td{border:1px solid var(--dg-rule);padding:8px 10px;text-align:start}
.alignwide{max-width:min(1100px,96vw)}
.alignfull{max-width:none;width:100%}
.alignleft{float:left;margin:0 22px 16px 0}
.alignright{float:right;margin:0 0 16px 22px}
.aligncenter{margin-inline:auto;display:block}
.dg-share{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}
.dg-share a{border:1px solid var(--dg-rule-strong);padding:7px 14px;font-size:14px}
.dg-share a:hover{background:var(--dg-brand);color:#fff;border-color:var(--dg-brand)}
.dg-tags a{display:inline-block;background:var(--dg-chip);border:1px solid var(--dg-rule);padding:4px 11px;font-size:13.5px;margin:0 6px 6px 0}
.dg-pagination{display:flex;gap:8px;flex-wrap:wrap;padding:22px 0}
.dg-pagination .page-numbers{border:1px solid var(--dg-rule);padding:7px 13px;font-size:15px}
.dg-pagination .current{background:var(--dg-brand);color:#fff;border-color:var(--dg-brand)}
.comment-list{list-style:none;padding:0}
.comment-list .children{list-style:none;padding-inline-start:26px}
.comment-body{border-bottom:1px solid var(--dg-rule);padding:16px 0}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{
  width:100%;border:1px solid var(--dg-rule);background:var(--dg-newsprint);color:inherit;
  font-family:var(--dg-f-body);font-size:15px;padding:10px;margin-top:5px;
}
.comment-form .submit,.dg-btn{
  background:var(--dg-brand);color:#fff;border:0;font-family:var(--dg-f-head);font-weight:600;
  font-size:16px;padding:10px 20px;cursor:pointer;
}
.comment-form .submit:hover,.dg-btn:hover{background:var(--dg-brand-dark)}

/* =========================================================
   8. Footer
   ========================================================= */
.dg-footer{border-top:3px solid var(--dg-ink);background:var(--dg-newsprint);padding:34px 0 0;font-size:14.5px}
.dg-foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-bottom:28px}
.dg-footer .widget-title{font-family:var(--dg-f-head);font-size:16px;margin-bottom:12px}
.dg-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--dg-ink-soft)}
.dg-footer a:hover{color:var(--dg-brand)}
.dg-footer p{color:var(--dg-ink-soft);line-height:1.75;margin:0 0 10px}
.dg-colophon{border-top:1px solid var(--dg-rule);padding:16px 0;color:var(--dg-ink-soft);font-size:13px;display:flex;gap:16px;flex-wrap:wrap}
.dg-colophon span:last-child{margin-inline-start:auto}
.dg-to-top{position:fixed;inset-inline-end:18px;bottom:18px;width:42px;height:42px;background:var(--dg-brand);color:#fff;border:0;cursor:pointer;font-size:18px;display:none;z-index:60}
.dg-to-top.dg-show{display:block}

/* =========================================================
   9. Elementor compatibility
   ========================================================= */
.elementor-widget-container h2,.elementor-widget-container h3{font-family:var(--dg-f-head)}
.elementor-page .dg-desk{display:block}
.dg-elementor-canvas .dg-site-main{padding:0}
.elementor-section.elementor-section-boxed > .elementor-container{max-width:var(--dg-maxw)}

/* =========================================================
   10. Responsive
   ========================================================= */
@media (max-width:1000px){
  .dg-desk,.dg-desk.dg-left{grid-template-columns:1fr}
  .dg-rail{position:static;grid-template-columns:repeat(2,1fr)}
  .dg-g4{grid-template-columns:repeat(2,1fr)}
  .dg-foot-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .dg-masthead .dg-wrap{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px}
  .dg-ad-leader{width:100%}
  .dg-lead{grid-template-columns:1fr;gap:26px}
  .dg-lead-side{border-inline-start:0;border-top:1px solid var(--dg-rule);padding-inline-start:0;padding-top:16px}
  .dg-g2,.dg-g3,.dg-g4,.dg-rail{grid-template-columns:1fr}
  .dg-burger{display:block}
  .dg-menu{display:none}
  .dg-menu.dg-open{display:flex;flex-direction:column;position:absolute;top:100%;inset-inline:0;background:var(--dg-paper);border-bottom:1px solid var(--dg-rule);max-height:70vh;overflow:auto;z-index:60}
  .dg-menu.dg-open .sub-menu{position:static;border:0;padding-inline-start:14px}
  .dg-menu.dg-open li:hover > .sub-menu{display:block}
  .dg-search{display:none}
  .dg-utility .dg-hide-sm{display:none}
  .dg-entry-content{font-size:17px}
}
@media (max-width:480px){
  .dg-foot-grid{grid-template-columns:1fr}
  .dg-side-story{grid-template-columns:1fr 84px}
}