/*
Theme Name: HM Elite Interiors
Theme URI: https://hmeliteinteriors.co.uk/blog/
Author: HM Elite Interiors
Description: Custom blog theme matching the HM Elite Interiors website.
Version: 1.0.0
Text Domain: hm-elite
*/
:root{--accent:#c48b69;--accent-hover:#d4a080;--accent-glow:#c48b694d;--surface:#0b0b0b;--surface-elevated:#141414;--surface-card:#1a1a1a;--text-high:#fff;--text-muted:#a0a0a0;--text-dim:#666;--border:#c48b6940;--border-subtle:#ffffff0f;--overlay:#0b0b0bd9;--radius:16px;--font-display:"Michroma",sans-serif;--font-body:"Outfit",sans-serif;--container-max:1400px;--container-padding:clamp(20px,4vw,80px)}
[data-theme="light"]{--accent:#a06b4a;--accent-hover:#8a5c3e;--accent-glow:#a06b4a33;--surface:#f8f6f0;--surface-elevated:#fff;--surface-card:#f0ede6;--text-high:#000;--text-muted:#6b6b6b;--text-dim:#999;--border:#a06b4a4d;--border-subtle:#0000000f;--overlay:#f8f6f0d9}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--surface);color:var(--text-high);font-family:var(--font-body);line-height:1.7;letter-spacing:.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-high);font-weight:600;line-height:1.15}p{color:var(--text-muted)}.container{max-width:var(--container-max);padding:0 var(--container-padding);width:100%;margin:0 auto}.eyebrow{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.eyebrow:before{content:"";background:var(--accent);width:40px;height:1px}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-subtle)}.header-inner{width:100%;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between;gap:20px}.site-logo img{height:44px;width:auto}.desktop-nav{display:flex;align-items:center;gap:22px;background:var(--surface-card);padding:10px 24px;border-radius:30px;border:1px solid var(--border-subtle);margin-left:auto;margin-right:12px}.desktop-nav a{font-size:14px;font-weight:600}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--accent)}.phone-btn{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:24px;background:var(--accent)}.menu-toggle{display:none;background:none;border:none;color:var(--text-high);cursor:pointer}.hero{padding:160px 0 72px;background:linear-gradient(to top,var(--surface) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,.55) 100%),var(--surface-elevated)}.hero h1{font-size:clamp(36px,5vw,72px);margin:16px 0 18px}.hero p{max-width:62ch;font-size:18px}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;padding:48px 0 96px}.post-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;transition:transform .3s ease,border-color .3s ease}.post-card:hover{transform:translateY(-4px);border-color:var(--accent)}.post-card img{width:100%;height:220px;object-fit:cover}.post-card .body{padding:22px}.post-card .meta{color:var(--accent);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.post-card h2{font-size:22px;margin-bottom:10px}.post-card p{font-size:15px}.single-wrap{padding:140px 0 80px;max-width:860px;margin:0 auto}.single-wrap .meta{color:var(--accent);font-size:13px;margin:12px 0 28px}.single-wrap .featured{border-radius:var(--radius);overflow:hidden;margin-bottom:32px}.single-wrap .featured img{width:100%;height:auto}.entry-content{font-size:17px;color:var(--text-muted)}.entry-content h2,.entry-content h3{margin:32px 0 12px}.entry-content p,.entry-content ul,.entry-content ol{margin-bottom:18px}.entry-content ul,.entry-content ol{padding-left:1.3em}.entry-content a{color:var(--accent);text-decoration:underline}.entry-content img{border-radius:12px;margin:24px 0}.comments-area{margin-top:56px;padding-top:32px;border-top:1px solid var(--border-subtle)}.comment-form input,.comment-form textarea{width:100%;background:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--text-high);border-radius:10px;padding:12px 14px;margin-bottom:12px}.comment-form input[type="submit"],.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:12px 28px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-size:13px}.site-footer{background:var(--surface-elevated);border-top:1px solid var(--border-subtle);padding:64px 0 28px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.site-footer h5{font-family:var(--font-body);font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.site-footer a,.site-footer p{color:var(--text-muted);font-size:14px}.site-footer a:hover{color:var(--accent)}.site-footer ul{list-style:none;display:flex;flex-direction:column;gap:8px}.copyright{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-subtle);color:var(--text-dim);font-size:13px}.pagination{display:flex;gap:12px;justify-content:center;padding-bottom:80px}.pagination a,.pagination span{padding:8px 14px;border:1px solid var(--border-subtle);border-radius:8px}.pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)}.mobile-nav{display:none}.mobile-nav.open{display:flex;flex-direction:column;position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(24px);z-index:1100;padding:24px;gap:16px}.mobile-nav a{font-size:20px;font-weight:600}@media(max-width:900px){.desktop-nav,.phone-btn{display:none}.menu-toggle{display:block}}.search-form{display:flex;gap:8px;margin:24px 0 8px}.search-form input[type="search"]{flex:1;background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-high);border-radius:12px;padding:12px 16px}.search-form input[type="submit"]{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:12px 22px;font-weight:600;cursor:pointer}