/*
Theme Name: Minimal Line News
Theme URI: https://example.com/minimal-line-news
Author: XHL_LIFEI
Description: A differentiated news and magazine WordPress theme with configurable homepage blocks, featured stories, social icons, sidebar, archives and responsive navigation.
Version: 3.0.1
Text Domain: magnews-pro-lite
*/
:root{--mn-primary:#ef3434;--mn-container:1320px;--mn-text:#111827;--mn-muted:#64748b;--mn-border:#e5e7eb;--mn-bg:#f3f6f9;--mn-card:#fff;--mn-dark:#101827}
*{box-sizing:border-box}body{margin:0;background:var(--mn-bg);color:var(--mn-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(var(--mn-container),calc(100% - 44px));margin:0 auto}.topbar{background:var(--mn-dark);color:#fff}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px}.date-pill{font-weight:800}.topline{opacity:.75;margin-left:14px}.social-icons{display:flex;align-items:center;gap:12px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--mn-primary)}.social-link svg{width:16px;height:16px;fill:currentColor}.social-icons .social-link+.social-link:before{content:"";width:1px;height:16px;background:currentColor;opacity:.55;margin-right:12px}.site-header{background:#fff}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 0 24px}.site-title{font-size:44px;font-weight:900;letter-spacing:-.05em}.site-title::first-letter{color:var(--mn-primary)}.site-description{margin:.35rem 0 0;color:var(--mn-muted)}.header-search{display:flex;gap:8px;min-width:360px}.header-search input,.widget_search input[type=search],.search-form input[type=search]{width:100%;border:1px solid var(--mn-border);padding:13px 18px;border-radius:999px;background:#f8fafc}.header-search button,.search-form input[type=submit],.search-form button{border:0;background:var(--mn-primary);color:#fff;border-radius:999px;padding:0 22px;font-weight:800;cursor:pointer}.mini-nav-row{display:flex;align-items:center;gap:14px;overflow:hidden;border-top:1px solid var(--mn-border);padding:14px 0}.mini-label{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;background:var(--mn-dark);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;white-space:nowrap}.mini-nav-row a{font-size:14px;white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis;color:#334155}.mini-nav-row a:before{content:"•";color:var(--mn-primary);margin-right:12px}.main-nav{background:var(--mn-primary);position:relative;z-index:20}.nav-inner{display:flex;align-items:center}.primary-menu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap}.primary-menu li{position:relative}.primary-menu a{display:block;padding:15px 18px;color:#fff;font-weight:900;font-size:14px}.primary-menu li:hover>a,.primary-menu .current-menu-item>a,.primary-menu .current-cat>a{background:rgba(0,0,0,.18)}.primary-menu ul{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#fff;border:1px solid var(--mn-border);box-shadow:0 18px 40px rgba(15,23,42,.14);list-style:none;margin:0;padding:8px 0}.primary-menu li:hover>ul{display:block}.primary-menu ul a{color:var(--mn-text);padding:10px 16px}.mobile-menu-toggle{display:none;margin-left:auto;border:0;background:rgba(0,0,0,.14);width:44px;height:44px;border-radius:8px}.menu-icon span{display:block;width:22px;height:2px;background:#fff;margin:5px auto}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;padding:34px 0}.content-area{min-width:0}.sidebar{display:flex;flex-direction:column;gap:22px}.widget,.card,.post-card,.archive-hero{background:var(--mn-card);border:1px solid var(--mn-border);border-radius:16px;overflow:hidden}.widget{padding:20px}.widget-title{margin:0 0 16px;font-size:18px;padding-bottom:12px;border-bottom:2px solid var(--mn-primary)}.featured-news-card{display:block}.featured-news-thumb img{width:100%;height:170px;object-fit:cover;border-radius:12px}.featured-news-title{display:block;margin-top:12px;font-weight:900;font-size:18px;line-height:1.25}.magnews-latest-widget ul{list-style:none;margin:0;padding:0}.magnews-latest-widget li{border-bottom:1px solid var(--mn-border);padding:10px 0}.section{margin-bottom:32px}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;background:transparent;border:0;padding:0}.hero-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-main .post-card{height:100%}.post-card{transition:.2s}.post-thumb{position:relative;display:block;background:#e5e7eb}.post-thumb img{width:100%;height:220px;object-fit:cover}.hero-main .post-thumb img{height:390px}.cat-badge{position:absolute;top:12px;left:12px;background:var(--mn-primary);color:#fff;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900}.post-body{padding:18px}.post-title{margin:0 0 8px;font-size:22px;line-height:1.18;font-weight:950}.hero-main .post-title{font-size:34px}.post-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--mn-muted);font-size:13px}.post-excerpt{color:#475569;margin:12px 0 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:2px solid var(--mn-primary)}.section-title{margin:0;background:var(--mn-primary);color:#fff;padding:10px 18px;border-radius:8px 8px 0 0;font-size:18px}.section-more{font-size:13px;color:var(--mn-muted);font-weight:700}.post-grid{display:grid;gap:18px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.section-style-2 .post-grid{grid-template-columns:1.2fr 1fr 1fr}.section-style-2 .post-card:first-child{grid-row:span 2}.section-style-2 .post-card:first-child .post-thumb img{height:440px}.section-style-3 .post-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.section-style-3 .post-card{border-radius:28px}.section-style-4{padding:22px;background:var(--mn-dark);border-radius:18px}.section-style-4 .section-header{border-color:var(--mn-primary)}.section-style-4 .post-grid{grid-template-columns:repeat(2,1fr)}.section-style-4 .post-card{background:#fff;color:#111}.section-style-5 .post-grid{grid-template-columns:1.4fr 1fr 1fr}.section-style-5 .post-card:first-child{grid-row:span 2}.section-style-6 .post-grid{grid-template-columns:repeat(3,1fr)}.archive-hero{padding:36px;margin-bottom:22px;background:linear-gradient(135deg,#fff,var(--mn-card))}.archive-hero-kicker{display:inline-block;background:var(--mn-primary);color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:900;text-transform:uppercase}.archive-title{font-size:42px;line-height:1.1;margin:12px 0 0}.archive-list{display:grid;gap:18px}.archive-item{display:grid;grid-template-columns:280px 1fr;gap:20px;padding:14px}.archive-item .post-thumb img{height:170px;border-radius:12px}.related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.single-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--mn-border)}.single-header{padding:32px}.single-title{font-size:44px;line-height:1.1;margin:0 0 14px}.single-featured img{width:100%;max-height:640px;object-fit:cover}.single-content{padding:32px;font-size:18px}.site-footer{background:#3f3f46;color:#fff;margin-top:40px}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:70px;padding:58px 0}.footer-main .site-title{font-size:34px}.footer-text{margin:20px 0;color:#f8fafc;max-width:520px}.footer-title{display:inline-block;background:var(--mn-primary);padding:8px 14px;margin:0 0 14px}.footer-list{list-style:none;margin:0;padding:0}.footer-list li{border-bottom:1px solid rgba(255,255,255,.15);padding:9px 0}.footer-bottom{background:rgba(0,0,0,.25);padding:18px 0;text-align:center}.back-to-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border:0;border-radius:50%;background:var(--mn-primary);color:#fff;font-size:22px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:30}.back-to-top.is-visible{opacity:1;transform:none;pointer-events:auto}@media(max-width:900px){.container{width:min(100% - 24px,var(--mn-container))}.topbar-inner,.brand-row{align-items:flex-start;flex-direction:column}.header-search{min-width:0;width:100%}.main-nav{padding:8px 0}.nav-inner{justify-content:flex-end}.mobile-menu-toggle{display:block}.primary-menu-wrap{display:none;width:100%}.primary-menu-wrap.is-open{display:block}.primary-menu{display:block;padding:8px 0}.primary-menu a{padding:12px 16px}.primary-menu ul{position:static;display:block;background:rgba(0,0,0,.08);border:0;box-shadow:none}.primary-menu ul a{color:#fff}.layout{grid-template-columns:1fr}.hero-grid,.hero-side,.cols-2,.cols-3,.cols-4,.section-style-2 .post-grid,.section-style-4 .post-grid,.section-style-5 .post-grid,.section-style-6 .post-grid,.related-list{grid-template-columns:1fr}.archive-item{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:25px}.site-title{font-size:36px}.hero-main .post-title,.single-title{font-size:30px}}

/* Minimal Line: black and white editorial */
:root{--mn-primary:#111111;--mn-dark:#111111;--mn-bg:#ffffff;--mn-card:#ffffff;--mn-border:#111111;--mn-text:#111;--mn-muted:#555}body{background:#fff}.topbar{background:#fff;color:#111;border-bottom:1px solid #111}.social-link{color:#111}.brand-row{padding:54px 0;align-items:flex-end}.site-title{font-size:52px}.header-search input{border-radius:0;background:#fff;border:1px solid #111}.header-search button{border-radius:0;background:#111}.mini-nav-row{border:1px solid #111;padding:0}.mini-label{border-radius:0;background:#111}.mini-nav-row a{padding:14px}.main-nav{background:#111}.primary-menu a{text-transform:uppercase;letter-spacing:.05em}.layout{gap:60px}.widget,.post-card,.archive-hero,.single-card{border-radius:0;border:1px solid #111;box-shadow:none;background:#fff}.widget-title{border-bottom:1px solid #111}.hero-grid{grid-template-columns:2fr 1fr}.hero-side{display:flex;flex-direction:column}.cat-badge,.section-title{border-radius:0;background:#111;text-transform:uppercase;letter-spacing:.08em}.post-title{font-weight:900}.section-header{border-bottom:1px solid #111}.section-style-2 .post-grid{grid-template-columns:repeat(4,1fr)}.section-style-2 .post-card:first-child{grid-row:auto}.section-style-4{background:#111;border-radius:0}.section-style-4 .section-title{background:#fff;color:#111}.section-style-4 .post-card{border-color:#fff}.archive-item{border-width:0 0 1px 0;grid-template-columns:180px 1fr;padding:24px 0}.archive-item .post-thumb img{height:130px}.site-footer{background:#111}.back-to-top{border-radius:0}@media(max-width:900px){.hero-grid,.section-style-2 .post-grid{grid-template-columns:1fr}.brand-row{align-items:flex-start}}

/* Targeted polish based on the preferred installable version: footer, sidebar search, top social */
.topbar .social-icons,
.footer-social.social-icons{
    display:flex;
    align-items:center;
    gap:0;
    flex-wrap:nowrap;
}
.topbar .social-link,
.footer-social .social-link{
    width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--mn-primary);
    line-height:1;
    flex:0 0 28px;
    padding:0;
    margin:0;
    border:0;
}
.topbar .social-link svg,
.footer-social .social-link svg{
    width:15px;
    height:15px;
    display:block;
    fill:currentColor;
}
.topbar .social-icons .social-link + .social-link:before,
.footer-social.social-icons .social-link + .social-link:before{
    content:none!important;
}
.topbar .social-link + .social-link,
.footer-social .social-link + .social-link{
    margin-left:10px;
    position:relative;
}
.topbar .social-link + .social-link:after,
.footer-social .social-link + .social-link:after{
    content:"";
    position:absolute;
    left:-5px;
    top:7px;
    width:1px;
    height:14px;
    background:currentColor;
    opacity:.45;
}

/* Sidebar search: keep input and button on one row */
.magnews-search-widget,
.widget_search{
    padding:16px;
}
.magnews-search-widget form,
.widget_search form,
.search-form{
    display:flex!important;
    align-items:center;
    gap:8px;
    width:100%;
    flex-wrap:nowrap;
}
.magnews-search-widget label,
.widget_search label,
.search-form label{
    flex:1 1 auto;
    min-width:0;
    margin:0;
}
.magnews-search-widget input[type="search"],
.widget_search input[type="search"],
.search-form input[type="search"]{
    width:100%;
    min-width:0;
    height:42px;
    border:1px solid var(--mn-border);
    border-radius:0;
    background:#fff;
    padding:0 14px;
    font-size:14px;
}
.magnews-search-widget input[type="submit"],
.widget_search input[type="submit"],
.search-form input[type="submit"],
.search-form button{
    flex:0 0 auto;
    width:auto;
    min-width:78px;
    height:42px;
    border:1px solid var(--mn-primary);
    border-radius:0;
    background:var(--mn-primary);
    color:#fff;
    padding:0 16px;
    font-weight:900;
    line-height:42px;
    white-space:nowrap;
}

/* Footer for this preferred Minimal Line version */
.footer{
    background:#111;
    color:#fff;
    margin-top:56px;
    border-top:4px solid var(--mn-primary);
}
.footer .footer-inner,
.footer-grid{
    display:grid;
    grid-template-columns:1.25fr .9fr 1fr;
    gap:56px;
    align-items:start;
    padding:54px 0 44px;
}
.footer-logo,
.footer .site-title,
.footer-logo-wrap a{
    color:#fff;
    font-size:34px;
    font-weight:900;
    letter-spacing:-.04em;
}
.footer-about p{
    max-width:520px;
    margin:18px 0 22px;
    color:rgba(255,255,255,.82);
    line-height:1.8;
}
.footer-title{
    display:block;
    background:transparent;
    color:#fff;
    padding:0 0 12px;
    margin:0 0 14px;
    border-bottom:2px solid var(--mn-primary);
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.footer ul,
.footer-list{
    list-style:none;
    margin:0;
    padding:0;
}
.footer li{
    border-bottom:1px solid rgba(255,255,255,.16);
    padding:10px 0;
    color:rgba(255,255,255,.88);
}
.footer li a{
    color:inherit;
}
.footer li a:hover{
    color:#fff;
}
.footer .copyright,
.copyright{
    background:#080808;
    color:rgba(255,255,255,.75);
    padding:18px 0;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.08);
}
.footer .custom-logo{
    max-height:70px;
    width:auto;
}
@media(max-width:900px){
    .footer .footer-inner,
    .footer-grid{grid-template-columns:1fr;gap:28px;padding:38px 0;}
    .topbar .social-link,.footer-social .social-link{width:26px;height:26px;flex-basis:26px;}
    .magnews-search-widget form,.widget_search form,.search-form{gap:6px;}
    .magnews-search-widget input[type="submit"],.widget_search input[type="submit"],.search-form input[type="submit"],.search-form button{min-width:72px;padding:0 12px;}
}


/* v18: colorful image output and 8-item top story grid */
.post-thumb img,
.top-story-thumb img,
.featured-news-thumb img,
.single-featured img,
.archive-item .post-thumb img {
    filter: none !important;
}
.top-stories-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
    padding: 24px !important;
    border: 1px solid var(--mn-border) !important;
    background: var(--mn-card) !important;
}
.top-story-card {
    border: 1px solid var(--mn-border);
    background: #fff;
    min-width: 0;
}
.top-story-thumb {
    position: relative;
    display: block;
    background: #f3f4f6;
    overflow: hidden;
}
.top-story-thumb img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
}
.top-story-title {
    margin: 0;
    padding: 14px 14px 16px;
    font-size: 19px;
    line-height: 1.18;
    font-weight: 900;
}
@media (max-width: 1100px) {
    .top-stories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
    .top-stories-grid { grid-template-columns: 1fr !important; padding: 14px !important; }
    .top-story-thumb img { height: 220px; }
}


.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    font-size: 14px;
    color: #777;
}

.breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: var(--primary-color);
}

.post-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 36px 0;
}

.post-navigation a {
    display: block;
    padding: 20px;
    border: 1px solid #eee;
    background: #fff;
    color: inherit;
    text-decoration: none;
    transition: all 0.25s ease;
}

.post-navigation a:hover {
    border-color: var(--primary-color);
    transform: translateY(-2px);
}

.post-navigation strong {
    display: inline-block;
    margin-top: 6px;
    font-size: 18px;
    line-height: 1.35;
}

.nav-next {
    text-align: right;
}

@media (max-width: 768px) {
    .post-navigation {
        grid-template-columns: 1fr;
    }

    .nav-next {
        text-align: left;
    }
}