/*
Theme Name: Hat Patch Designer
Theme URI: https://hatpatchdesigner.com
Author: Hat Patch Designer
Description: Modern SaaS/WooCommerce theme for Hat Patch Designer.
Version: 0.9.0
Text Domain: hat-patch-designer
*/
:root{--bg:#0b0c0e;--panel:#121418;--panel2:#181b20;--text:#f6f7f8;--muted:#a9b0bb;--line:#2a2f37;--accent:#c8ff4d;--accent2:#fff;--radius:20px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,12,14,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.03em}.brand-mark{width:42px;height:32px;border:2px solid var(--text);border-radius:11px 11px 7px 7px;position:relative}.brand-mark:after{content:"";position:absolute;left:8px;right:8px;top:8px;height:12px;border:2px solid var(--accent);border-radius:4px}.nav-links{display:flex;align-items:center;gap:24px;color:var(--muted);font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;font-weight:850;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer}.btn-primary{background:var(--accent);color:#0b0c0e;border-color:var(--accent)}.hero{padding:100px 0 70px;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(200,255,77,.12),transparent 28%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.eyebrow{display:inline-flex;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero h1{font-size:clamp(56px,8vw,100px);line-height:.9;letter-spacing:-.07em;margin:24px 0}.hero h1 span{color:var(--accent)}.hero p{font-size:20px;color:var(--muted);max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.app-preview{border:1px solid var(--line);border-radius:28px;padding:14px;background:rgba(255,255,255,.03);box-shadow:0 40px 100px rgba(0,0,0,.4)}.preview-window{min-height:480px;border-radius:20px;background:var(--panel);padding:18px;display:grid;grid-template-columns:110px 1fr;gap:14px}.preview-side,.preview-main{border:1px solid var(--line);border-radius:14px;background:#0e1013}.preview-side{padding:12px}.mini{height:9px;border-radius:99px;background:#303640;margin:10px 0}.preview-main{padding:20px}.patch-demo{height:230px;border-radius:18px;background:#f5f3ea;color:#111;display:flex;align-items:center;justify-content:center}.patch-shape{border:6px solid #111;border-radius:18px;padding:30px 36px;text-align:center;font-weight:950;letter-spacing:.05em}.section{padding:86px 0}.section h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.05em;line-height:1;margin:0 0 16px}.lead{color:var(--muted);font-size:19px;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:26px}.card h3{font-size:22px;margin:8px 0}.card p{color:var(--muted)}.number{font-size:13px;color:var(--accent);font-weight:900}.pricing{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:36px}.price-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),#0e1012);border-radius:28px;padding:36px}.price{font-size:64px;letter-spacing:-.06em;font-weight:950}.price small{font-size:18px;color:var(--muted);letter-spacing:0}.feature-list{list-style:none;padding:0;margin:26px 0}.feature-list li{padding:10px 0;border-bottom:1px solid var(--line)}.accent-card{border-color:rgba(200,255,77,.45);background:linear-gradient(145deg,rgba(200,255,77,.08),var(--panel))}.site-footer{border-top:1px solid var(--line);padding:40px 0;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.hpd-shell{min-height:calc(100vh - 74px);display:grid;grid-template-columns:260px 1fr}.hpd-sidebar{border-right:1px solid var(--line);padding:24px;background:#0d0f12}.hpd-workspace{padding:28px}.hpd-panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px}.hpd-grid{display:grid;grid-template-columns:1fr 340px;gap:18px}.hpd-chat{min-height:600px}.hpd-input{width:100%;min-height:120px;border:1px solid var(--line);border-radius:16px;background:#0d0f12;color:#fff;padding:16px;font:inherit}.hpd-pill{display:inline-flex;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);margin:4px}.hpd-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hpd-thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.hpd-thumb img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.hero-grid,.pricing,.hpd-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.nav-links{display:none}.hpd-shell{grid-template-columns:1fr}.hpd-sidebar{display:none}.hpd-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cards{grid-template-columns:1fr}.hero{padding-top:70px}.hero h1{font-size:54px}.wrap{width:min(100% - 24px,var(--max))}}

/* V0.2 — user-selectable light/dark color modes */
.theme-toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.theme-toggle:hover{border-color:var(--muted)}.theme-icon{font-size:16px}
html[data-theme="light"]{--bg:#f6f7f8;--panel:#ffffff;--panel2:#eef0f2;--text:#111317;--muted:#606873;--line:#d9dde2;--accent:#92c91d;--accent2:#111317;color-scheme:light}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .site-header{background:rgba(246,247,248,.88)}
html[data-theme="light"] .hero{background:radial-gradient(circle at 80% 10%,rgba(146,201,29,.13),transparent 28%),linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .app-preview{background:rgba(0,0,0,.025)}
html[data-theme="light"] .preview-side,html[data-theme="light"] .preview-main,html[data-theme="light"] .hpd-sidebar,html[data-theme="light"] .hpd-input{background:#f8f9fa}
html[data-theme="light"] .hpd-input{color:var(--text)}
html[data-theme="light"] .price-card{background:linear-gradient(145deg,var(--panel),#f4f5f6)}
html[data-theme="light"] .accent-card{background:linear-gradient(145deg,rgba(146,201,29,.10),var(--panel))}
html[data-theme="light"] .app-preview{box-shadow:0 35px 90px rgba(20,25,30,.12)}
@media(max-width:900px){.theme-toggle{display:none}}
.hpd-page-shell{padding-top:32px;padding-bottom:64px}.hpd-content-block{max-width:1050px;margin:0 auto}.hpd-content-block>h1{font-size:clamp(42px,7vw,78px);letter-spacing:-.04em;line-height:.98;margin:14px 0 24px}.hpd-faq{display:grid;gap:10px;max-width:900px;margin-top:30px}.hpd-faq details{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--panel)}.hpd-faq summary{font-weight:800;cursor:pointer}.hpd-faq p{color:var(--muted)}

/* V0.5 — Account, cart, checkout and shared light-mode polish */
.woocommerce{max-width:1180px;margin:0 auto}.woocommerce-account .woocommerce{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px}.woocommerce-MyAccount-navigation{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:10px;height:max-content}.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}.woocommerce-MyAccount-navigation li a{display:block;padding:12px 14px;border-radius:10px;color:var(--muted);font-weight:750}.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:var(--panel2);color:var(--text)}.woocommerce-MyAccount-content{min-width:0}.hpd-account-hero{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel);margin-bottom:24px}.hpd-account-hero h2{font-size:32px;letter-spacing:-.035em;margin:8px 0}.hpd-account-hero p{color:var(--muted);max-width:650px}.hpd-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#7fd11b;margin-right:8px;box-shadow:0 0 0 5px rgba(127,209,27,.12)}.hpd-account-hero.is-inactive .hpd-status-dot{background:#f0a43a;box-shadow:0 0 0 5px rgba(240,164,58,.12)}.hpd-account-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hpd-account-callout{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:28px}.woocommerce form.login,.woocommerce form.register,.woocommerce form.edit-account,.woocommerce-address-fields,.woocommerce-EditAccountForm{border:1px solid var(--line)!important;background:var(--panel);border-radius:20px!important;padding:26px!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:13px}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{border-radius:11px!important;padding:13px 18px!important;font-weight:850!important}.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt{background:var(--accent)!important;color:#0b0c0e!important}
.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-checkout #customer_details>div,.woocommerce-form-coupon-toggle,.woocommerce-form-login-toggle{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px}.woocommerce table.shop_table{border:0!important;border-collapse:separate;border-spacing:0 8px}.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-top:1px solid var(--line)!important;padding:16px!important}.woocommerce-cart .cart-collaterals{display:flex;justify-content:flex-end}.woocommerce-cart .cart_totals{width:min(100%,460px)!important;float:none!important}.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:30px;align-items:start}.woocommerce-checkout #customer_details{grid-column:1}.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:2}.woocommerce-checkout #order_review_heading{margin:0 0 -18px;padding:0 22px;z-index:2}.woocommerce-checkout #order_review{position:sticky;top:98px}.woocommerce-checkout .col2-set{width:100%!important}.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{float:none!important;width:100%!important}.woocommerce-checkout .woocommerce-billing-fields h3,.woocommerce-checkout .woocommerce-additional-fields h3{font-size:24px;margin-top:0}.woocommerce-checkout #payment{background:var(--panel2)!important;border-radius:14px!important}.woocommerce-checkout #payment div.payment_box{background:var(--bg)!important;color:var(--text)!important}.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:var(--bg)!important}.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:12px;background:var(--panel);color:var(--text);border-top-color:var(--accent)}
html[data-theme="light"] .woocommerce form .form-row input.input-text,html[data-theme="light"] .woocommerce form .form-row textarea,html[data-theme="light"] .woocommerce select{background:#fff;color:var(--text)}
@media(max-width:900px){.woocommerce-account .woocommerce,.woocommerce-checkout form.checkout{grid-template-columns:1fr}.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:1}.woocommerce-checkout #order_review{position:static}.hpd-account-hero{align-items:flex-start;flex-direction:column}.hpd-account-actions{justify-content:flex-start}.woocommerce-MyAccount-navigation{position:static}}

/* V0.7 account app — intentionally high-specificity to defeat Woo/plugin defaults */
body.hpd-account-app .site-main,body.hpd-account-app main,body.hpd-account-app .entry-content,body.hpd-account-app .woocommerce{max-width:1440px!important;width:min(1440px,calc(100% - 40px))!important;margin-left:auto!important;margin-right:auto!important}
body.hpd-account-app .entry-header{display:none!important}body.hpd-account-app .woocommerce-account .woocommerce{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:32px!important;align-items:start!important}
body.hpd-account-app .woocommerce-MyAccount-navigation{width:100%!important;float:none!important;position:sticky;top:96px;border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:20px!important;padding:12px!important;box-sizing:border-box!important}
body.hpd-account-app .woocommerce-MyAccount-navigation ul{margin:0!important;padding:0!important;list-style:none!important}body.hpd-account-app .woocommerce-MyAccount-navigation li{margin:3px 0!important;padding:0!important}
body.hpd-account-app .woocommerce-MyAccount-navigation a{display:flex!important;align-items:center!important;min-height:44px;padding:0 14px!important;border-radius:11px!important;text-decoration:none!important;color:var(--muted)!important;font-weight:750!important;font-size:14px!important;line-height:1.2!important}
body.hpd-account-app .woocommerce-MyAccount-navigation .is-active a,body.hpd-account-app .woocommerce-MyAccount-navigation a:hover{background:var(--panel2)!important;color:var(--text)!important}
body.hpd-account-app .woocommerce-MyAccount-content{float:none!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;color:var(--text)!important}
.hpd-dash{display:grid;gap:22px}.hpd-dash-hero{padding:34px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,var(--panel),var(--panel2));display:flex;justify-content:space-between;align-items:center;gap:30px}.hpd-dash-hero h1{font-size:clamp(30px,4vw,48px);line-height:1;margin:10px 0 12px;letter-spacing:-.045em}.hpd-dash-hero p{margin:0;color:var(--muted);max-width:650px;font-size:16px}.hpd-dash-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.hpd-dash-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hpd-dash-primary,.hpd-dash-secondary{padding:14px 18px;border-radius:12px;font-weight:900;text-decoration:none;white-space:nowrap}.hpd-dash-primary{background:var(--accent);color:#0b0c0e}.hpd-dash-secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}.hpd-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hpd-dash-stats article,.hpd-dash-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px}.hpd-dash-stats span{font-size:11px;font-weight:850;letter-spacing:.1em;color:var(--muted)}.hpd-dash-stats strong{display:block;font-size:38px;letter-spacing:-.04em;margin:7px 0}.hpd-dash-stats strong small{font-size:16px;color:var(--muted)}.hpd-dash-stats a,.hpd-text-link{color:var(--text);font-weight:800;text-decoration:none}.hpd-meter{height:7px;background:var(--panel2);border-radius:99px;overflow:hidden}.hpd-meter i{display:block;height:100%;background:var(--accent);border-radius:inherit}.hpd-dash-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.hpd-dash-card h2{font-size:26px;margin:8px 0}.hpd-dash-card p{color:var(--muted)}.hpd-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.hpd-action-grid a{display:flex;justify-content:space-between;padding:15px;border:1px solid var(--line);background:var(--panel2);border-radius:12px;color:var(--text);font-weight:800;text-decoration:none}.hpd-action-grid a:hover{border-color:var(--accent)}.hpd-network-dash{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px}.hpd-network-dash h2{margin:5px 0}.hpd-network-dash p{margin:0;color:var(--muted)}.hpd-network-dash>a{display:flex;align-items:center;min-height:70px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);font-weight:850;text-decoration:none}
@media(max-width:900px){body.hpd-account-app .woocommerce-account .woocommerce{grid-template-columns:1fr!important}body.hpd-account-app .woocommerce-MyAccount-navigation{position:static!important;overflow:auto}.hpd-dash-hero{align-items:flex-start;flex-direction:column}.hpd-dash-stats,.hpd-dash-grid,.hpd-network-dash{grid-template-columns:1fr}.hpd-action-grid{grid-template-columns:1fr}}

/* V0.7.2 — My Account top navigation + full-width dashboard */
body.hpd-account-app .woocommerce-account .woocommerce,
body.hpd-account-app .woocommerce{
  display:block!important;
  width:min(1440px,calc(100% - 40px))!important;
  max-width:1440px!important;
}
body.hpd-account-app .woocommerce-MyAccount-navigation{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 24px!important;
  padding:8px!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:var(--panel)!important;
  overflow:visible!important;
  z-index:1!important;
}
body.hpd-account-app .woocommerce-MyAccount-navigation ul{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
body.hpd-account-app .woocommerce-MyAccount-navigation li{
  display:block!important;
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.hpd-account-app .woocommerce-MyAccount-navigation a{
  display:flex!important;
  width:auto!important;
  min-height:38px!important;
  align-items:center!important;
  padding:0 12px!important;
  white-space:nowrap!important;
  border-radius:9px!important;
  font-size:13px!important;
}
body.hpd-account-app .woocommerce-MyAccount-content{
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.hpd-account-app .hpd-dash,
body.hpd-account-app .hpd-account-callout,
body.hpd-account-app .woocommerce-MyAccount-content>form,
body.hpd-account-app .woocommerce-MyAccount-content>table{
  width:100%!important;
  max-width:none!important;
}
@media(max-width:760px){
  body.hpd-account-app .woocommerce,
  body.hpd-account-app .site-main,
  body.hpd-account-app main,
  body.hpd-account-app .entry-content{width:min(100% - 24px,1440px)!important}
  body.hpd-account-app .woocommerce-MyAccount-navigation{padding:6px!important;overflow-x:auto!important}
  body.hpd-account-app .woocommerce-MyAccount-navigation ul{flex-wrap:nowrap!important;width:max-content!important;min-width:100%!important}
  body.hpd-account-app .woocommerce-MyAccount-navigation a{min-height:36px!important;padding:0 11px!important}
}