/*
Theme Name: CWI Editable Premium
Theme URI: https://mindactive.com/
Author: MindActive
Author URI: https://mindactive.com/
Description: Editable premium WordPress theme for luxury woodworking, cabinetry, and millwork websites. Includes editable homepage sections, built-in slider shortcode, starter pages, and automatic menu setup.
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: cwi-editable-premium
*/

:root{
  --cwi-bg:#f7f3ee;
  --cwi-paper:#fffaf4;
  --cwi-text:#221916;
  --cwi-muted:#6f625b;
  --cwi-dark:#120d0b;
  --cwi-dark-soft:#1d1512;
  --cwi-accent:#bd7a55;
  --cwi-accent-dark:#8f5439;
  --cwi-border:rgba(61,42,32,.16);
  --cwi-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cwi-bg);color:var(--cwi-text);font-family:"Helvetica Neue",Arial,sans-serif;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--cwi-accent);text-decoration:none}a:hover{color:var(--cwi-accent-dark)}
.cwi-container{width:min(var(--cwi-max),calc(100% - 44px));margin-inline:auto}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.screen-reader-text:focus,.skip-link:focus{clip:auto!important;clip-path:none;height:auto;width:auto;left:18px;top:18px;z-index:100000;background:#fff;color:#111;padding:12px 16px;border:3px solid var(--cwi-accent);box-shadow:0 4px 18px rgba(0,0,0,.25)}
:focus-visible{outline:3px solid #f4c29d;outline-offset:4px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(13,9,7,.9),rgba(13,9,7,.38));border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(6px)}
.admin-bar .site-header{top:32px}
.site-header .header-inner{width:100%;max-width:none;margin:0;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px clamp(20px,4vw,68px);}
.site-branding{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;margin:0 auto 0 0;color:#fff;font-size:1.3rem;letter-spacing:.02em;min-width:150px}.site-branding img,.custom-logo{display:block;max-height:144px;width:auto;max-width:220px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.4))}.site-title-text{font-weight:600;color:#fff}
.main-navigation{display:flex;justify-content:flex-end;align-items:center;flex:1 1 auto;margin-left:auto}.main-navigation ul{display:flex;align-items:center;justify-content:flex-end;gap:28px;list-style:none;margin:0;padding:0}.main-navigation li{position:relative}.main-navigation a{position:relative;color:#fff;font-weight:800;font-size:.95rem;text-shadow:0 2px 14px rgba(0,0,0,.55);padding:30px 0 24px;display:inline-block}.main-navigation a:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.main-navigation a:hover:after,.main-navigation .current-menu-item>a:after{transform:scaleX(1)}.main-navigation ul ul{display:none;position:absolute;top:100%;left:0;min-width:235px;background:rgba(22,15,12,.97);box-shadow:0 22px 60px rgba(0,0,0,.28);padding:10px 0}.main-navigation li:hover>ul,.main-navigation li:focus-within>ul{display:block}.main-navigation ul ul a{display:block;padding:10px 16px}.main-navigation ul ul a:after{display:none}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.22);color:#fff;padding:10px 14px;border-radius:2px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
body:not(.home) .site-header{background:rgba(18,12,10,.94)}

.home-slider{position:relative;min-height:760px;height:100vh;overflow:hidden;background:#0f0b09}.home-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.035);transition:opacity 900ms ease,transform 6500ms ease;display:flex;align-items:center}.home-slide.is-active{opacity:1;transform:scale(1);z-index:1}.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,12,9,.82) 0%,rgba(20,12,9,.56) 42%,rgba(20,12,9,.16) 76%),linear-gradient(180deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.12) 36%,rgba(0,0,0,.7) 100%)}.slide-content{position:relative;z-index:2;padding-top:96px;color:#fff;max-width:1020px}.eyebrow{color:var(--cwi-accent);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px}.eyebrow.light{color:#e5c0a5;text-shadow:0 2px 12px rgba(0,0,0,.5)}h1,h2,h3{line-height:1.08;margin:0 0 18px;font-weight:300;letter-spacing:-.035em}h1{font-size:clamp(3rem,6.4vw,6.4rem);max-width:950px;text-shadow:0 10px 34px rgba(0,0,0,.55)}h2{font-size:clamp(2rem,4vw,3.35rem)}h3{font-size:1.4rem}.lead{font-size:clamp(1.12rem,2vw,1.45rem);max-width:720px;color:rgba(255,255,255,.91);text-shadow:0 3px 16px rgba(0,0,0,.55)}p{margin:0 0 18px;color:var(--cwi-muted)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button,.wp-block-button__link,input[type=submit],button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:2px;background:var(--cwi-accent);color:#fff;padding:14px 24px;font-weight:900;letter-spacing:.045em;text-transform:uppercase;font-size:.78rem;cursor:pointer}.button:hover,.wp-block-button__link:hover,input[type=submit]:hover{background:var(--cwi-accent-dark);color:#fff}.button.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.52);color:#fff}.button.ghost:hover{background:rgba(255,255,255,.18)}.slider-controls{position:absolute;z-index:5;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;gap:14px}.slider-dots{display:flex;gap:10px}.slider-dot{width:38px;height:8px;padding:0;background:rgba(255,255,255,.55);border:0;border-radius:0;box-shadow:none}.slider-dot.is-active{background:#fff}.slider-pause{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.35);color:#fff;font-size:.72rem}

.content-area{width:90%; padding:90px 0px 25px;}.entry-title{font-size:clamp(2.25rem,4vw,3.6rem)}.entry-content>*{max-width:90%;margin-left:auto;margin-right:auto}.entry-content>.alignwide,.entry-content>.cwi-container{max-width:var(--cwi-max)}.entry-content>.alignfull{max-width:none;width:100%}.front-page-content .entry-content>*{max-width:none;margin:0}.front-page-content .entry-content>.wp-block-shortcode:first-child{max-width:none;width:100%;margin:0}.front-page-content .entry-content>.wp-block-group{margin:0}.section{padding:88px 0}.section .cwi-container{width:min(var(--cwi-max),calc(100% - 44px));margin-inline:auto}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--cwi-border);padding:30px;box-shadow:0 16px 46px rgba(56,36,25,.08)}.intro-section{background:#f7f3ee}.service-band{background:#1b1310;color:#fff}.service-band h2,.service-band h3{color:#fff}.service-band p{color:#d9cbc1}.wood-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}.section-heading{max-width:760px;margin:0 auto 34px;text-align:center}.gallery-strip{background:#fffaf4}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.gallery-grid img{width:100%;height:290px;object-fit:cover}.cta-band{background:linear-gradient(135deg,#5b3326,#20130e);color:#fff}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:34px}.cta-panel h2{color:#fff;max-width:760px}.cta-panel p{color:#ecdacf;max-width:740px}.page-hero{background:#1b1310;color:#fff;padding:160px 0 4px}.page-hero h1{font-size:clamp(2.6rem,5vw,5rem)}.page-hero p{color:#d9cbc1;max-width:760px}.post-card{border-bottom:1px solid var(--cwi-border);padding:30px 0}.site-footer{background:#100c0a;color:#fff;padding:58px 0}.site-footer p,.site-footer a{color:#d2c4ba}.footer-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:34px}.footer-menu{list-style:none;margin:0;padding:0}.footer-menu li{margin:0 0 8px}input,textarea,select{width:100%;border:1px solid var(--cwi-border);padding:12px 14px;font:inherit;border-radius:2px;background:#fff}

@media(max-width:900px){.admin-bar .site-header{top:46px}.site-header .header-inner{min-height:76px;padding:10px 20px}.site-branding img,.custom-logo{max-height:56px;max-width:170px}.menu-toggle{display:inline-flex;min-width:44px;min-height:44px}.main-navigation{flex:0 0 auto}.main-navigation ul{display:none;position:absolute;left:20px;right:20px;top:76px;background:rgba(22,15,12,.98);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 60px rgba(0,0,0,.25);padding:18px;flex-direction:column;align-items:flex-start;gap:0}.main-navigation.toggled ul{display:flex}.main-navigation a{padding:10px 0}.main-navigation a:after{display:none}.main-navigation ul ul{position:static;display:block;background:transparent;box-shadow:none;padding-left:16px}.home-slider{min-height:690px}.slide-content{padding-top:118px}.grid-2,.grid-3,.gallery-grid,.footer-grid,.cta-panel{grid-template-columns:1fr;display:grid}.section{padding:60px 0}}
@media(max-width:600px){.site-header .header-inner{padding:9px 16px}.site-branding img,.custom-logo{max-height:48px;max-width:145px}.home-slider{min-height:620px}.slide-content{padding-top:105px}.lead{font-size:1.05rem}.actions{gap:10px}.button,.wp-block-button__link,input[type=submit],button{min-height:44px;padding:12px 16px}.slider-controls{bottom:18px}.slider-dot{width:30px}.gallery-grid img{height:220px}}

.blog-page {
  background: #ffffff;
    padding-top: 110px;
    padding-bottom: 80px;
}


.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
}

.blog-hero {
  padding: 80px 0 50px;
  text-align: center;
}

.blog-hero h1 {
  font-size: 48px;
  margin-bottom: 12px;
}

.blog-hero p {
  font-size: 18px;
  color: #666;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px;
  padding: 40px 0 80px;
}

.blog-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(0,0,0,0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 38px rgba(0,0,0,0.12);
}

.blog-image-link {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.blog-featured-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.blog-placeholder-image {
  width: 100%;
  height: 100%;
  background: #e8e8e8;
}

.blog-card-content {
  padding: 24px;
}

.blog-card-content h2 {
  font-size: 24px;
  line-height: 1.25;
  margin: 0 0 12px;
}

.blog-card-content h2 a {
  color: #111;
  text-decoration: none;
}

.blog-excerpt {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 20px;
}

.blog-read-more {
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  color: #111;
  border-bottom: 2px solid #111;
  padding-bottom: 3px;
}

.blog-pagination {
  grid-column: 1 / -1;
  text-align: center;
  margin-top: 30px;
}

.blog-pagination a,
.blog-pagination span {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 12px;
}

@media (max-width: 900px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }

  .blog-hero h1 {
    font-size: 36px;
  }
}