/*
Theme Name: Rojgarbook Theme
Theme URI: https://example.com/samvad
Author: Vipin Kumar
Description: Mobile-first, full-bleed WordPress theme with ultra-narrow margins, Hindi (Devanagari) + English typography, news ticker, coloured widget headings, dark mode, A-/A+ font controls and a full Customizer panel for colours, meta details and layout.
Version: 1.1.1
Requires at least: 5.9
Tested up to: 6.6
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: samvad
Tags: blog, news, one-column, two-columns, custom-logo, custom-menu, featured-images, full-width-template, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready
*/

/* ---------- Tokens ---------- */
:root{
  --accent:#0b6e8a;
  --bg:#f1f4f3;
  --surface:#ffffff;
  --ink:#16201f;
  --muted:#5c6b69;
  --line:#dde3e0;
  --link:var(--accent);
  --maxw:none;
  --fs-scale:1;
  --header-bg:var(--surface);
  --header-ink:var(--ink);
  --card-bg:var(--surface);
  --foot-bg:var(--surface);
  --foot-ink:var(--muted);
  --wt-bg:var(--accent);
  --wt-ink:#ffffff;
  --tick-bg:#14201f;
  --tick-ink:#ffffff;
  --tick-label:#d62828;
  --gutter:0px;      /* phones: content is edge-to-edge */
  --gap:6px;
  --pad:12px;
  --radius:0px;
  --font-body:'Noto Sans','Noto Sans Devanagari',system-ui,-apple-system,'Segoe UI',Roboto,'Nirmala UI',Mangal,sans-serif;
  --font-head:'Noto Serif','Noto Serif Devanagari',Georgia,'Nirmala UI',Mangal,serif;
}
@media (min-width:600px){:root{--gutter:8px;--gap:8px;--pad:14px;--radius:6px}}
@media (min-width:1024px){:root{--gutter:16px;--gap:14px;--pad:18px}}
@media (min-width:1600px){:root{--gutter:28px;--gap:18px}}
body.style-boxed{--radius:8px}
@media (max-width:599px){body.style-boxed{--gutter:6px}}

:root[data-theme="dark"]{
  --bg:#0e1413;--surface:#172120;--ink:#e8efed;--muted:#9fb0ad;--line:#2a3836;
  --link:color-mix(in srgb,var(--accent) 55%,#fff);
  --header-bg:var(--surface);--header-ink:var(--ink);--card-bg:var(--surface);
  --foot-bg:var(--surface);--foot-ink:var(--muted);--tick-bg:#0a100f;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:calc(100% * var(--fs-scale))}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font-body);font-size:clamp(1.0625rem,1rem + .2vw,1.1875rem);
  line-height:1.75;overflow-wrap:anywhere;
}
:lang(hi),:lang(mr),:lang(sa),:lang(ne){line-height:1.9}
img,video,iframe,svg{max-width:100%;height:auto}
img{display:block}
a{color:var(--link);text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);line-height:1.4;margin:1.2em 0 .5em;font-weight:700}
:lang(hi) h1,:lang(hi) h2,:lang(hi) h3{line-height:1.55}
h1{font-size:clamp(1.5rem,1.2rem + 1.6vw,2.4rem)}
h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem)}
h3{font-size:clamp(1.15rem,1rem + .6vw,1.4rem)}
p{margin:0 0 1.1em}
table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:.5em .7em;text-align:start}
blockquote{margin:1.2em 0;padding:.4em var(--pad);border-inline-start:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
pre,code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em}
pre{overflow:auto;padding:var(--pad);background:var(--card-bg);border:1px solid var(--line)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;top:6px;left:6px;z-index:9999;background:#fff;color:#000;padding:.6em 1em;clip:auto;width:auto;height:auto}

/* ---------- Layout ---------- */
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.header-inner.container,.footer-widgets.container,.footer-bottom.container{padding-inline:max(var(--gutter),10px)}
.site-main-wrap{display:grid;gap:var(--gap);padding-block:var(--gap)}
@media (min-width:1024px){
  .has-sidebar .site-main-wrap{grid-template-columns:minmax(0,1fr) 340px;align-items:start}
}
.sidebar{display:grid;gap:var(--gap)}
@media (min-width:1024px){.sidebar{position:sticky;top:76px}}

/* Edge-to-edge cards on phones (default "flat" style) */
@media (max-width:599px){
  body:not(.style-boxed) .card,
  body:not(.style-boxed) .entry,
  body:not(.style-boxed) .widget,
  body:not(.style-boxed) .comments-area,
  body:not(.style-boxed) .author-box,
  body:not(.style-boxed) .related,
  body:not(.style-boxed) .archive-head{border-inline:0;border-radius:0}
  body:not(.style-boxed) .pagination,
  body:not(.style-boxed) .post-navigation{padding-inline:10px}
}
.breadcrumb{padding-inline:max(var(--gutter),10px)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:100;background:var(--header-bg);color:var(--header-ink);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:46px}
@media (min-width:783px){.admin-bar .site-header{top:32px}}
.header-inner{display:flex;align-items:center;gap:6px;min-height:58px;flex-wrap:wrap}
.site-branding{display:flex;align-items:center;gap:10px;margin-inline-end:auto;min-width:0;flex:1 1 0}
.custom-logo{max-height:40px;width:auto}
.site-title{margin:0;font-size:clamp(1.1rem,1rem + .8vw,1.6rem);line-height:1.3;font-family:var(--font-head);font-weight:700}
.site-title a{text-decoration:none;color:var(--header-ink)}
.site-description{margin:0;font-size:.78rem;opacity:.7;line-height:1.3}
@media (max-width:479px){.site-description{display:none}}
.header-tools{display:flex;gap:4px;align-items:center}
.icon-btn{appearance:none;border:1px solid color-mix(in srgb,var(--header-ink) 22%,transparent);background:transparent;color:var(--header-ink);
  min-width:40px;height:40px;padding:0 6px;border-radius:var(--radius);display:inline-grid;place-items:center;cursor:pointer;font-size:1.05rem;line-height:1;font-family:inherit}
.icon-btn:hover{border-color:var(--accent)}
.fs-group{display:inline-flex;gap:0}
.fs-group .icon-btn{min-width:34px;font-weight:700}
.fs-group .icon-btn:first-child{border-start-end-radius:0;border-end-end-radius:0;font-size:.8rem}
.fs-group .icon-btn:last-child{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:0;font-size:1.15rem}
.primary-nav{width:100%;display:none}
.primary-nav.is-open{display:block}
.primary-nav ul{list-style:none;margin:0;padding:0}
.primary-nav a{display:block;padding:.75em .4em;color:var(--header-ink);text-decoration:none;border-top:1px solid var(--line);font-weight:500}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--link)}
.primary-nav .sub-menu{padding-inline-start:1em}
.header-search{width:100%;display:none;padding-bottom:8px}
.header-search.is-open{display:block}
@media (min-width:900px){
  .nav-toggle{display:none}
  .primary-nav{display:block;width:auto;order:2}
  .primary-nav ul{display:flex;gap:2px}
  .primary-nav li{position:relative}
  .primary-nav a{border:0;padding:.5em .8em;border-radius:var(--radius)}
  .primary-nav a:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
  .primary-nav .sub-menu{display:none;position:absolute;inset-inline-start:0;top:100%;min-width:220px;padding:6px;
    background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.14)}
  .primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}
  .site-branding{flex:0 1 auto;margin-inline-end:0}
  .header-tools{margin-inline-start:auto;order:3}
}
@media (min-width:900px){.nav-toggle{display:none}}

/* ---------- News ticker ---------- */
.ticker{display:flex;align-items:stretch;background:var(--tick-bg);color:var(--tick-ink);overflow:hidden;font-size:.95rem;line-height:1.4}
.ticker-label{flex:none;display:flex;align-items:center;gap:.5em;background:var(--tick-label);color:#fff;font-weight:700;
  padding:.5em 1.6em .5em max(var(--gutter),10px);position:relative;z-index:2;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.ticker-label::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:samvad-pulse 1.4s ease-in-out infinite}
.ticker-viewport{flex:1;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.ticker-track{display:flex;width:max-content;animation:samvad-ticker var(--dur,40s) linear infinite}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track,.ticker.is-paused .ticker-track{animation-play-state:paused}
.ticker-group{display:flex;flex:none;align-items:center;min-width:100vw}
.ticker-group a{display:inline-flex;align-items:center;gap:.7em;white-space:nowrap;padding:.55em 1.2em;color:var(--tick-ink);text-decoration:none}
.ticker-group a::before{content:"";width:7px;height:7px;transform:rotate(45deg);background:var(--tick-label);flex:none}
.ticker-group a:hover{text-decoration:underline}
.ticker-btn{flex:none;border:0;background:rgba(255,255,255,.12);color:inherit;width:38px;cursor:pointer;font-size:.85rem}
@keyframes samvad-ticker{to{transform:translateX(-50%)}}
@keyframes samvad-pulse{50%{opacity:.25;transform:scale(.7)}}
@media (prefers-reduced-motion:reduce){
  .ticker-track{animation:none}
  .ticker-viewport{overflow-x:auto}
  .ticker-group[aria-hidden="true"],.ticker-btn{display:none}
}

/* ---------- Forms & buttons ---------- */
input[type=text],input[type=search],input[type=email],input[type=url],input[type=password],textarea,select{
  width:100%;padding:.7em .8em;font:inherit;color:var(--ink);background:var(--card-bg);
  border:1px solid var(--line);border-radius:var(--radius)}
.btn,button[type=submit],input[type=submit],.wp-block-button__link{
  display:inline-block;padding:.7em 1.2em;font:inherit;font-weight:600;cursor:pointer;
  background:var(--accent);color:#fff;border:0;border-radius:var(--radius);text-decoration:none}
.btn:hover,button[type=submit]:hover,input[type=submit]:hover{filter:brightness(1.1)}
.search-form{display:flex;gap:6px}
.search-form label{flex:1}

/* ---------- Cards & posts ---------- */
.post-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.card,.entry,.widget,.comments-area,.author-box,.related{
  background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius)}
.card{display:flex;flex-direction:column;overflow:hidden}
.card-thumb{display:block}
.card-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover}
.card-body{padding:var(--pad);display:flex;flex-direction:column;flex:1;gap:.3em}
.card-title{margin:.1em 0;font-size:1.2rem}
.card-title a{color:var(--ink);text-decoration:none}
.card-title a:hover{color:var(--link)}
.card-excerpt{color:var(--muted);font-size:.95em}
.card-excerpt p{margin:0}
.meta{display:flex;flex-wrap:wrap;gap:.2em 1em;font-size:.82rem;color:var(--muted)}
.meta a{color:inherit}
.mi{margin-inline-end:.3em;opacity:.85}
.cat-badge a{display:inline-block;background:var(--accent);color:#fff;
  padding:.1em .75em;border-radius:99px;font-size:.78rem;text-decoration:none;font-weight:600}
.entry{padding:var(--pad)}
.entry-title{margin-top:.3em}
.entry-thumb{margin:0 calc(-1*var(--pad)) var(--pad)}
.entry-thumb img{width:100%;max-height:70vh;object-fit:cover}
.entry-content>*:first-child{margin-top:0}
.tags{margin-top:1.2em;display:flex;flex-wrap:wrap;gap:6px}
.tags a{border:1px solid var(--line);padding:.15em .75em;border-radius:99px;font-size:.85rem;text-decoration:none;color:var(--muted)}
.archive-head{padding:var(--pad);background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);border-inline-start:6px solid var(--accent)}
.archive-head h1{margin:0;font-size:1.4rem}
.archive-head p{margin:.4em 0 0;color:var(--muted)}

/* List layout (compact thumbnails – great for news on phones) */
.layout-list .post-grid{grid-template-columns:1fr}
.layout-list .card{flex-direction:row}
.layout-list .card-thumb{flex:0 0 36%;max-width:280px}
.layout-list .card-thumb img{height:100%;aspect-ratio:4/3}
.layout-list .card-title{font-size:1.05rem}
@media (max-width:599px){.layout-list .card-excerpt{display:none}}
@media (min-width:1200px){.layout-list .post-grid{grid-template-columns:repeat(2,1fr)}}

/* Share */
.share{display:flex;flex-wrap:wrap;gap:6px;margin-top:1.4em;align-items:center}
.share a,.share button{padding:.4em .95em;border-radius:99px;border:1px solid var(--line);background:transparent;
  color:var(--ink);font:inherit;font-size:.88rem;text-decoration:none;cursor:pointer}
.share .wa{background:#25d366;border-color:#25d366;color:#04210f;font-weight:700}

/* Author / related / post nav */
.author-box{display:flex;gap:var(--pad);padding:var(--pad);margin-top:var(--gap);align-items:flex-start}
.author-box img{border-radius:50%;flex:none}
.author-box h3{margin:0 0 .2em}
.author-box p{margin:0;color:var(--muted);font-size:.92em}
.related{padding:var(--pad);margin-top:var(--gap)}
.related h2{margin-top:0;font-size:1.25rem}
.related .post-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.post-navigation .nav-links{display:grid;gap:var(--gap);margin-top:var(--gap)}
@media (min-width:600px){.post-navigation .nav-links{grid-template-columns:1fr 1fr}}
.post-navigation a{display:block;padding:var(--pad);background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink)}
.post-navigation .nav-next{text-align:end}

/* Pagination */
.pagination{margin-top:var(--gap)}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:6px}
.page-numbers{padding:.5em .95em;border:1px solid var(--line);background:var(--card-bg);border-radius:var(--radius);text-decoration:none;color:var(--ink)}
.page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff}

/* ---------- Widgets: coloured heading box, then content ---------- */
.widget{padding:0;overflow:hidden}
.widget .widget-title,.widget .wp-block-heading{
  position:relative;display:flex;align-items:center;gap:.6em;margin:0 0 calc(var(--pad) + 6px);
  padding:.65em var(--pad);font-family:var(--font-head);font-size:1.08rem;line-height:1.4;
  color:var(--wt-ink);
  background:linear-gradient(100deg,var(--wt-bg),color-mix(in srgb,var(--wt-bg) 72%,#000))}
.widget .widget-title::before,.widget .wp-block-heading::before{content:"";flex:none;width:5px;height:1.15em;border-radius:3px;background:rgba(255,255,255,.9)}
.widget .widget-title::after,.widget .wp-block-heading::after{content:"";position:absolute;inset-inline-start:var(--pad);bottom:-7px;
  border-inline:8px solid transparent;border-top:7px solid color-mix(in srgb,var(--wt-bg) 78%,#000)}
.widget>*:not(.widget-title):not(.wp-block-heading){margin-inline:var(--pad)}
.widget>*:last-child{margin-bottom:var(--pad)}
.widget>:first-child:not(.widget-title):not(.wp-block-heading){margin-top:var(--pad)}
.widget ul{list-style:none;padding:0}
.widget li{padding:.55em 0;border-bottom:1px dashed var(--line)}
.widget li:last-child{border-bottom:0}
.widget li a{text-decoration:none;color:var(--ink);font-weight:500}
.widget li a:hover{color:var(--link)}
.widget .children,.widget .sub-menu{margin:.4em 0 0;padding-inline-start:1em}
.sp-list li{padding:.6em 0}
.sp-item{display:flex;gap:10px;align-items:center}
.sp-item img{width:88px;height:66px;object-fit:cover;border-radius:4px;flex:none}
.sp-item a{display:block;line-height:1.45}
.sp-date{display:block;font-size:.78rem;color:var(--muted);margin-top:.15em}
.tagcloud{display:flex;flex-wrap:wrap;gap:6px}
.tagcloud a{font-size:.9rem!important;border:1px solid var(--line);padding:.15em .7em;border-radius:99px;text-decoration:none;color:var(--ink)}

/* Comments */
.comments-area{padding:var(--pad);margin-top:var(--gap)}
.comment-list,.comment-list ol{list-style:none;padding:0}
.comment-list .children{padding-inline-start:var(--pad)}
.comment-body{padding:var(--pad) 0;border-top:1px solid var(--line)}
.comment-author img{display:inline-block;border-radius:50%;vertical-align:middle;margin-inline-end:8px}
.comment-meta{font-size:.82rem;color:var(--muted)}
.comment-form p{margin:0 0 .8em}

/* Breadcrumb */
.breadcrumb{font-size:.82rem;color:var(--muted);padding-block:8px}
.breadcrumb a{color:inherit}

/* Footer */
.site-footer{margin-top:var(--gap);background:var(--foot-bg);color:var(--foot-ink);border-top:4px solid var(--accent)}
.site-footer a{color:inherit}
.footer-widgets{display:grid;gap:var(--gap);padding-block:var(--pad);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.footer-widgets .widget{background:none;border:0;color:var(--foot-ink)}
.footer-widgets .widget li a{color:inherit}
.footer-bottom{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding-block:var(--pad);border-top:1px solid color-mix(in srgb,var(--foot-ink) 25%,transparent);font-size:.9rem}
.footer-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0}
.to-top{position:fixed;inset-inline-end:10px;bottom:10px;opacity:0;pointer-events:none;transition:opacity .2s;background:var(--accent);color:#fff;border-color:var(--accent);z-index:90}
.to-top.show{opacity:1;pointer-events:auto}

/* ---------- Gutenberg ---------- */
.entry-content .alignwide,.entry-content .alignfull{width:auto}
.entry-content .alignfull{margin-inline:calc(-1*var(--pad))}
.entry-content .alignleft{float:left;margin:.3em 1em .5em 0;max-width:50%}
.entry-content .alignright{float:right;margin:.3em 0 .5em 1em;max-width:50%}
.entry-content .aligncenter{margin-inline:auto}
.entry::after,.entry-content::after{content:"";display:table;clear:both}
.wp-caption,figure{margin:1em 0;max-width:100%}
figcaption,.wp-caption-text{font-size:.85rem;color:var(--muted);text-align:center;padding-top:.3em}
.entry-content iframe{width:100%}
.sticky .card{border-color:var(--accent)}

/* WooCommerce basics */
.woocommerce ul.products{display:grid!important;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.ticker,.site-footer,.sidebar,.share,.to-top{display:none}}