/*
Theme Name: Well Home Decor
Theme URI: https://wellhomedecor.com/
Author: Well Home Decor
Description: A clean, responsive editorial WordPress theme for home decor, interior design, DIY and home improvement.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: well-home-decor
*/

:root{
  --cream:#f7f3ec;
  --paper:#fffdf9;
  --ink:#292a27;
  --muted:#74746d;
  --accent:#6d7b61;
  --line:#e6e0d6;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(92%,var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-brand{font-family:Georgia,serif;font-size:27px;font-weight:700;letter-spacing:-.5px}
.site-brand span{color:var(--accent)}
.site-tagline{font-size:11px;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase}
.primary-menu{display:flex;gap:20px;align-items:center;list-style:none;margin:0;padding:0}
.primary-menu a{font-size:13px;font-weight:700}
.primary-menu a:hover{color:var(--accent)}
.menu-toggle{display:none;border:0;background:transparent;font-size:24px}
.search-link{font-size:19px}
.hero{background:var(--cream);padding:72px 0}
.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center}
.kicker{text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-size:12px;font-weight:700}
.hero h1{font:700 clamp(42px,5vw,72px)/1.05 Georgia,serif;margin:14px 0 20px}
.hero p{font-size:18px;color:var(--muted);max-width:590px}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:13px 21px;border-radius:3px;font-weight:700;font-size:13px;margin:8px 8px 0 0}
.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.hero-art,.placeholder-img{min-height:430px;background:linear-gradient(135deg,#ddd5c7,#f5efe5 55%,#b9b8a7);position:relative;overflow:hidden}
.hero-art:after{content:"HOME DECOR";position:absolute;right:20px;bottom:18px;font:700 12px Georgia,serif;letter-spacing:3px;color:rgba(41,42,39,.5)}
.section{padding:68px 0}
.section.cream{background:var(--cream)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
.section h2{font:700 clamp(30px,4vw,44px)/1.15 Georgia,serif;margin:0}
.section-intro{color:var(--muted);max-width:650px;margin:10px 0 0}
.grid{display:grid;gap:22px}
.grid-5{grid-template-columns:repeat(5,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);overflow:hidden}
.card-body{padding:18px}
.card h3{font:700 21px/1.25 Georgia,serif;margin:8px 0}
.card p{color:var(--muted);font-size:14px;margin:8px 0}
.card-meta{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);font-weight:700}
.card-image{aspect-ratio:4/3;background:linear-gradient(135deg,#e4ddd2,#c7c5b6);display:flex;align-items:end;padding:15px;color:rgba(41,42,39,.55);font:700 12px Georgia,serif;letter-spacing:2px}
.room-card{min-height:245px;display:flex;align-items:end;padding:20px;color:#fff;background:linear-gradient(180deg,#b8b7aa,#64665d)}
.room-card:nth-child(2){background:linear-gradient(180deg,#d8cbbd,#7d746b)}
.room-card:nth-child(3){background:linear-gradient(180deg,#d2c9ba,#8a7b6a)}
.room-card:nth-child(4){background:linear-gradient(180deg,#d7ddd4,#6d776b)}
.room-card:nth-child(5){background:linear-gradient(180deg,#ddd6c9,#77736b)}
.room-card h3{font:700 25px Georgia,serif;margin:0}
.featured{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}
.featured .big .card-image{aspect-ratio:16/9}
.category-pills{display:flex;flex-wrap:wrap;gap:10px}
.category-pills a{border:1px solid var(--line);padding:9px 13px;font-size:13px;background:#fff}
.about-box{background:var(--cream);padding:50px;text-align:center}
.about-box p{max-width:700px;margin:15px auto;color:var(--muted)}
.newsletter{background:var(--ink);color:#fff;padding:50px 20px;text-align:center}
.newsletter p{color:#d7d5ce;max-width:650px;margin:12px auto 22px}
.newsletter-form{display:flex;max-width:540px;margin:auto}
.newsletter-form input{flex:1;padding:14px;border:0}
.newsletter-form button{padding:14px 20px;border:0;background:var(--accent);color:#fff;font-weight:700}
.site-footer{background:#22231f;color:#ddd;padding:55px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}
.site-footer h3{font:700 20px Georgia,serif;color:#fff;margin-top:0}
.site-footer p,.site-footer li,.site-footer a{font-size:13px;color:#bdbdb6}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:8px 0}
.footer-bottom{border-top:1px solid #3c3d38;margin-top:35px;padding-top:18px;font-size:12px;color:#999}
.entry-header{padding:55px 0 25px}
.entry-title{font:700 clamp(38px,5vw,64px)/1.08 Georgia,serif;max-width:900px;margin:10px 0}
.entry-meta{color:var(--muted);font-size:13px}
.single-wrap{max-width:860px;margin:auto}
.entry-content{font-size:18px;line-height:1.85}
.entry-content h2,.entry-content h3{font-family:Georgia,serif;line-height:1.2;margin-top:42px}
.entry-content img{margin:25px 0}
.breadcrumbs{font-size:12px;color:var(--muted);margin:15px 0}
.archive-head{background:var(--cream);padding:55px 0}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:35px}
.pagination a,.pagination span{padding:9px 13px;border:1px solid var(--line)}
.widget{margin-bottom:28px}
.error-404{text-align:center;padding:100px 0}
@media(max-width:980px){
  .primary-menu{display:none}
  .menu-toggle{display:block}
  .hero-grid,.featured{grid-template-columns:1fr}
  .grid-5{grid-template-columns:repeat(3,1fr)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .header-inner{min-height:66px}
  .site-tagline{display:none}
  .hero{padding:48px 0}
  .hero-art{min-height:290px}
  .section{padding:48px 0}
  .grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .about-box{padding:30px 20px}
  .newsletter-form{display:block}
  .newsletter-form input,.newsletter-form button{width:100%;margin-top:8px}
}

.hero-art{background:#e9e2d6;min-height:430px}
.hero-art img{width:100%;height:100%;min-height:430px;object-fit:cover}
.room-card{position:relative;overflow:hidden;background:#ddd}
.room-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.room-card:hover img{transform:scale(1.04)}
.room-card-overlay{position:relative;z-index:2;width:100%;padding:85px 20px 20px;background:linear-gradient(transparent,rgba(20,22,19,.72));}
.room-card-overlay h3{color:#fff}
.room-card-overlay div{color:#f5f3ee;font-size:13px}
@media(max-width:900px){.grid-5{grid-template-columns:repeat(2,1fr)}.hero-art,.hero-art img{min-height:320px}}
@media(max-width:560px){.grid-5{grid-template-columns:1fr}.hero-art,.hero-art img{min-height:260px}}
.card-image img{width:100%;height:100%;object-fit:cover}