/*
Theme Name: Panara8 News 03
Theme URI: https://example.com/
Author: Panara8
Description: Lightweight WordPress news theme with a business/industry editorial layout.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: panara8-news-03
*/
:root{--primary:#0b5cab;--dark:#102a43;--accent:#f59e0b;--bg:#f5f7fa;--text:#243b53;--muted:#627d98;--white:#fff;--border:#d9e2ec;--radius:8px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1180px,calc(100% - 32px));margin:auto}

/* Focus states for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--primary);
    outline-offset: 2px;
}
.mainnav a:focus-visible {
    outline: 3px solid var(--primary);
    outline-offset: -2px;
    border-radius: 2px;
}

/* Screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: var(--white);
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: var(--text);
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.topbar{background:var(--dark);color:#d9e2ec;font-size:13px}.topbar .container{display:flex;justify-content:space-between;padding:8px 0}.brandbar{background:#fff;border-bottom:1px solid var(--border)}.brandbar .container{display:flex;align-items:center;gap:24px;padding:18px 0}.site-title{font-size:30px;font-weight:800;color:var(--primary);letter-spacing:-1px}.custom-logo-link{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%}.custom-logo{max-height:70px;width:auto;height:auto}.site-description{color:var(--muted);font-size:13px}.mainnav{background:#fff;border-bottom:3px solid var(--primary)}.mainnav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0;overflow:auto}.mainnav a{display:block;padding:12px 0;font-size:14px;font-weight:700;white-space:nowrap}.mainnav a:hover{color:var(--primary)}

.breaking{background:var(--primary);color:#fff;margin:18px 0 24px}.breaking .container{display:flex;align-items:center}.breaking-label{font-weight:800;padding:10px 16px;background:var(--accent);color:#102a43}.breaking-text{padding:10px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--dark);margin:30px 0 16px}.section-head h2{font-size:20px;margin:0;padding-bottom:8px;border-bottom:4px solid var(--primary)}.section-head a{font-size:13px;color:var(--primary);font-weight:700}

.lead-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.lead{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.lead .thumb{aspect-ratio:16/9;object-fit:cover;width:100%}.lead-content{padding:18px}.kicker{font-size:12px;text-transform:uppercase;color:var(--primary);font-weight:800}.lead h1,.lead h3{font-size:30px;line-height:1.2;margin:7px 0}.meta{font-size:12px;color:var(--muted)}.side-leads{display:grid;gap:12px}.mini{display:grid;grid-template-columns:120px 1fr;gap:12px;background:#fff;border:1px solid var(--border);padding:10px;border-radius:var(--radius)}.mini img{width:120px;height:78px;object-fit:cover;border-radius:5px}.mini h4{font-size:15px;line-height:1.25;margin:3px 0}

.content-grid{display:grid;grid-template-columns:minmax(0,2fr) 330px;gap:28px}.news-list{display:grid;gap:14px}.news-card{display:grid;grid-template-columns:220px 1fr;gap:16px;background:#fff;border:1px solid var(--border);padding:12px;border-radius:var(--radius)}.news-card img{width:220px;height:140px;object-fit:cover;border-radius:5px}.news-card h3{font-size:19px;line-height:1.25;margin:5px 0 7px}.excerpt{color:var(--muted);font-size:13px}.sidebar-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.sidebar-box h3{margin:0 0 12px;font-size:18px;border-bottom:2px solid var(--primary);padding-bottom:8px}.rank{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.rank:last-child{border-bottom:0}.rank-num{font-size:22px;font-weight:800;color:var(--primary)}.rank h4{margin:0;font-size:14px;line-height:1.3}

.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat-box{background:#fff;border:1px solid var(--border);padding:18px;border-radius:var(--radius);font-weight:800}.cat-box:hover{border-color:var(--primary);color:var(--primary)}

.single-wrap{background:#fff;border:1px solid var(--border);padding:26px;border-radius:var(--radius)}.single-title{font-size:38px;line-height:1.15;margin:8px 0 12px}.single-content{font-size:17px;line-height:1.8}.single-content p{margin:0 0 18px}

/* Footer */
.site-footer{background:var(--dark);color:#d9e2ec;margin-top:40px;padding:50px 0 30px;font-size:15px;line-height:1.6}
.footer-container{width:min(1200px,calc(100% - 32px));margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}

/* Footer Brand */
.footer-brand{display:flex;flex-direction:column}
.footer-logo-link{display:inline-block;margin-bottom:12px}
.footer-logo{max-height:50px;width:auto;height:auto}
.footer-brand-name{font-size:24px;font-weight:800;color:#fff;text-decoration:none;margin-bottom:10px;display:inline-block}
.footer-brand-name:hover{color:var(--accent)}
.footer-description{font-size:14px;color:#a0aec0;margin:0 0 18px;line-height:1.7}
.footer-socials{display:flex;gap:12px;margin-top:auto}
.footer-socials a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#d9e2ec;transition:all .25s ease}
.footer-socials a:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}

/* Footer Navigation */
.footer-heading{color:#fff;font-size:18px;font-weight:700;margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.1)}
.footer-menu{list-style:none;margin:0;padding:0}
.footer-menu li{margin-bottom:10px}
.footer-menu a{color:#d9e2ec;text-decoration:none;font-size:14px;transition:color .2s ease;display:inline-block}
.footer-menu a:hover{color:#fff;padding-left:4px}

/* Footer Contact */
.footer-contact-list{list-style:none;margin:0;padding:0}
.footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;color:#d9e2ec;font-size:14px}
.footer-contact-item svg{flex-shrink:0;margin-top:3px;stroke:var(--primary)}
.footer-contact-item a{color:#d9e2ec;text-decoration:none;transition:color .2s ease}
.footer-contact-item a:hover{color:#fff}
.footer-address span{line-height:1.5}

/* Footer Divider */
.footer-divider{height:1px;background:#486581;margin:30px 0 20px}

/* Footer Copyright */
.footer-copyright{text-align:center;font-size:13px;color:#829ab1}
.footer-copyright p{margin:0}

.pagination{display:flex;gap:6px;margin-top:20px}.pagination a,.pagination span{background:#fff;border:1px solid var(--border);padding:8px 12px;border-radius:5px}.pagination .current{background:var(--primary);color:#fff;border-color:var(--primary)}

/* Responsive */
@media(max-width:800px){.lead-grid,.content-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.brandbar .container{flex-wrap:wrap}.site-description{display:none}.news-card{grid-template-columns:130px 1fr}.news-card img{width:130px;height:100px}.single-title{font-size:28px}.footer-grid{grid-template-columns:1fr}.footer-brand{align-items:flex-start}.footer-socials{margin-top:16px}.topbar .container{font-size:11px}}
@media(max-width:520px){.container{width:min(100% - 20px,1180px)}.mini{grid-template-columns:90px 1fr}.mini img{width:90px;height:68px}.news-card{grid-template-columns:1fr}.news-card img{width:100%;height:180px}.category-grid{grid-template-columns:1fr 1fr}}