/*
Theme Name: Brightwork
Theme URI: https://thebrightworkhouse.com
Author: The Brightwork House
Description: The shop, wearing the same clothes as the storefront. Dark, Archivo, one brass accent. Built to sit beside thebrightworkhouse.com rather than look like a different company.
Version: 1.0
License: GPL-2.0-or-later
Text Domain: brightwork
*/

/* ── tokens: identical to the storefront, so the two sites are one brand ───── */
:root{
  --bg:#0a0c10; --bg2:#0e1117; --panel:#12161e; --line:#1e2430; --line2:#2a3242;
  --ink:#f2f5f9; --mid:#9aa6b8; --dim:#67738a;
  --brass:#e0a645; --brass-d:#8a5f1c; --jade:#35e39a; --rose:#ff5f6d;
  --display:"Archivo","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono","DM Mono",Menlo,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--ink)}
img{max-width:100%;height:auto}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}

/* ── masthead, matching the storefront exactly ────────────────────────────── */
.bw-top{position:sticky;top:0;z-index:40;background:rgba(10,12,16,.85);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bw-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;height:62px}
.bw-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.bw-brand svg{width:24px;height:26px;flex:none}
.bw-wm{display:flex;flex-direction:column;line-height:1}
.bw-wm b{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:-.045em}
.bw-wm b i{font-style:normal;color:var(--brass)}
.bw-wm small{font-family:var(--display);font-weight:500;font-size:8px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--dim);margin-top:4px}
.bw-nav{display:flex;gap:24px;font-size:13.5px;color:var(--mid)}
.bw-nav a{text-decoration:none}.bw-nav a:hover{color:var(--ink)}
@media (max-width:820px){.bw-nav{display:none}}
.bw-cart{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--brass);border:1px solid var(--brass-d);background:rgba(224,166,69,.08);
  border-radius:999px;padding:6px 12px;text-decoration:none;white-space:nowrap}

/* ── page furniture ───────────────────────────────────────────────────────── */
.bw-main{padding:46px 0 80px;min-height:52vh}
h1,h2,h3,.woocommerce-loop-product__title,.product_title{font-family:var(--display);
  letter-spacing:-.035em;font-weight:700;line-height:1.1}
h1,.product_title{font-size:clamp(28px,4.4vw,44px);margin:0 0 14px}
h2{font-size:clamp(21px,3vw,30px);margin:34px 0 12px}
h3{font-size:19px;margin:26px 0 10px}
p{color:var(--mid);margin:0 0 14px}
hr{border:0;border-top:1px solid var(--line);margin:34px 0}

/* ── WooCommerce: product grid ────────────────────────────────────────────── */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;margin:30px 0 0;padding:0;list-style:none}
@media (max-width:980px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.woocommerce ul.products{grid-template-columns:1fr}}
.woocommerce ul.products li.product{background:var(--panel);border:1px solid var(--line);
  border-radius:14px;padding:18px;margin:0;width:auto!important;float:none!important;
  transition:border-color .16s,transform .16s;text-align:left}
.woocommerce ul.products li.product:hover{border-color:var(--line2);transform:translateY(-2px)}
.woocommerce ul.products li.product a img{border-radius:10px;margin-bottom:13px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px!important;
  padding:0!important;margin:0 0 7px;color:var(--ink)}
.woocommerce ul.products li.product .price{color:var(--brass)!important;font-family:var(--mono);
  font-size:15px;display:block;margin-bottom:12px}
.woocommerce ul.products li.product .price del{color:var(--dim);opacity:.6}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{color:var(--dim);
  font-size:13px}
.woocommerce .woocommerce-ordering select{background:var(--panel);color:var(--ink);
  border:1px solid var(--line2);border-radius:8px;padding:7px 10px}

/* ── buttons ──────────────────────────────────────────────────────────────── */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.wp-block-button__link{
  background:var(--ink)!important;color:#0a0c10!important;border:0!important;border-radius:9px!important;
  font-family:var(--sans)!important;font-weight:600!important;font-size:14.5px!important;
  padding:12px 21px!important;text-shadow:none!important;transition:.15s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
  background:#fff!important;color:#0a0c10!important;transform:translateY(-1px)}
.woocommerce a.button.added_to_cart{background:transparent!important;color:var(--brass)!important;
  border:1px solid var(--brass-d)!important}

/* ── single product ───────────────────────────────────────────────────────── */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media (max-width:860px){.woocommerce div.product{grid-template-columns:1fr;gap:26px}}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;
  float:none!important;margin:0!important}
.woocommerce div.product div.images img{border-radius:13px;border:1px solid var(--line)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--brass)!important;
  font-family:var(--mono);font-size:25px}
.woocommerce div.product .woocommerce-tabs{grid-column:1 / -1;margin-top:18px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0 0 0;margin:0 0 20px;
  border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;
  border:0!important;border-radius:0!important;margin:0 22px 0 0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--dim)!important;
  font-weight:600;padding:11px 0!important;display:block}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink)!important;
  box-shadow:inset 0 -2px 0 var(--brass)}

/* ── tables: cart, orders, account ────────────────────────────────────────── */
.woocommerce table.shop_table,.woocommerce table.shop_attributes{border:1px solid var(--line);
  border-radius:13px;border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--panel)}
.woocommerce table.shop_table th{background:var(--bg2);color:var(--dim);font-family:var(--mono);
  font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:400;
  padding:13px 15px;border:0;border-bottom:1px solid var(--line)}
.woocommerce table.shop_table td{color:var(--mid);padding:14px 15px;border:0;
  border-bottom:1px solid var(--line)}
.woocommerce table.shop_table tr:last-child td{border-bottom:0}
.woocommerce table.shop_table td a{color:var(--ink)}

/* ── forms ────────────────────────────────────────────────────────────────── */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select,.woocommerce .select2-container .select2-selection--single,
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],textarea,select{
  background:var(--bg2)!important;color:var(--ink)!important;border:1px solid var(--line2)!important;
  border-radius:9px!important;padding:11px 13px!important;font-family:var(--sans)!important;
  font-size:15px!important;width:100%}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--dim)!important}
.woocommerce form .form-row label,.woocommerce-form__label{color:var(--mid);font-size:13.5px}
.woocommerce form.login,.woocommerce form.register,.woocommerce-form-login,
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{
  border:1px solid var(--line)!important;border-radius:14px;background:var(--panel);padding:22px!important}

/* ── my account: the portal ───────────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation{width:25%;float:left}
.woocommerce-account .woocommerce-MyAccount-content{width:71%;float:right}
@media (max-width:820px){.woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none}}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;
  border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:13px 16px;color:var(--mid);
  text-decoration:none;font-size:14.5px}
.woocommerce-MyAccount-navigation li a:hover{background:rgba(255,255,255,.03);color:var(--ink)}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--brass);
  box-shadow:inset 3px 0 0 var(--brass);background:rgba(224,166,69,.06)}

/* ── notices ──────────────────────────────────────────────────────────────── */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--panel)!important;
  border-top:0!important;border:1px solid var(--line2)!important;border-radius:12px!important;
  color:var(--mid)!important;padding:15px 18px!important;margin-bottom:22px!important}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none!important}
.woocommerce-message{border-color:rgba(53,227,154,.35)!important;background:rgba(53,227,154,.07)!important}
.woocommerce-error{border-color:rgba(255,95,109,.35)!important;background:rgba(255,95,109,.07)!important}

/* ── empty shop: say something useful rather than nothing ─────────────────── */
.bw-empty{border:1px dashed var(--line2);border-radius:16px;padding:40px 28px;text-align:center;
  background:var(--panel)}
.bw-empty h2{margin-top:0}
.bw-empty p{max-width:50ch;margin:0 auto 10px}

/* ── footer ───────────────────────────────────────────────────────────────── */
.bw-foot{border-top:1px solid var(--line);padding:34px 0 60px;font-size:13px;color:var(--dim)}
.bw-foot .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.bw-foot a{color:var(--mid);text-decoration:none}
.bw-foot a:hover{color:var(--ink)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}