/*
Theme Name: HealthHuesExpress
Theme URI: https://healthhuesexpress.com/
Author: HealthHuesExpress
Description: Premium dark newspaper health editorial theme with accessible responsive layouts.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: healthhuesexpress
License: GPL-2.0-or-later
*/
:root{--hhe-bg:#0b0d10;--hhe-panel:#15191d;--hhe-ink:#f8f5ed;--hhe-muted:#b9b6b0;--hhe-gold:#f1c76d;--hhe-line:#363431}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hhe-bg);color:var(--hhe-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}body.admin-bar .hhe-header{top:32px}a{color:var(--hhe-gold);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:10px;top:10px;z-index:10000;background:#fff;color:#111;padding:10px}.hhe-wrap{width:min(100% - 44px,2200px);margin-inline:auto}.hhe-top{background:#161718;border-bottom:1px solid var(--hhe-line);font-size:12px;color:#ddd}.hhe-top .hhe-wrap{display:flex;justify-content:space-between;padding:7px 0;gap:10px}.hhe-header{background:#0c0e10;border-bottom:1px solid #39352c;position:relative;z-index:20}.hhe-header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:22px}.hhe-brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:220px}.hhe-mark{height:48px;width:48px;display:grid;place-items:center;background:linear-gradient(145deg,#efc46a,#9a6623);border-radius:12px;color:#0a0a0a;font-size:29px}.hhe-brand strong{display:block;font-family:Georgia,serif;font-size:clamp(20px,2vw,30px);line-height:1.05}.hhe-brand strong span{color:var(--hhe-gold)}.hhe-brand small{display:block;color:#c8c2b5;font-size:11px}.hhe-nav ul{list-style:none;display:flex;align-items:center;gap:clamp(12px,1.6vw,28px);margin:0;padding:0}.hhe-nav a{color:#eee;font-size:14px;font-weight:700}.hhe-search{display:flex;border:1px solid #5a5141;border-radius:999px;overflow:hidden;max-width:270px;min-width:170px}.hhe-search input{background:transparent;border:0;color:#fff;padding:10px 14px;min-width:0;width:100%}.hhe-search button{border:0;background:var(--hhe-gold);color:#16110a;padding:0 15px;font-weight:bold}.hhe-menu-toggle{display:none;border:1px solid var(--hhe-line);background:#171717;color:#fff;padding:9px 12px;border-radius:8px}.hhe-main{padding:22px 0 52px}.hhe-news-grid{display:grid;grid-template-columns:minmax(195px,245px) minmax(0,1fr) minmax(255px,330px);gap:20px;align-items:start}.hhe-panel{background:var(--hhe-panel);border:1px solid var(--hhe-line);border-radius:12px;min-width:0;overflow:hidden}.hhe-side{padding:18px;position:relative}.hhe-side h2,.hhe-right h2{font-family:Georgia,serif;font-size:22px;margin:0 0 16px;border-bottom:1px solid #554832;padding-bottom:10px}.hhe-category-list{list-style:none;padding:0;margin:0}.hhe-category-list li+li{border-top:1px solid #2c2d2e}.hhe-category-list a{display:flex;gap:10px;align-items:center;padding:9px 0;color:#e9e4d8;font-size:13px}.hhe-category-list a:hover{color:var(--hhe-gold)}.hhe-cat-icon{width:27px;height:27px;border-radius:7px;background:#2a2926;display:grid;place-items:center;font-size:15px;flex:none}.hhe-feature{min-height:500px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 28%,#604b2a,#26231c 45%,#12171a 75%);border-radius:12px;border:1px solid #56462c;display:flex;align-items:end}.hhe-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hhe-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.15) 72%)}.hhe-feature-copy{position:relative;z-index:1;padding:clamp(24px,4vw,58px);max-width:720px}.hhe-kicker{display:inline-block;color:#16120a;background:var(--hhe-gold);font-size:11px;letter-spacing:.1em;font-weight:900;text-transform:uppercase;padding:5px 12px;border-radius:99px}.hhe-feature h1{font:700 clamp(34px,4.5vw,68px)/1.04 Georgia,serif;letter-spacing:-.035em;margin:20px 0}.hhe-feature p{color:#f0e9dc;max-width:530px}.hhe-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--hhe-gold);color:#17120a;padding:11px 20px;border-radius:999px;font-weight:800;font-size:13px}.hhe-right{padding:18px}.hhe-trend{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #37332b;align-items:center}.hhe-trend:last-child{border:0}.hhe-trend img,.hhe-thumb{width:84px;height:65px;object-fit:cover;border-radius:7px;background:linear-gradient(130deg,#61513b,#22282a);flex:none}.hhe-trend a{color:#f2eee6;font-weight:700;font-size:13px;line-height:1.4}.hhe-trend small{display:block;color:var(--hhe-gold);font-size:11px}.hhe-section{margin-top:22px}.hhe-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #4d402c;margin-bottom:16px;padding-bottom:9px}.hhe-section-head h2{font:700 clamp(24px,2.4vw,36px)/1.2 Georgia,serif;margin:0}.hhe-section-head h2:before{content:'◆';font:14px Arial;color:var(--hhe-gold);margin-right:12px}.hhe-category-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.hhe-cat-tile{background:#1a1d20;border:1px solid #383632;border-radius:10px;padding:14px 6px;text-align:center;color:#f1eadf;min-width:0;transition:transform .2s,border-color .2s}.hhe-cat-tile:hover{transform:translateY(-3px);border-color:var(--hhe-gold);text-decoration:none}.hhe-cat-tile .hhe-emoji{font-size:26px;display:block}.hhe-cat-tile strong{font-size:11px;display:block;line-height:1.3;margin-top:7px;overflow-wrap:anywhere}.hhe-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hhe-story{background:#181b1e;border:1px solid #3b3935;border-radius:12px;overflow:hidden;min-width:0}.hhe-story-media{height:180px;display:block;overflow:hidden;background:linear-gradient(125deg,#5e442d,#171c23)}.hhe-story-media img{width:100%;height:100%;object-fit:cover;display:block}.hhe-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:44px;background:radial-gradient(circle at 70% 30%,#776043,#22242a 70%)}.hhe-story-body{padding:17px}.hhe-story-body small{color:var(--hhe-gold);text-transform:uppercase;font-size:10px;font-weight:800}.hhe-story-body h3{font:700 22px/1.2 Georgia,serif;margin:9px 0}.hhe-story-body h3 a{color:#fff}.hhe-story-body p{font-size:13px;color:#c5c1ba}.hhe-topic-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hhe-topic{min-height:130px;border:1px solid #4d4538;border-radius:12px;background:linear-gradient(115deg,#1d2b28,#383027);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.hhe-topic:nth-child(2){background:linear-gradient(115deg,#2c2230,#3c2c25)}.hhe-topic:nth-child(3){background:linear-gradient(115deg,#1b2b36,#2e2b42)}.hhe-topic:nth-child(4){background:linear-gradient(115deg,#322921,#333d28)}.hhe-topic h3{font:700 23px Georgia,serif;margin:0}.hhe-footer{background:#080b0d;border-top:2px solid #8b6d37;padding-top:42px}.hhe-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.1fr;gap:34px}.hhe-footer h3{font:700 19px Georgia,serif;color:var(--hhe-gold)}.hhe-footer p,.hhe-footer li{color:#bcbab5;font-size:13px}.hhe-footer ul{list-style:none;padding:0;margin:0;columns:1}.hhe-footer li{margin:7px 0}.hhe-footer a{color:#e2ded7}.hhe-footer-bottom{border-top:1px solid #35302a;margin-top:32px;padding:16px 0;color:#aaa;font-size:12px}.hhe-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}.hhe-article{background:#15191d;border:1px solid var(--hhe-line);padding:clamp(22px,4vw,56px);border-radius:14px;min-width:0}.hhe-article h1{font:700 clamp(32px,4vw,58px)/1.13 Georgia,serif;overflow-wrap:anywhere;margin:12px 0 16px}.hhe-article h2{font:700 clamp(23px,2.4vw,34px)/1.2 Georgia,serif}.hhe-article .entry-content{font-size:17px;line-height:1.85;color:#e2e0db;overflow-wrap:anywhere}.hhe-article .entry-content img{height:auto;max-width:100%;border-radius:9px}.hhe-article .entry-content a{text-decoration:underline;text-underline-offset:3px}.hhe-meta{color:#b5afa3;font-size:13px}.hhe-links-box{border:1px solid #5e5035;background:#24231e;border-radius:12px;padding:18px;margin:25px 0}.hhe-links-box h2,.hhe-links-box h3{font:700 22px Georgia,serif;margin:0 0 10px}.hhe-links-box ul{margin:0;padding-left:20px}.hhe-links-box li{margin:7px 0}.hhe-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hhe-related .hhe-story-media{height:130px}.hhe-related .hhe-story-body h3{font-size:17px}.hhe-pagination{margin-top:22px}.hhe-empty{padding:24px;background:#1b1c1d;border-radius:12px}.hhe-disclaimer{font-size:12px;color:#bbb;border-top:1px solid #45403a;margin-top:25px;padding-top:15px}
@media(max-width:1250px){.hhe-news-grid{grid-template-columns:200px minmax(0,1fr)}.hhe-right{grid-column:2}.hhe-category-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.hhe-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hhe-header-inner{flex-wrap:wrap;padding:15px 0}.hhe-search{margin-left:auto}}
@media(max-width:800px){.hhe-wrap{width:min(100% - 28px,2200px)}.hhe-news-grid,.hhe-article-layout{grid-template-columns:minmax(0,1fr)}.hhe-right{grid-column:auto}.hhe-side{order:2}.hhe-feature{min-height:440px}.hhe-category-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.hhe-topic-row,.hhe-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hhe-menu-toggle{display:block}.hhe-nav{display:none;width:100%;order:5}.hhe-nav.is-open{display:block}.hhe-nav ul{flex-direction:column;align-items:stretch;padding:12px 0}.hhe-header-inner{gap:12px}.hhe-search{max-width:100%;flex:1 1 200px}}
@media(max-width:520px){.hhe-top .hhe-wrap{display:block;text-align:center}.hhe-brand{min-width:0}.hhe-brand strong{font-size:20px}.hhe-mark{height:40px;width:40px}.hhe-category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.hhe-story-grid,.hhe-topic-row,.hhe-footer-grid,.hhe-related{grid-template-columns:minmax(0,1fr)}.hhe-feature{min-height:400px}.hhe-feature-copy{padding:24px}.hhe-feature h1{font-size:38px}.hhe-search{flex-basis:100%}.hhe-article{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hhe-cat-tile{transition:none}}
