/*
Theme Name: Cinereporters News
Theme URI: https://cinereporters.com/
Author: Cinereporters
Description: Clean, fast Tamil cinema news theme with a six-story lead grid, Reviews, Television, Flashback and Photos sections, author profiles and clean latest-news feeds.
Version: 4.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cinereporters-news
*/
:root{--cr-red:#ed1745;--cr-blue:#1d9bf0;--cr-text:#161616;--cr-muted:#6d6d6d;--cr-border:#e9e9e9;--cr-wrap:1240px;--cr-gap:12px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--cr-text);font-family:Arial,"Noto Sans Tamil","Latha",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.container,.home-wrap{width:min(calc(100% - 32px),var(--cr-wrap));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:10px;top:10px;z-index:9999;background:#111;color:#fff;padding:10px}
.site-header{background:#fff;border-bottom:1px solid var(--cr-border);position:relative;z-index:20}
.header-inner{min-height:82px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:245px;max-height:62px;object-fit:contain}
.primary-nav{margin-left:auto}.primary-nav ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.primary-nav a{font-size:15px;font-weight:700;white-space:nowrap}.primary-nav a:hover{color:var(--cr-red)}
.menu-toggle{display:none;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;margin-left:auto}.search-link{font-size:23px;line-height:1;padding:4px}
.main{padding:20px 0 50px}
/* Lead stories: 1 large hero + 2 stacked + 3 equal bottom cards. */
.feature-area{display:flex;flex-direction:column;gap:12px}
.feature-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}
.feature-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.feature-card{position:relative;overflow:hidden;background:#111;min-width:0}
.feature-card a{display:block;width:100%;height:100%}
.feature-top>.feature-card.hero{height:500px}
.feature-side .feature-card.side{height:244px}
.feature-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.feature-bottom .feature-card.bottom{height:235px}
.feature-card .feature-image{width:100%;height:100%;object-fit:cover;object-position:center}
.feature-card .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.82) 100%);pointer-events:none}
.story-meta{position:absolute;left:20px;right:18px;bottom:17px;color:#fff}
.story-meta .category{font-size:12px;font-weight:700;margin-bottom:4px}
.story-meta h2{margin:0;color:#fff;font-size:22px;line-height:1.28;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.feature-card.hero .story-meta h2{font-size:34px;line-height:1.2;-webkit-line-clamp:3}
.story-meta .date{display:block;font-size:11px;margin-top:7px;opacity:.9}
.news-section{margin-top:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.section-title{margin:0;font-size:24px;line-height:1.2;font-weight:800}.section-heading .more{font-size:13px;color:var(--cr-muted)}.section-heading .more:hover{color:var(--cr-red)}
.secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cr-gap)}
.secondary-card{background:#fff;border:1px solid var(--cr-border);overflow:hidden}.secondary-card .card-image{width:100%;aspect-ratio:16/9;object-fit:cover}.card-body{padding:10px 12px 13px}.secondary-card h3{margin:0;font-size:18px;line-height:1.35;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.secondary-card .date{display:block;font-size:11px;color:#888;margin-top:6px}
/* Article */
.article-layout{display:grid;grid-template-columns:minmax(0,860px) 310px;gap:34px;align-items:start}.single-article{min-width:0}.post-header{margin:0 0 22px}.post-category{font-size:13px;font-weight:700;color:var(--cr-red);margin-bottom:8px}.post-title{font-size:44px;line-height:1.2;margin:0 0 12px;font-weight:800;letter-spacing:-.2px}.post-excerpt{font-size:18px;line-height:1.6;color:#444;margin:0 0 17px}.post-meta-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:12px}.author-line{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:700}.author-line a:hover{text-decoration:underline}.verified-badge{display:inline-block;color:#1877f2;font-size:15px;font-weight:900;line-height:1;vertical-align:middle;margin-left:2px}.post-meta-details{display:flex;gap:14px;color:#707070;font-size:12px}.post-featured{margin:18px 0 25px}.post-featured img{width:100%;height:auto;max-height:720px;object-fit:cover}.post-content{font-size:19px;line-height:1.9}.post-content p{margin:0 0 22px}.post-content h2,.post-content h3{line-height:1.35;margin:32px 0 14px}.post-content figure{margin:26px 0}.post-content blockquote{margin:25px 0;padding:15px 18px;border-left:4px solid var(--cr-red);background:#fafafa}.also-read{margin:24px 0 27px;padding:14px 16px;border:1px solid var(--cr-border);border-left:4px solid var(--cr-red);background:#fff}.also-read strong{display:block;font-size:13px;color:var(--cr-red);margin-bottom:4px}.also-read a{font-size:17px;line-height:1.45;font-weight:800}.also-read a:hover{text-decoration:underline}
.related-section{margin-top:42px}.related-section h2,.latest-feed h2,.article-sidebar h2{font-size:22px;margin:0 0 13px}
.latest-feed{margin-top:42px}.latest-list{border-top:1px solid var(--cr-border)}.latest-item{display:flex;align-items:baseline;gap:13px;padding:12px 0;border-bottom:1px solid var(--cr-border)}.latest-item:hover strong{text-decoration:underline}.latest-time{font-size:11px;color:#888;min-width:52px}.latest-item strong{font-size:16px;line-height:1.45}
.article-sidebar{position:sticky;top:18px}.article-sidebar h2{margin-bottom:14px}.sidebar-item{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--cr-border)}.sidebar-item .sidebar-image{width:82px;height:58px;object-fit:cover}.sidebar-item span{font-size:14px;line-height:1.35;font-weight:700}.sidebar-item:hover span{text-decoration:underline}
/* Author */
.author-header{display:flex;align-items:center;gap:18px;padding:25px 0;border-bottom:1px solid var(--cr-border);margin-bottom:30px}.author-avatar .avatar{width:96px;height:96px;border-radius:50%;object-fit:cover}.author-header h1{margin:0;font-size:32px}.author-header p{margin:7px 0 0;color:#666;max-width:700px}.archive-title{font-size:27px;margin:0 0 18px}.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.site-footer{border-top:1px solid var(--cr-border);margin-top:50px;padding:27px 0;color:#666;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.empty-state{padding:60px 0;text-align:center}
@media(max-width:1050px){.feature-top>.feature-card.hero{height:430px}.feature-side .feature-card.side{height:209px}.feature-bottom .feature-card.bottom{height:205px}.article-layout{grid-template-columns:minmax(0,1fr) 280px}.primary-nav ul{gap:16px}.brand img{width:215px}.post-title{font-size:39px}}
@media(max-width:820px){.article-layout{display:block}.article-sidebar{position:static;margin-top:42px}.feature-top>.feature-card.hero{height:390px}.feature-side .feature-card.side{height:189px}.feature-bottom .feature-card.bottom{height:185px}.feature-card.hero .story-meta h2{font-size:29px}.post-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.container,.home-wrap{width:calc(100% - 20px)}.header-inner{min-height:64px;gap:10px}.brand img{width:185px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:10px;right:10px;top:64px;background:#fff;border:1px solid var(--cr-border);box-shadow:0 8px 25px rgba(0,0,0,.08)}.primary-nav.open{display:block}.primary-nav ul{display:block;padding:7px}.primary-nav li{border-bottom:1px solid #eee}.primary-nav li:last-child{border-bottom:0}.primary-nav a{display:block;padding:11px 8px;font-size:15px}.search-link{font-size:21px}.main{padding-top:12px}.feature-top{grid-template-columns:1fr;gap:8px}.feature-top>.feature-card.hero{height:auto;aspect-ratio:16/10}.feature-side{grid-template-rows:repeat(2,auto);gap:8px}.feature-side .feature-card.side{height:auto;aspect-ratio:16/9}.feature-bottom{grid-template-columns:1fr;gap:8px}.feature-bottom .feature-card.bottom{height:auto;aspect-ratio:16/9}.feature-card.hero .story-meta h2{font-size:26px}.story-meta h2{font-size:19px}.story-meta{left:14px;right:14px;bottom:13px}.secondary-grid,.related-grid{grid-template-columns:1fr;gap:14px}.section-title{font-size:20px}.post-title{font-size:30px}.post-excerpt{font-size:17px}.post-meta-row{display:block}.post-meta-details{margin-top:8px}.post-content{font-size:18px;line-height:1.8}.post-content p{margin-bottom:19px}.latest-item{gap:9px}.latest-item strong{font-size:15px}.author-header{align-items:flex-start}.author-header h1{font-size:27px}.post-list{grid-template-columns:1fr}.footer-inner{display:block}.footer-inner>*+*{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}