:root{
	--bg:#fff;
	--text:#111;
	--muted:#555;
	--border:#e5e7eb;
	--accent:#d62828;
	--surface-soft:rgba(0,0,0,.05);
	--space-0:0;
	--space-1:.25rem;
	--space-2:.5rem;
	--space-3:.75rem;
	--space-4:1rem;
	--space-5:1.25rem;
	--space-6:1.5rem;
	--space-7:1.75rem;
	--space-8:2rem;
	--space-9:2.5rem;
	--space-10:3rem
}
[data-theme="dark"]{
	--bg:#0f1115;
	--text:#e5e7eb;
	--muted:#9ca3af;
	--border:#1f2937;
	--accent:#d62828;
	--surface-soft: #2C2C2C;
}
[data-theme="dark"] .card-category,[data-theme="dark"] .card-comments{
	opacity:.9
}
html{
	font-size:16px
}
body{
	margin:0;
	background:var(--bg);
	color:var(--text);
	font-family:'Oxygen',system-ui,-apple-system,sans-serif;
	font-size:1rem;
	line-height:1.6
}
.hidden{
	display:none!important
}
h1,h2,h3,h4,h5,h6{
	font-family:'Encode Sans Condensed',sans-serif;
	font-weight:700;
	line-height:1.2;
	margin:0 0 .75rem
}
input,textarea,select,button{
	font-family:"Oxygen",system-ui,-apple-system,sans-serif;
	font-size:.9rem;
	color:var(--text)
}
input::placeholder,textarea::placeholder{
	color:var(--muted);
	opacity:.7
}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{
	color:rgba(255,255,255,.5);
	opacity:1
}
*,*::before,*::after{
	box-sizing:border-box
}
img{
	max-width:100%;
	height:auto;
	display:block
}
.site-main{
	padding-top:var(--space-6)
}
.container{
	max-width:71.25rem;
	margin:0 auto;
	padding:0 var(--space-4)
}
@media (max-width:640px){
	.container{
		padding:0 var(--space-2)
}
}
@media (max-width:400px){
	.container{
		padding:0 var(--space-2)
}
}
a{
	color:var(--text);
	text-decoration:none;
	transition:.2s
}
a:hover{
	color:var(--accent)
}
.home-layout{
	display:grid;
	grid-template-columns:1fr 20rem;
	gap:var(--space-4)
}
.content{
	display:flex;
	flex-direction:column;
	gap:var(--space-4)
}
.sidebar{
	width:20rem
}
.news-grid--top{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:var(--space-4)
}
.news-grid--list{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:var(--space-4)
}
@media (max-width:1023px){
	.home-layout{
		grid-template-columns:1fr
}
	.sidebar{
		width:100%
}
	.news-grid--top{
		grid-template-columns:1fr
}
	.news-grid--list{
		grid-template-columns:repeat(2,1fr)
}
}
@media (max-width:640px){
	.news-grid--list{
		grid-template-columns:1fr
}
}
main.container{
	margin-top:var(--space-6)
}
.entry-breadcrumb{
	font-size:.9rem;
	margin-bottom:var(--space-3)
}
.entry-breadcrumb p{
	margin:0
}
.entry-breadcrumb a{
	color:var(--accent);
	transition:.2s;
	text-decoration:underline;
	text-underline-offset:2px
}
.entry-breadcrumb span{
	color:var(--muted)
}
.entry-breadcrumb strong{
	color:var(--text);
	font-weight:500
}
[data-theme="dark"] .entry-breadcrumb a,[data-theme="dark"] .entry-breadcrumb span{
	color:rgba(255,255,255,.5)
}
[data-theme="dark"] .entry-breadcrumb strong{
	color:rgba(255,255,255,.9)
}
.layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 320px;
	gap:var(--space-7)
}
.layout-main{
	min-width:0
}
body.home .layout:first-of-type .layout-main,body.archive .layout:first-of-type .layout-main,body.search .layout:first-of-type .layout-main,body.category .layout:first-of-type .layout-main,body.author .layout:first-of-type .layout-main,body.tag .layout:first-of-type .layout-main,body.blog .layout:first-of-type .layout-main{
	display:flex;
	flex-direction:column;
	gap:var(--space-5)
}
body.single .layout-main{
	display:block
}
.layout-sidebar{
	width:320px;
	display:flex;
	flex-direction:column;
	gap:var(--space-6)
}
.home-section-alt{
	background: var(--surface-soft);
	padding:var(--space-8) 0;
	margin:var(--space-8) 0
}
[data-theme="dark"] .home-section-alt{
	background:rgba(255,255,255,.04)
}
.grid-2,.grid-3,.grid-4{
	display:grid;
	gap:var(--space-5)
}
.grid-2{
	grid-template-columns:repeat(2,1fr)
}
.grid-3{
	grid-template-columns:repeat(3,1fr)
}
.grid-4{
	grid-template-columns:repeat(4,1fr)
}
.container>section{
	margin-top:var(--space-8)
}
.container>section:first-child{
	margin-top:0
}
.card{
	display:flex;
	flex-direction:column;
	gap:var(--space-3)
}
.card-image{
	border-radius:.6rem;
	overflow:hidden
}
.card-body{
	display:flex;
	flex-direction:column;
	gap:.5rem
}
.card-title{
	font-family:"Miranda Sans", sans-serif;
	font-size:1.125rem;
	font-weight:700;
	line-height:1.35;
	margin:0
}
.card-title a{
	color:var(--text)
}
.card-title a:hover{
	color:var(--accent);
	opacity:.9
}
.card-comments{
	font-size:.85em;
	font-weight:700;
	color:var(--accent)
}
.card-category{
	font-size:.7rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--accent)
}
.card-meta{
	display:flex;
	align-items:center;
	gap:.4rem;
	font-size:.75rem;
	color:var(--muted)
}
.block-title{
	font-size:1.5rem;
	margin-bottom:var(--space-5);
	position:relative;
	color: var(--text);
	padding-bottom:.5rem
}
.block-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin-top: .4rem;
    background: linear-gradient(
        to right,
        var(--accent) 50%,
        transparent 50%
    );
    background-size: 12px 2px;
}
.block-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--space-3);
	margin-bottom:var(--space-5)
}
.block-header .block-title{
	margin:0
}
.block-link{
	font-size:.85rem;
	color:var(--text);
	text-decoration:none;
	transition:.2s
}
.block-link:hover{
	color:var(--accent)
}
.sidebar-box{
}
.home-full{
	display:block
}
[data-theme="dark"] .card-meta{
	color:rgba(255,255,255,.6)
}
@media (max-width:1023px){
	.layout{
		grid-template-columns:1fr
}
	.layout-sidebar{
		display:none
}
	.grid-4,.grid-3{
		grid-template-columns:repeat(2,1fr)
}
}
@media (max-width:640px){
	.grid-2{
		grid-template-columns:1fr
}
	.grid-3,.grid-4{
		grid-template-columns:repeat(2,1fr)
}
}
.home-mobile{
	display:none
}
.home-desktop{
	display:block
}
@media (max-width:768px){
	.home-mobile{
		display:block
}
	.home-desktop{
		display:none
}
}
.home-desktop .grid-2, .home-mobile .grid-2, .home-mobile .grid-3{
	margin-bottom: var(--space-5);
}

.layout-sidebar{
    position: sticky;
    top: 120px;
    align-self: start;
}
.top-sticky{
    position:sticky;
    top:0;
    z-index:1000;
    background:var(--bg);
}

.site-header {
    position: relative;
    background: var(--bg);
    overflow: visible;
}

/* Only desktop gets offset */
@media (min-width:783px){
    .admin-bar .top-sticky{
        top:32px;
    }
}
.header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:4rem
}
.logo-link{
    display:flex;
    align-items:center
}
.logo-img {
    width: auto;
    display: block;
}

/* LIGHT MODE (default) */
.logo-light {
    display: block!important;
}

.logo-dark {
    display: none!important;
}

/* DARK MODE */
html[data-theme="dark"] .logo-light {
    display: none!important;
}

html[data-theme="dark"] .logo-dark {
    display: block!important;
}
.main-nav{
    display:none
}
.main-nav .menu li a{
    font-family: "Miranda Sans", sans-serif;
    font-weight:600;
    font-size:1rem;
}
.menu{
    display:flex;
    gap:var(--space-7);
    list-style:none;
    margin:0;
    padding:0
}
.main-nav .menu li a{
    position:relative;
    padding:6px 0;
    transition:color .2s ease;
}

.main-nav .menu li a:hover{
    color:var(--accent);
}

/* underline animation */
.main-nav .menu li a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    background:var(--accent);
    transition:width .25s ease;
}

.main-nav .menu li a:hover::after{
    width:100%;
}
.header-actions{
    display:flex;
    align-items:center;
    gap:var(--space-2)
}
.icon-btn,.burger{
    width:2.25rem;
    height:2.25rem;
    border-radius:var(--space-2);
    border:none;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.2s
}
.icon-btn:hover,.burger:hover{
    background:rgba(24,85,25,.08)
}
.icon-btn:hover .icon{
    stroke:var(--accent)
}
.icon{
    width:1.25rem;
    height:1.25rem;
    stroke:var(--text);
    fill:none;
    stroke-width:2
}
.burger{
    position:relative
}
.burger span{
    position:absolute;
    width:1.125rem;
    height:.125rem;
    background:var(--text);
    transition:.3s,.2s
}
.burger span:nth-child(1){
    transform:translateY(-.3125rem)
}
.burger span:nth-child(2){
    transform:translateY(0)
}
.burger span:nth-child(3){
    transform:translateY(.3125rem)
}
.burger.active span:nth-child(1){
    transform:rotate(45deg)
}
.burger.active span:nth-child(2){
    opacity:0
}
.burger.active span:nth-child(3){
    transform:rotate(-45deg)
}
.burger:hover span{
    background:var(--accent)
}
.mega-menu{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:var(--bg);
    border-top:.0625rem solid var(--border);
    opacity:0;
    transform:translateY(-.5rem);
    pointer-events:none;
    transition:.2s,.2s
}
.mega-menu.active{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
    box-shadow:0 var(--space-2) var(--space-8) rgba(0,0,0,.05)
}
.mega-inner{
    padding:var(--space-7) 0 var(--space-9)
}
.mega-search{
    margin-bottom:var(--space-7)
}
.mega-search form{
    position:relative
}
.mega-search input{
    width:100%;
    height:3rem;
    border-radius:var(--space-3);
    border:.0625rem solid var(--border);
    padding:0 var(--space-8) 0 var(--space-3);
    font-size:.9375rem;
    background:var(--bg);
    color:var(--text)
}
.mega-search input:focus{
    border-color:var(--accent);
    box-shadow:0 0 0 var(--space-1) rgba(24,85,25,.15);
    outline:none
}
.mega-search button{
    position:absolute;
    right:var(--space-2);
    top:50%;
    transform:translateY(-50%);
    width:2.25rem;
    height:2.25rem;
    border-radius:var(--space-2);
    background:transparent;
    border:none;
    cursor:pointer
}
.mega-search button:hover{
    background:rgba(24,85,25,.08)
}
.mega-search button:hover .icon{
    stroke:var(--accent)
}

.mega-menu-root{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:var(--space-5);
    list-style:none;
    margin:0;
    padding:0;
}

.mega-menu-root > li.menu-item-has-children > a{
    font-weight:700;
    margin-bottom:var(--space-3);
    display:block;
}

.mega-menu-root .sub-menu{
    list-style:none;
    padding:0;
    margin:0;
}

.mega-menu-root .sub-menu li{
    margin-bottom:var(--space-2);
}

.mega-menu-root .sub-menu a{
    font-size:.875rem;
    color:var(--muted);
}

.mega-menu-root .sub-menu a:hover{
    color:var(--accent);
}

@media (max-width:1023px){

    .mega-menu{
        position:fixed;
        top:calc(4rem + var(--admin-bar,0px));
        left:0;
        width:100%;
        height:calc(100dvh - 4rem - var(--admin-bar,0px));
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior:contain;
        z-index:2000;
        transform:translateY(-.625rem);
    }

    .mega-inner{
        padding:var(--space-4) 16px;
        max-width:1140px;
        margin:0 auto;
    }

    .mega-menu-root > li{
        padding-bottom:var(--space-3);
        border-bottom:.0625rem solid var(--border);
    }

    .mega-menu-root > li > a{
        font-size:1rem;
        font-weight:700;
        margin-bottom:var(--space-2);
        display:block;
    }

    .mega-menu-root .sub-menu{
        display:block;
        margin-top:var(--space-2);
    }

    .mega-menu-root .sub-menu li{
        margin-bottom:6px;
    }

    .mega-menu-root .sub-menu a{
        font-size:.9rem;
        color:var(--muted);
    }
}

@media (min-width:1024px){

    .mega-menu-root{
        grid-template-columns:repeat(5, 1fr);
        gap:var(--space-8);
    }

}
:root{
    --admin-bar:0px
}
.admin-bar{
    --admin-bar:32px
}
@media (max-width:782px){
    .admin-bar{
        --admin-bar:46px
}
}
body.menu-open{
    overflow:hidden
}
@media (min-width:1024px){
    .main-nav{
        display:block
}
}
.load-more-wrap{
    margin-top:var(--space-7);
    display:flex;
    justify-content:center
}
.loadMoreBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.6rem 1.5rem;
    font-size:.85rem;
    font-weight:600;
    font-family:"Miranda Sans", sans-serif;
    border-radius:999px;
    border:none;
    background:var(--accent);
    color:#fff;
    cursor:pointer;
    transition:.2s
}
.loadMoreBtn:hover{
    background:#ffc30b;
    color:#000
}
.loadMoreBtn:active{
    transform:scale(.97)
}
.loadMoreBtn.loading{
    opacity:.7;
    pointer-events:none
}
[data-theme="dark"] .loadMoreBtn{
    background:var(--accent);
    color:#fff
}
[data-theme="dark"] .loadMoreBtn:hover{
    background:#ffc30b;
    color:#000
}
.user-menu{
    position:relative
}
.user-toggle:hover .user-avatar{
    transform:scale(1.08);
    box-shadow:0 4px 12px rgba(0,0,0,.15)
}
[data-theme="dark"] .user-avatar{
    background:rgba(255,255,255,.08);
    box-shadow:0 0 0 1px rgba(255,255,255,.1)
}
.user-dropdown{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    min-width:180px;
    background:var(--surface,#fff);
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.1);
    padding:8px;
    display:none;
    z-index:1000
}
.user-dropdown a{
    display:block;
    padding:10px 12px;
    border-radius:8px;
    font-size:.9rem;
    color:var(--text);
    text-decoration:none;
    transition:.2s
}
.user-dropdown a:hover{
    background:rgba(0,0,0,.05)
}
[data-theme="dark"] .user-dropdown{
    background:#1a1a1a;
    border-color:rgba(255,255,255,.1)
}
[data-theme="dark"] .user-dropdown a:hover{
    background:rgba(255,255,255,.06)
}
.user-menu.active .user-dropdown{
    display:block
}
.user-menu .avatar{
    width:20px;
    height:20px;
    border-radius:50%;
    overflow:hidden;
    display:block;
    padding:0;
    background:none;
    transform:translateZ(0);
    transition:transform .2s ease,box-shadow .2s ease;
    box-shadow:0 0 0 1px rgba(0,0,0,.06);
}
.user-menu .avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:50%;
}

/* ===== BAR ===== */
.city-bar{
background:var(--accent);
}

.city-bar-inner{
max-width:1140px;
margin:0 auto;
padding:1.125rem 16px; /* match header container */
display:flex;
align-items:center;
gap:12px;
}

/* ===== LIST ===== */
.trending-list{
display:flex;
align-items:center;
gap:20px;
margin-left:4px;
overflow-x:auto;
scrollbar-width:none;
}

.trending-list::-webkit-scrollbar{
display:none;
}

/* ===== LINKS ===== */
.trending-link{
position:relative;
font-size:.85rem;
font-weight: bold;
text-transform: uppercase;
color:var(--bg);
text-decoration:none;
white-space:nowrap;
line-height:1;
transition:.2s;
}

/* separator (clean dot) */
.trending-link:not(:last-child)::after{
content:””;
display:inline-block;
width:2px;
height:2px;
background:rgba(0,0,0,.25);
border-radius:50%;
margin-left:12px;
transform:translateY(-2px);
}

/* hover */
.trending-link:hover{
color:var(--bg);
text-decoration: underline;
opacity:1;
}

/* active */
.trending-link.active{
color:var(–-accent);
font-weight:600;
opacity:1;
}

/* ===== DARK MODE ===== */
[data-theme=“dark”] .trending-link:not(:last-child)::after{
background:rgba(255,255,255,.3);
}
.site-footer{
    background:var(--bg);
    border-top:1px solid var(--border);
    margin-top:var(--space-8);
}

.footer-inner{
    max-width:1140px;
    margin:0 auto;
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:var(--space-7); 
    padding:var(--space-8) 16px;
}

.footer-col{
    display:flex;
    flex-direction:column;
    gap:var(--space-3); 
    position:relative;
}

@media (min-width:1024px){
    .footer-col:not(:first-child)::before{
        content:"";
        position:absolute;
        left:-16px;
        top:0;
        bottom:0;
        width:1px;
        background:var(--border);
        opacity:.4;
    }
}

.footer-about strong{
    font-family:"Miranda Sans", sans-serif;
    font-size:1.125rem;
    font-weight:700;
    line-height:1.35;
    color:var(--text);
}

.footer-about p{
    font-size:1rem;
    color:var(--muted);
    line-height:1.6;
    margin:0;
}


.footer-col span{
    font-family:"Miranda Sans", sans-serif;
    font-size:.9rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--accent);
    margin:0;
}

.footer-col ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:.4rem;
}

.footer-col a{
    font-size:1rem;
    color:var(--text);
    text-decoration:none;
    transition:.2s;
}

.footer-col a:hover{
    color:var(--accent);
}

.footer-bottom{
    border-top:1px solid var(--border);
    margin-top:var(--space-6);
    padding:var(--space-4) 16px;
    text-align:center;
    font-size:.85rem;
    color:var(--muted);
}

@media (max-width:1024px){

    .footer-inner{
        grid-template-columns:1fr 1fr;
        gap:var(--space-6);
    }

    .footer-col::before{
        display:none;
    }
}

@media (max-width:768px){

    .footer-inner{
        grid-template-columns:1fr;
        gap:var(--space-4);
        padding:var(--space-6) 16px;
    }

    .footer-col:not(.footer-about){
        display:none;
    }

    /* keep about clean */
    .footer-about{
        display:block;
        padding-bottom:0;
        border:none;
    }

    .footer-about strong{
        font-size:1.125rem;
    }

    .footer-about p{
        font-size:1rem;
        line-height:1.6;
    }

    .footer-bottom{
        font-size:.8rem;
        margin-top:var(--space-4);
    }
}

[data-theme="dark"] .site-footer{
    background:var(--bg);
    border-top:1px solid rgba(255,255,255,.08);
}

[data-theme="dark"] .footer-col a{
    color:rgba(255,255,255,.9);
}

[data-theme="dark"] .footer-about p,
[data-theme="dark"] .footer-bottom{
    color:rgba(255,255,255,.6);
}

[data-theme="dark"] .footer-col:not(:first-child)::before{
    background:rgba(255,255,255,.08);
}