/*
Theme Name: Somoy Sylhet
Theme URI: https://somoysylhet.com.bd
Author: Somoy Sylhet
Description: সময় সিলেট নিউজ পোর্টালের জন্য ওয়ার্ডপ্রেস থিম। লোগোর লাল-সবুজ-নীল রং, desh.tv-ধাঁচের নিউজ লেআউট, ডার্ক মোড ও বাংলা তারিখসহ।
Version: 1.0.0
Requires at least: 5.9
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: somoy-sylhet
Tags: news, blog, two-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
:root{--red:#d9102b;--green:#0b8f45;--blue:#1f7fd1;--ink:#16181a;--mute:#5d646b;--bg:#f3f5f4;--card:#fff;--line:#dfe4e1;--tint:#fdecee;--gtint:#e6f5ec;--top:#101311;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#eef1ef;--mute:#9aa4a0;--bg:#0d100e;--card:#171b19;--line:#2a312d;--tint:#2b1519;--gtint:#112619;--top:#050706;color-scheme:dark}}
:root[data-theme="dark"]{--ink:#eef1ef;--mute:#9aa4a0;--bg:#0d100e;--card:#171b19;--line:#2a312d;--tint:#2b1519;--gtint:#112619;--top:#050706;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 "Hind Siliguri","Noto Sans Bengali",Kalpurush,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}a:hover{color:var(--red)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
h1,h2,h3{font-family:"Noto Serif Bengali","Hind Siliguri",serif;line-height:1.4;margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.screen-reader-text{position:absolute;left:-9999px}
.screen-reader-text:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px 14px;z-index:99}
ul.menu,ul.toplinks,ul.flinks,ul.chiplist{list-style:none;margin:0;padding:0}

/* top strip */
.top{background:var(--top);color:#cfd6d2;font-size:14px}
.top .wrap{display:flex;gap:18px;align-items:center;min-height:38px;overflow-x:auto;white-space:nowrap}
.toplinks{display:flex;gap:18px}.top a:hover{color:#fff}
.top .date{margin-left:auto;color:#fff}
.live{background:var(--red);color:#fff!important;padding:1px 12px;border-radius:3px;font-weight:600}

/* header */
.head .wrap{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.brand img{height:76px;width:auto;background:#fff;border-radius:6px}
.head .theme{margin-left:auto}
.sform{display:flex}
.sform input{font:inherit;padding:7px 12px;border:1px solid var(--line);border-right:0;border-radius:4px 0 0 4px;background:var(--card);color:var(--ink);width:210px;max-width:46vw}
.sform button,.btn,.comment-form .submit{font:inherit;cursor:pointer;border:0;background:var(--green);color:#fff;padding:7px 16px;border-radius:0 4px 4px 0}
.btn,.comment-form .submit{background:var(--red);border-radius:4px;display:inline-block}.btn:hover{color:#fff;filter:brightness(.9)}
.theme{font:inherit;cursor:pointer;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:7px 14px;border-radius:4px}

/* nav */
.mainnav{background:var(--card);border-top:1px solid var(--line);border-bottom:3px solid var(--red);position:sticky;top:0;z-index:20}
.admin-bar .mainnav{top:32px}
@media (max-width:782px){.admin-bar .mainnav{top:0}}
.mainnav .menu{display:flex;overflow-x:auto;scrollbar-width:none}
.mainnav li a{display:block;padding:9px 14px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-3px}
.mainnav li:hover>a{color:var(--green);border-bottom-color:var(--green)}
.mainnav .current-menu-item>a,.mainnav .current-cat>a,.mainnav .current-menu-ancestor>a,.mainnav .current_page_item>a{background:var(--red);color:#fff;border-bottom-color:var(--red)}

/* ticker */
.ticker{background:var(--card);border-bottom:1px solid var(--line)}
.ticker .wrap{display:flex;align-items:center;gap:12px;height:42px;overflow:hidden}
.ticker b{background:var(--green);color:#fff;padding:2px 12px;border-radius:3px;flex:none}
.tk{overflow:hidden;flex:1;white-space:nowrap}
.tk>div{display:inline-block;padding-left:100%;animation:mq 70s linear infinite}
.tk:hover>div{animation-play-state:paused}
.tk span{margin-right:36px}.tk span::before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;margin-right:8px}
@keyframes mq{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.tk>div{animation:none;padding-left:0}.tk{overflow-x:auto}}

/* hero */
.hero{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px;margin:20px 0}
.lead{position:relative;min-height:380px;border-radius:6px;overflow:hidden;color:#fff;display:flex;align-items:flex-end;background:linear-gradient(160deg,#7d0a1a,#c4122a 55%,#0b8f45)}
.lead-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lead-txt{position:relative;padding:70px 22px 22px;background:linear-gradient(transparent,rgba(0,0,0,.75));width:100%}
.lead h1{font-size:clamp(24px,3.2vw,34px)}.lead p{margin:8px 0 0;opacity:.92}
.lead a:hover{color:#fff;text-decoration:underline}
.tag{display:inline-block;background:var(--red);color:#fff!important;font-size:13px;padding:0 9px;border-radius:3px;margin-bottom:8px}
.box{background:var(--card);border:1px solid var(--line);border-radius:6px}
.pad{padding:22px}.center{text-align:center}
.stack{padding:6px 16px}
.stack a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-weight:600;line-height:1.5}
.stack a:last-child{border:0}
.tabs{display:flex}
.tabs button{flex:1;font:inherit;font-weight:600;padding:9px;border:0;background:var(--gtint);color:var(--ink);cursor:pointer;border-bottom:3px solid transparent}
.tabs button[aria-selected=true]{background:var(--card);border-bottom-color:var(--green);color:var(--green)}
.nlist{list-style:none;margin:0;padding:4px 16px}
.nlist[hidden]{display:none}
.nlist li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.nlist li:last-child{border:0}
.nlist i{font-style:normal;flex:none;width:26px;height:26px;border-radius:50%;background:var(--gtint);color:var(--green);display:grid;place-items:center;font-size:14px;font-weight:700}
.nlist li:first-child i{background:var(--red);color:#fff}

/* sections + cards */
.sec{margin:28px 0}
.sh{display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--line);margin-bottom:14px}
.sh h2,.ph-title{font-size:21px;padding:2px 14px 4px;background:var(--green);color:#fff;border-radius:4px 4px 0 0;margin-bottom:-2px;border-bottom:3px solid var(--red)}
.pagehead{margin-top:22px}
.sh a{margin-left:auto;font-size:14px;color:var(--mute)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.card:hover{border-color:var(--green)}
.ph{aspect-ratio:16/9;background:linear-gradient(135deg,var(--green),var(--blue));position:relative;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.play{position:absolute;inset:auto auto 10px 10px;width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;padding-left:3px}
.card h3{font-size:17px;padding:10px 12px 4px}
.card small{padding:0 12px 12px;color:var(--mute);margin-top:auto}
.two{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start}
.two.one{grid-template-columns:1fr}
.side .widget{margin-bottom:18px;padding:0 0 12px}
.wt{font-size:17px;padding:9px 16px;background:var(--gtint);color:var(--green);border-bottom:3px solid var(--green);border-radius:6px 6px 0 0}
.widget>*:not(.wt){margin-left:16px;margin-right:16px}
.wl{list-style:none;padding:0;margin-top:6px}.wl li{padding:8px 0;border-bottom:1px solid var(--line)}
.dist{padding:12px}.chiplist{display:flex;flex-wrap:wrap;gap:8px}
.chiplist a{display:block;padding:2px 12px;border:1px solid var(--line);border-radius:20px;font-size:14px}
.chiplist .current-menu-item a{background:var(--blue);color:#fff;border-color:var(--blue)}

/* single */
.art-wrap{margin:22px 0}
.art{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:22px}
.art-title{font-size:clamp(26px,3.4vw,38px)}
.meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--mute);font-size:14px;padding:10px 0;border-bottom:1px solid var(--line);margin-bottom:14px}
.art-img{margin:0 0 14px}.art-img img{width:100%;border-radius:6px}
figcaption,.wp-caption-text{font-size:14px;color:var(--mute);padding-top:6px}
.share{display:flex;gap:8px;margin-bottom:16px}
.share a{padding:2px 14px;border-radius:4px;color:#fff;font-size:14px}
.share a:nth-child(1){background:var(--blue)}.share a:nth-child(2){background:var(--green)}.share a:nth-child(3){background:var(--top)}
.share a:hover{color:#fff;filter:brightness(1.15)}
.entry{font-size:18px;line-height:1.9;max-width:75ch}
.entry a{color:var(--blue);text-decoration:underline}
.entry img{border-radius:4px}
.entry blockquote{margin:1.2em 0;padding:6px 18px;border-left:4px solid var(--red);background:var(--tint)}
.entry iframe,.entry video{max-width:100%}
.alignleft{float:left;margin:0 18px 10px 0}.alignright{float:right;margin:0 0 10px 18px}.aligncenter{margin:0 auto}
.tags a{display:inline-block;margin:14px 8px 0 0;padding:0 12px;border:1px solid var(--line);border-radius:20px;font-size:14px}
.comments{margin-top:30px}
.clist{list-style:none;padding:0}.clist li{padding:12px 0;border-bottom:1px solid var(--line)}
.clist .children{list-style:none;padding-left:22px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink)}
.navigation.pagination{margin:24px 0;text-align:center}
.page-numbers{display:inline-block;padding:2px 13px;margin:2px;border:1px solid var(--line);border-radius:4px;background:var(--card)}
.page-numbers.current{background:var(--green);color:#fff;border-color:var(--green)}

/* footer */
.foot{background:var(--top);color:#b9c2bd;margin-top:40px;border-top:4px solid var(--red)}
.foot .wrap{padding-top:26px;padding-bottom:26px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.foot img{height:58px;width:auto;background:#fff;border-radius:6px;margin-bottom:10px}
.flinks{display:flex;flex-wrap:wrap;gap:6px 18px}.foot a:hover{color:#fff}.copy{margin-top:14px;font-size:14px}

@media (max-width:960px){.hero{grid-template-columns:1fr 1fr}.lead{grid-column:1/-1;min-height:300px}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}
@media (max-width:600px){.hero{grid-template-columns:1fr}.brand img{height:58px}.foot .wrap{grid-template-columns:1fr}.top .date{display:none}.grid.g2{grid-template-columns:1fr}.art{padding:14px}}