/*
Theme Name: Integrity Wood Care
Theme URI: https://integritywoodcare.com/
Author: Integrity Wood Care
Description: The site's own small theme (D856). Draws the header, phone menu, footer and blog list; every page body is the wp/*.txt markup. Kadence stays installed as the way back (docs/website-rollback.md).
Version: 1.4.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: iwc
*/

/* D856, built to design_handoff/proposals/wp-theme-header-footer.html. Colors are the brand
   tokens (CLAUDE.md); the page sheets (Homepage/Blog WP CSS, published as Additional CSS) style
   the content. This file styles only what the theme itself draws. */
:root{
  --iwc-green:#4E513E;--iwc-green-d:#3F4232;--iwc-cream:#E9E2D8;--iwc-brown:#8D6834;
  --iwc-white:#FDFAF6;--iwc-gold:#C89A55;--iwc-ink:#2A2820;
  --iwc-font-h:"p22-mackinac-pro","iwc-mackinac-fb","iwc-mackinac-fb-lx",Georgia,serif;
  --iwc-font-b:"freight-sans-pro","iwc-freight-fb",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--iwc-white);color:var(--iwc-ink);font-family:var(--iwc-font-b)}
img{max-width:100%;height:auto}
.iwc-skip{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--iwc-white);color:var(--iwc-ink);padding:12px 16px}
.iwc-skip:focus{left:8px;top:8px}

/* ── Header ─────────────────────────────────────────── */
#iwc-header{position:sticky;top:0;z-index:500;background:var(--iwc-green);border-bottom:1px solid rgba(233,226,216,.14)}
.admin-bar #iwc-header{top:32px}
@media (max-width:782px){.admin-bar #iwc-header{top:46px}}
.iwc-head{max-width:1200px;margin:0 auto;height:64px;padding:0 16px;display:flex;align-items:center;gap:16px}
.iwc-logo{display:flex;align-items:center;min-height:44px;flex:0 0 auto}
.iwc-logo img{height:30px;width:auto;display:block}
.iwc-nav{display:none}
.iwc-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:8px;
  background:var(--iwc-brown);color:var(--iwc-white);font-family:var(--iwc-font-b);font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.iwc-cta:hover,.iwc-cta:focus-visible{background:#76572B;color:var(--iwc-white)}
.iwc-head .iwc-cta{margin-left:auto}
.iwc-cta-long{display:none}
.iwc-menu-btn{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;background:none;border:1px solid rgba(233,226,216,.35);
  border-radius:8px;color:var(--iwc-cream);cursor:pointer;padding:0}
.iwc-menu-btn svg{width:22px;height:22px}
.iwc-menu-btn svg[hidden]{display:none}
.iwc-menu-btn:focus-visible,.iwc-nav a:focus-visible,.iwc-panel a:focus-visible,.iwc-foot a:focus-visible,.iwc-foot button:focus-visible{outline:2px solid var(--iwc-gold);outline-offset:2px}

@media (min-width:900px){
  .iwc-head{height:84px;gap:28px;padding:0 24px}
  .iwc-logo img{height:40px}
  .iwc-nav{display:flex;align-items:center;gap:26px;margin-left:auto}
  .iwc-nav a{color:var(--iwc-cream);text-decoration:none;font-weight:700;font-size:16px;min-height:44px;display:inline-flex;align-items:center;
    border-bottom:2px solid transparent}
  .iwc-nav a:hover,.iwc-nav a[aria-current="page"]{border-bottom-color:var(--iwc-gold)}
  .iwc-head .iwc-cta{margin-left:0}
  .iwc-cta-short{display:none}
  .iwc-cta-long{display:inline}
  .iwc-menu-btn{display:none}
}

/* ── Phone menu ─────────────────────────────────────── */
.iwc-panel{position:fixed;left:0;right:0;top:64px;bottom:0;z-index:499;background:var(--iwc-green);color:var(--iwc-cream);
  overflow-y:auto;padding:8px 16px 32px;display:none}
.admin-bar .iwc-panel{top:110px}
.iwc-panel.is-open{display:block}
.iwc-panel ul{list-style:none;margin:0;padding:0}
.iwc-panel li a{display:flex;align-items:center;min-height:56px;font-size:22px;font-family:var(--iwc-font-h);font-weight:700;color:var(--iwc-cream);
  text-decoration:none;border-bottom:1px solid rgba(233,226,216,.18)}
.iwc-panel li a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--iwc-gold);text-underline-offset:6px}
.iwc-panel .iwc-cta{display:flex;width:100%;margin-top:24px;min-height:52px;font-size:17px}
.iwc-panel .iwc-call{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:12px;color:var(--iwc-gold);font-weight:700;font-size:17px;text-decoration:none}
body.iwc-menu-open{overflow:hidden}
@media (min-width:900px){.iwc-panel{display:none!important}}

/* ── Main ───────────────────────────────────────────── */
#iwc-main{display:block;min-height:40vh}
/* A post's own markup starts flush (Kadence's content area used to add the space above it). */
body.single #iwc-main{padding-top:clamp(24px,4vw,48px)}

/* ── Content with no layout of its own (D858) ─────────
   The four 2025 posts and Cookie Policy were written in WordPress, not wp/. Same measure and type
   as the wp/posts/ files (.iwc-post), so an old post reads like a new one. */
.iwc-prose{max-width:760px;margin:0 auto;padding:40px 24px 80px;font-family:var(--iwc-font-b);font-size:17px;line-height:1.75;color:var(--iwc-ink)}
.iwc-prose-meta{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:18px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8A8778}
.iwc-prose h1{font-family:var(--iwc-font-h);font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1.15;color:var(--iwc-ink);margin:0 0 28px}
.iwc-prose h2,.iwc-prose h3,.iwc-prose h4{font-family:var(--iwc-font-h);font-weight:700;line-height:1.2;color:var(--iwc-ink)}
.iwc-prose h2{font-size:clamp(20px,2.5vw,26px);margin:44px 0 14px}
.iwc-prose h3{font-size:20px;margin:32px 0 10px}
.iwc-prose h4{font-size:18px;margin:24px 0 8px}
.iwc-prose p,.iwc-prose li{color:#5A574E}
.iwc-prose p{margin:0 0 18px}
.iwc-prose ul,.iwc-prose ol{padding-left:24px;margin:0 0 18px}
.iwc-prose li{margin-bottom:8px}
.iwc-prose a{color:var(--iwc-brown)}
.iwc-prose img,.iwc-prose figure{max-width:100%;height:auto;border-radius:8px}
.iwc-prose figure{margin:28px 0}
.iwc-prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px;display:block;overflow-x:auto}
.iwc-prose th,.iwc-prose td{border:1px solid #D8D0C4;padding:10px 12px;text-align:left;vertical-align:top}
.iwc-prose th{background:var(--iwc-cream)}
.iwc-prose blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid var(--iwc-brown);background:var(--iwc-cream);border-radius:0 8px 8px 0}
@media (max-width:600px){.iwc-prose{padding:28px 16px 60px}}

/* ── Blog list (the classes Blog WP CSS already styles) ── */
.iwc-blog-wrap{max-width:1200px;margin:0 auto;padding:32px 16px 48px}
.iwc-blog-wrap h1.page-title{margin:0 0 24px}
#archive-container{list-style:none;margin:0;padding:0}
.iwc-pager{display:flex;justify-content:space-between;gap:16px;margin-top:32px}
.iwc-pager a{min-height:44px;display:inline-flex;align-items:center;color:var(--iwc-brown);font-weight:700}

/* ── Footer ─────────────────────────────────────────── */
#iwc-footer{background:var(--iwc-green-d);color:var(--iwc-cream);font-family:var(--iwc-font-b)}
.iwc-foot{max-width:1200px;margin:0 auto;padding:40px 16px 24px;display:grid;gap:28px}
.iwc-foot img.iwc-foot-logo{height:68px;width:auto;display:block}
.iwc-foot .iwc-tag{margin:12px 0 0;font-size:15px;color:var(--iwc-cream)}
.iwc-foot h2{font-family:var(--iwc-font-b);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--iwc-gold);margin:0 0 8px}
.iwc-foot ul{list-style:none;margin:0;padding:0}
.iwc-foot li a,.iwc-foot .iwc-contact a{display:inline-flex;align-items:center;min-height:44px;color:var(--iwc-cream);text-decoration:none}
.iwc-foot li a:hover,.iwc-foot .iwc-contact a:hover{text-decoration:underline;text-decoration-color:var(--iwc-gold)}
.iwc-foot .iwc-contact p{margin:4px 0;font-size:15px;line-height:1.5}
.iwc-legal{max-width:1200px;margin:0 auto;padding:16px 16px 28px;border-top:1px solid rgba(233,226,216,.18);display:flex;flex-wrap:wrap;
  align-items:center;gap:4px 18px;font-size:14px;color:var(--iwc-cream)}
.iwc-legal a,.iwc-legal button{color:var(--iwc-cream);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;
  background:none;border:0;padding:0;font:inherit;cursor:pointer}
.iwc-legal a:hover,.iwc-legal button:hover{text-decoration:underline}
.iwc-legal .iwc-copy{margin-left:auto}
@media (min-width:900px){
  .iwc-foot{grid-template-columns:1.4fr 1.2fr 1fr 1fr;padding:56px 24px 32px}
  .iwc-legal{padding:16px 24px 32px}
}