/*
Theme Name: Hab News v26 ULTRA
Version: 26.0
*/

:root{
--accent:#c40000;
--bg:#ffffff;
--text:#111111;
}

body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);transition:0.3s;}
.dark-mode{
--bg:#111;
--text:#f5f5f5;
}

a{text-decoration:none;color:inherit;}
.container{width:95%;max-width:1100px;margin:auto;}

.header{
background:var(--accent);
color:#fff;
padding:12px 0;
position:sticky;
top:0;
z-index:999;
}

.header-inner{display:flex;justify-content:space-between;align-items:center;}
.logo a{color:#fff;font-size:22px;font-weight:bold;}

.search-box{position:relative;}
.search-results{
position:absolute;
top:35px;
left:0;
background:#fff;
color:#000;
width:250px;
border-radius:6px;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
display:none;
max-height:300px;
overflow:auto;
z-index:9999;
}
.search-results a{
display:block;
padding:8px 10px;
border-bottom:1px solid #eee;
}
.search-results a:hover{background:#f5f5f5;}

.dark-mode .search-results{
background:#222;
color:#fff;
}

.nav{background:#fff;border-bottom:1px solid #eee;}
.nav ul{list-style:none;margin:0;padding:10px 0;display:flex;gap:15px;overflow-x:auto;}

.layout{display:grid;grid-template-columns:3fr 1fr;gap:30px;margin:40px auto;}

.news-card{display:flex;gap:20px;margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:20px;}
.news-card img{width:200px;height:140px;object-fit:cover;border-radius:8px;}

.article-content img{max-width:100%;height:auto;border-radius:8px;}

.pagination{
display:flex;
justify-content:center;
gap:10px;
margin:40px 0;
flex-wrap:wrap;
}
.pagination a,.pagination span{
padding:6px 12px;
border:1px solid #ddd;
border-radius:5px;
}
.pagination .current{
background:var(--accent);
color:#fff;
}

.scroll-top{
position:fixed;
bottom:30px;
right:30px;
background:var(--accent);
color:#fff;
padding:10px 14px;
border-radius:50%;
cursor:pointer;
display:none;
}

.dark-toggle{
background:#fff;
color:#000;
padding:5px 10px;
border-radius:4px;
cursor:pointer;
margin-left:10px;
}

footer{background:#000;color:#fff;text-align:center;padding:30px;margin-top:60px;}

@media(max-width:992px){
.layout{grid-template-columns:1fr;}
.news-card{flex-direction:column;}
.news-card img{width:100%;height:auto;}
}