/*
Theme Name: Mission ONE Store
Theme URI: https://mission1os.com
Description: Mission ONE merchandise storefront — black/gold, Oswald + Inter. Child of Storefront. This is the COMMERCE half of the HIPAA split and must never hold clinical data.
Author: BlueSky Media
Template: storefront
Version: 0.1.0
*/

/* ============================================================
   Mission ONE — black + gold, matching Mike's comps and the
   member portal's original skin. Deliberately NOT the clinical
   white: the two halves of the wall should look different so
   nobody confuses which store they are on.
   ============================================================ */

:root{
  --m1-ink:#0A0B0D;
  --m1-raised:#15171A;
  --m1-raised-2:#1B1E22;
  --m1-gold:#C9A961;
  --m1-gold-deep:#B8935E;
  --m1-line:#2A2D31;
  --m1-text:#FFFFFF;
  --m1-mute:#9BA0A6;
  --m1-display:'Oswald','Arial Narrow',sans-serif;
  --m1-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

body{
  background:var(--m1-ink);
  color:#D6D9DC;
  font-family:var(--m1-body);
  -webkit-font-smoothing:antialiased;
}
.site-content,.site,#content,.site-footer,.site-header{background:var(--m1-ink);}
h1,h2,h3,h4,.site-title{
  font-family:var(--m1-display);text-transform:uppercase;color:var(--m1-text);
  letter-spacing:.02em;font-weight:600;
}
a{color:var(--m1-gold);}
a:hover{color:var(--m1-gold-deep);}

/* ---- masthead ---------------------------------------------------- */
.site-header{
  border-bottom:1px solid var(--m1-line);padding-top:22px;padding-bottom:22px;
  background:var(--m1-ink);
}
.site-branding .site-title a{
  font-family:var(--m1-display);font-size:26px;letter-spacing:.08em;
  color:#fff;text-transform:uppercase;font-weight:700;text-decoration:none;
}
.site-branding .site-description{
  color:var(--m1-mute);font-size:10px;letter-spacing:.22em;text-transform:uppercase;
}
.storefront-primary-navigation{background:var(--m1-ink);}
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a{
  color:var(--m1-mute);font-family:var(--m1-display);font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;
}
.main-navigation ul.menu > li > a:hover{color:var(--m1-gold);}
.site-header-cart .cart-contents{color:var(--m1-gold);}

/* ---- buttons ----------------------------------------------------- */
button,input[type=button],input[type=submit],.button,
.woocommerce #respond input#submit,.woocommerce a.button,
.woocommerce button.button,.woocommerce input.button{
  background:var(--m1-gold) !important;color:#0A0B0D !important;
  font-family:var(--m1-display);font-size:13px;letter-spacing:.13em;
  text-transform:uppercase;font-weight:600;border-radius:3px;border:0;
  padding:13px 26px;transition:background .16s;
}
button:hover,.button:hover,.woocommerce a.button:hover,
.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  background:var(--m1-gold-deep) !important;color:#0A0B0D !important;
}
.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--m1-gold) !important;color:#0A0B0D !important;
}

/* ---- product grid ------------------------------------------------ */
.woocommerce ul.products li.product{
  background:var(--m1-raised);border:1px solid var(--m1-line);border-radius:10px;
  padding:16px;text-align:left;transition:border-color .16s;
}
.woocommerce ul.products li.product:hover{border-color:var(--m1-gold);}
.woocommerce ul.products li.product a img{
  border-radius:6px;background:#fff;margin-bottom:14px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--m1-display);font-size:15px;letter-spacing:.06em;
  text-transform:uppercase;color:#fff;font-weight:600;padding:0;
}
.woocommerce ul.products li.product .price{
  color:var(--m1-gold);font-family:var(--m1-body);font-weight:600;font-size:16px;
}
.woocommerce ul.products li.product .price del{color:var(--m1-mute);font-weight:400;}
.woocommerce span.onsale{
  background:var(--m1-gold);color:#0A0B0D;font-family:var(--m1-display);
  letter-spacing:.1em;text-transform:uppercase;font-weight:600;
}

/* ---- single product ---------------------------------------------- */
.woocommerce div.product .product_title{font-size:32px;letter-spacing:.03em;}
.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--m1-gold);font-size:26px;font-weight:700;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:var(--m1-raised);border-color:var(--m1-line);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--m1-mute);}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--m1-gold);}
.woocommerce div.product form.cart .variations label{
  color:#fff;font-family:var(--m1-display);letter-spacing:.1em;text-transform:uppercase;
  font-size:12px;
}
.woocommerce div.product form.cart .variations select{
  background:var(--m1-raised);border:1px solid var(--m1-line);color:#fff;
  border-radius:4px;padding:10px;
}
.woocommerce .quantity .qty{
  background:var(--m1-raised);border:1px solid var(--m1-line);color:#fff;border-radius:4px;
}

/* ---- cart / checkout / account ----------------------------------- */
.woocommerce table.shop_table{
  background:var(--m1-raised);border:1px solid var(--m1-line);border-radius:10px;
  color:#D6D9DC;
}
.woocommerce table.shop_table th{
  color:var(--m1-mute);font-family:var(--m1-display);letter-spacing:.12em;
  text-transform:uppercase;font-size:12px;
}
.woocommerce-info,.woocommerce-message,.woocommerce-error{
  background:var(--m1-raised);border-top-color:var(--m1-gold);color:#D6D9DC;
}
.woocommerce-info::before,.woocommerce-message::before{color:var(--m1-gold);}
input[type=text],input[type=email],input[type=password],input[type=tel],
input[type=number],select,textarea,.select2-container .select2-selection{
  background:var(--m1-raised) !important;border:1px solid var(--m1-line) !important;
  color:#fff !important;border-radius:4px;
}
label{color:var(--m1-mute);font-size:13px;}

/* ---- footer ------------------------------------------------------ */
.site-footer{border-top:1px solid var(--m1-line);color:var(--m1-mute);padding-top:34px;}
.site-info{color:var(--m1-mute);font-size:12px;}

/* ---- back to the clinical portal --------------------------------- */
.m1-cross-bar{
  background:var(--m1-raised);border-bottom:1px solid var(--m1-line);
  padding:9px 0;font-size:12px;
}
.m1-cross-bar .col-full{display:flex;justify-content:flex-end;gap:18px;align-items:center;}
.m1-cross-bar a{
  font-family:var(--m1-display);letter-spacing:.14em;text-transform:uppercase;
  color:var(--m1-mute);text-decoration:none;font-size:11.5px;
}
.m1-cross-bar a:hover{color:var(--m1-gold);}