/*
Theme Name: Barish Kab Hogi
Theme URI: https://barishkabhogi.online/
Author: Barish Kab Hogi
Description: A fast, lightweight weather and rainfall forecast theme for Indian state, city and district rain articles. Block editor ready, SEO plugin friendly (Rank Math, Yoast), mobile first.
Version: 1.0.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: barish-kab-hogi
Tags: blog, news, weather, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks
*/
:root{--sky:#e8f3fc;--bg:#f6fafe;--card:#fff;--ink:#0d2238;--mute:#587089;--line:#d6e4f1;--blue:#0b5cad;--deep:#08305a;--rain:#1aa3e8;--sun:#f5b73b;--hd:Georgia,"Noto Serif",serif;--bd:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif}
*,*:before,*:after{box-sizing:border-box}
html{scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--bd);-webkit-text-size-adjust:100%}
img,video,iframe{max-width:100%;height:auto}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.w{max-width:1120px;margin:0 auto;padding:0 18px}
.sr,.screen-reader-text{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.skip:focus{left:8px;top:8px;width:auto;height:auto;background:#fff;padding:8px 12px;z-index:100}
.i{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none;margin-right:.4em}
/* header */
header.site{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.admin-bar header.site{top:32px}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:62px}
.logo{display:flex;align-items:center;gap:10px;font:700 21px var(--hd);color:var(--deep);text-decoration:none!important}
.logo svg{width:34px;height:34px}
.custom-logo{max-height:44px;width:auto}
nav .menu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
nav .menu li{position:relative}
nav .menu a{display:block;padding:8px 12px;border-radius:8px;color:var(--ink);font-size:15px;font-weight:600}
nav .menu a:hover,nav .menu .current-menu-item>a,nav .menu .current-menu-ancestor>a{background:var(--sky);text-decoration:none;color:var(--blue)}
nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;list-style:none;margin:0;box-shadow:0 8px 24px rgba(8,48,90,.12)}
nav li:hover>.sub-menu,nav li:focus-within>.sub-menu{display:block}
#mt{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:600 14px var(--bd);color:var(--ink);cursor:pointer}
/* hero + search */
.hero{background:linear-gradient(180deg,#0a4a8f 0%,#1b86d1 70%,#7cc4ee 100%);color:#fff;position:relative;overflow:hidden;padding:56px 0 70px}
.hero:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(105deg,rgba(255,255,255,.16) 0 1px,transparent 1px 22px);opacity:.5;pointer-events:none}
.hero .w{position:relative;z-index:1}
.hero h1{font:700 clamp(40px,8vw,76px)/1.05 var(--hd);margin:0 0 10px;letter-spacing:-.5px}
.hero p{max-width:560px;font-size:18px;margin:0 0 26px;color:#e3f2fd}
.search{display:flex;max-width:620px;background:#fff;border-radius:12px;padding:6px;box-shadow:0 10px 30px rgba(3,30,60,.3)}
.search input[type=search]{flex:1;border:0;outline:0;font:17px var(--bd);padding:12px 14px;min-width:0;background:transparent;color:#0d2238}
.search button{border:0;background:var(--blue);color:#fff;font:700 16px var(--bd);padding:0 22px;border-radius:8px;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chips a{background:rgba(255,255,255,.18);color:#fff;padding:5px 12px;border-radius:99px;font-size:14px;border:1px solid rgba(255,255,255,.35)}
.note{font-size:12.5px;color:#cfe6f7;margin-top:14px}
.chead .search,.nf .search{box-shadow:none;border:1px solid var(--line)}
/* sections */
section.s{padding:40px 0 8px}
h2.t{font:700 26px/1.25 var(--hd);color:var(--deep);margin:0 0 18px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
h2.t a{font:600 14px var(--bd)}
h2.t .i{color:var(--rain)}
.grid{display:grid;gap:16px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.thumb{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;background:#0b5cad}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.thumb .ph{position:absolute;inset:0;background:linear-gradient(160deg,#0b5cad,#1aa3e8 60%,#9dd6f5)}
.thumb:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(105deg,rgba(255,255,255,.18) 0 1px,transparent 1px 16px);pointer-events:none}
.card:nth-child(3n+2) .ph{background:linear-gradient(160deg,#08305a,#3a7bc8 70%,#b9d8f4)}
.card:nth-child(3n) .ph{background:linear-gradient(160deg,#2a6f6a,#4aa89d 60%,#c4ece4)}
.cb{padding:14px 16px 16px}
.kick{font-size:13px;font-weight:600;display:inline-block;margin-bottom:4px}
.cb h3{font:700 18px/1.35 var(--hd);margin:0 0 6px}.cb h3 a{color:var(--ink)}
.meta{font-size:13px;color:var(--mute)}
.states a{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--rain);border-radius:10px;padding:12px 14px;color:var(--ink);font-weight:600}
.states a .i{color:var(--rain)}
.states a small{color:var(--mute);font-weight:500;white-space:nowrap}
.states a:hover{text-decoration:none;border-left-color:var(--blue);background:var(--sky)}
.city{display:flex;flex-wrap:wrap;gap:8px}
.city a{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:7px 15px;color:var(--ink);font-size:15px}
.city a .i{color:var(--rain)}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}
.list{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 18px;margin:0;list-style:none}
.list li{padding:12px 0;border-bottom:1px solid var(--line)}.list li:last-child{border:0}
.list b{display:block;font-weight:600}
.date{color:var(--mute);font-size:13px}
.side .box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}
.side h4{font:700 17px var(--hd);margin:0 0 10px;color:var(--deep)}
.side h4 .i,.toc .i{color:var(--rain)}
.trend{counter-reset:n;padding:0;margin:0}.trend li{list-style:none;display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.trend li:before{counter-increment:n;content:counter(n);font:700 20px var(--hd);color:var(--rain);min-width:20px}
.cat{display:flex;flex-wrap:wrap;gap:6px}.cat a{background:var(--sky);padding:4px 11px;border-radius:6px;font-size:14px}
.disc{background:#fff7dc;border:1px solid #ecd48a;border-radius:10px;padding:12px 14px;font-size:14px;color:#6a5310;margin:18px 0}
.disc .i{color:#b8860b}
/* footer */
.site-foot{background:var(--deep);color:#bcd4ea;margin-top:50px;padding:40px 0 20px}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:26px}
.site-foot h5{color:#fff;font:700 16px var(--hd);margin:0 0 10px}
.site-foot p{font-size:15px;margin:0}
.site-foot .menu{list-style:none;margin:0;padding:0}
.site-foot a{color:#bcd4ea;display:block;padding:3px 0;font-size:15px}
.cp{border-top:1px solid #234c7a;margin-top:26px;padding-top:14px;font-size:13px}
/* breadcrumbs */
.crumb{font-size:14px;color:var(--mute);padding:16px 0 4px}
.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.crumb li+li:before{content:"/";margin-right:4px}
.crumb a{color:inherit}.crumb a:hover{color:var(--blue)}
/* article */
.art{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px 32px;min-width:0}
.art h1{font:700 clamp(28px,4.6vw,40px)/1.2 var(--hd);color:var(--deep);margin:6px 0 12px}
.feat{margin:18px 0}.feat img{border-radius:12px;display:block;width:100%}
.auth{display:flex;align-items:center;gap:6px 14px;font-size:14px;color:var(--mute);flex-wrap:wrap}
.av-img{border-radius:50%}
.entry-content h2{font:700 24px/1.3 var(--hd);color:var(--deep);margin:28px 0 8px}
.entry-content h3{font:700 20px/1.3 var(--hd);color:var(--deep);margin:22px 0 6px}
.entry-content p,.entry-content li{font-size:17.5px;line-height:1.75}
.entry-content>p,.entry-content>ul,.entry-content>ol,.entry-content>h2,.entry-content>h3,.entry-content>blockquote{max-width:68ch}
.entry-content blockquote{border-left:4px solid var(--rain);margin:18px 0;padding:4px 18px;background:var(--sky);border-radius:0 8px 8px 0}
.toc{background:var(--sky);border-radius:10px;padding:14px 18px;margin:18px 0;max-width:520px}
.toc b{font-family:var(--hd)}.toc ol{margin:6px 0 0;padding-left:20px}.toc li{font-size:16px;line-height:1.7}.toc li.sub{margin-left:16px;list-style:circle}
.wp-block-table,table{width:100%;overflow-x:auto;display:block;margin:14px 0}
table{border-collapse:collapse;font-size:15.5px}
th,td{border:1px solid var(--line);padding:9px 12px;text-align:left}th{background:var(--sky)}
.alignwide{max-width:none}
.share{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.share a{border:1px solid var(--line);padding:7px 14px;border-radius:8px;font-size:14px;font-weight:600}
.tags{margin-top:20px}
.abox{display:flex;gap:14px;background:var(--sky);border-radius:12px;padding:16px;margin:18px 0}
.abox p{margin:4px 0 0;font-size:15px}
.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.post-navigation a{display:block;border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);font-size:15px}
.post-navigation small{display:block;color:var(--mute)}
.nav-next{grid-column:2;text-align:right}
/* category header + pagination */
.chead{background:linear-gradient(180deg,#0a4a8f,#1b86d1);color:#fff;padding:22px 0 34px}
.chead h1{font:700 clamp(28px,5vw,44px)/1.15 var(--hd);margin:0 0 8px}
.chead p{margin:0;max-width:620px;color:#e3f2fd}
.chead .crumb{color:#cfe6f7;padding:0 0 10px}.chead .crumb a{color:#fff}
.pagination{margin:26px 0}.pagination .nav-links{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.pagination .page-numbers{border:1px solid var(--line);border-radius:8px;padding:6px 13px;background:var(--card);color:var(--ink)}
.pagination .current{background:var(--blue);color:#fff;border-color:var(--blue)}
/* comments */
.clist{list-style:none;padding:0}.clist li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:10px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;font:16px var(--bd)}
.comment-form .submit{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:10px 20px;font:700 16px var(--bd);cursor:pointer}
/* responsive */
@media(max-width:900px){.g4,.g3{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:782px){.admin-bar header.site{top:46px}}
@media(max-width:700px){#mt{display:block}nav{display:none;position:absolute;left:0;right:0;top:62px;background:#fff;border-bottom:1px solid var(--line);padding:8px 18px 14px}nav.open{display:block}nav .menu{flex-direction:column}nav .sub-menu{display:block;position:static;border:0;box-shadow:none;padding-left:14px}.g3,.g4{grid-template-columns:1fr}.art{padding:20px 16px;border-radius:10px}.hero{padding:38px 0 50px}.search button{padding:0 16px}.post-navigation .nav-links{grid-template-columns:1fr}.nav-next{grid-column:auto;text-align:left}.fg{grid-template-columns:1fr}.entry-content p,.entry-content li{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}