/* WEAR THE DROP — WordPress & WooCommerce additions on top of the original theme CSS. */

/* WordPress admin bar sits above the sticky/fixed header */
body.admin-bar .th-header{top:32px}
@media (max-width:782px){body.admin-bar .th-header{top:46px}}
@media (max-width:600px){body.admin-bar .th-header--overlay:not(.is-scrolled){top:0}}

/* search results page bar */
.th-searchbar{gap:0}
.th-searchbar input{border:2px solid var(--th-ink);border-right:0;background:#fff;padding:12px 14px;font:600 15px var(--th-body);letter-spacing:0;text-transform:none;min-width:min(420px,60vw)}
.th-searchbar .th-btn{padding:12px 20px}
@media (max-width:640px){.th-searchbar input{min-width:0;flex:1}}

/* policy pages */
.th-policy .th-rte h2,.th-policy .th-rte h3{font-size:30px}
.th-policy .th-rte a{color:var(--th-ink);text-decoration-color:var(--th-accent);text-underline-offset:3px}

/* page tables (size guide) */
.th-rte table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-variant-numeric:tabular-nums}
.th-rte th,.th-rte td{text-align:left;padding:10px 12px;border-bottom:1px solid #e3e3e8}
.th-rte th{font:700 12px/1.2 var(--th-body);letter-spacing:.1em;text-transform:uppercase;color:#55555c}

/* ---------- WooCommerce notices ---------- */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{
  list-style:none;margin:0 auto 20px;max-width:1680px;padding:14px 18px;background:#f5f5f7;color:var(--th-ink);
  border:0;border-left:4px solid var(--th-ink);font:600 15px/1.5 var(--th-body);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.woocommerce-error,.wc-block-components-notice-banner.is-error{border-left-color:var(--th-accent)}
.woocommerce-message .button,.woocommerce-info .button{order:2}
.th-product + .woocommerce-notices-wrapper,.woocommerce-notices-wrapper{padding:0 clamp(20px,4vw,48px)}
.th-collection .woocommerce-notices-wrapper{padding:0}

/* ---------- WooCommerce buttons & fields everywhere ---------- */
.th-wc .button,.th-wc button.button,.th-wc input.button,.th-wc a.button,
.woocommerce-message .button,.woocommerce-info .button,
.wc-block-components-button:not(.is-link){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:14px 26px;border:0;border-radius:0;
  background:var(--th-ink);color:#fff;font:800 13px/1 var(--th-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  transition:background .2s,color .2s}
.th-wc .button:hover,.wc-block-components-button:not(.is-link):hover,.woocommerce-message .button:hover{background:var(--th-accent);color:#fff}
.th-wc .button.alt,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:var(--th-accent)!important;color:#fff!important}
.th-wc .button.alt:hover,.wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button:hover{background:#e0204f!important}
.th-wc input[type=text],.th-wc input[type=email],.th-wc input[type=tel],.th-wc input[type=password],.th-wc input[type=number],.th-wc select,.th-wc textarea{
  border:2px solid #d9d9de;border-radius:0;background:#fff;padding:12px 14px;font:500 15px var(--th-body);color:var(--th-ink);width:100%}
.th-wc input:focus,.th-wc select:focus,.th-wc textarea:focus{outline:0;border-color:var(--th-ink)}
.th-wc label{font:700 12px/1.3 var(--th-body);letter-spacing:.08em;text-transform:uppercase}

/* ---------- block cart & checkout ---------- */
.th-wc{max-width:1400px}
.th-wc__body{font-family:var(--th-body);color:var(--th-ink)}
.th-wc .wc-block-components-text-input input,.th-wc .wc-block-components-combobox .components-combobox-control__input,
.th-wc .wc-blocks-components-select__select,.th-wc .wc-block-components-textarea{border-radius:0!important;border:2px solid #d9d9de!important;font-family:var(--th-body)!important}
.th-wc .wc-block-components-text-input.is-active input,.th-wc .wc-block-components-text-input input:focus{border-color:var(--th-ink)!important;box-shadow:none!important}
.th-wc .wc-block-components-title,.th-wc .wc-block-components-checkout-step__title,.th-wc .wc-block-cart__totals-title{
  font-family:var(--th-display)!important;font-size:30px!important;font-weight:400!important;letter-spacing:.02em!important;text-transform:none!important}
.th-wc .wc-block-components-product-name{font-weight:800;color:var(--th-ink);text-decoration:none}
.th-wc .wc-block-components-product-metadata{color:#55555c;font-size:13px}
.th-wc .wc-block-cart-items__header,.th-wc .wc-block-components-totals-item__label{font:700 12px/1.3 var(--th-body);letter-spacing:.12em;text-transform:uppercase}
.th-wc .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.th-wc .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font:800 20px var(--th-body);letter-spacing:0;text-transform:none}
.th-wc .wc-block-components-sidebar .wc-block-components-panel,.th-wc .wc-block-cart__sidebar,.th-wc .wc-block-checkout__sidebar{background:#f5f5f7;padding:24px}
.th-wc .wc-block-components-quantity-selector{border:2px solid var(--th-ink);border-radius:0}
.th-wc .wc-block-components-quantity-selector:after{display:none}
.th-wc .wc-block-components-radio-control__option,.th-wc .wc-block-components-radio-control-accordion-option{border-radius:0!important}
.th-wc .wc-block-components-radio-control__input:checked{border-color:var(--th-ink)}
.th-wc .wc-block-components-radio-control__input:checked:before{background:var(--th-ink)}
.th-wc .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked{background:var(--th-ink);border-color:var(--th-ink)}
.th-wc a:not(.button):not(.wc-block-components-button){color:var(--th-ink);text-decoration-color:var(--th-accent);text-underline-offset:3px}

/* empty cart block, reworded to the Shopify copy via the theme's cart page content */
.th-wc .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title{font-family:var(--th-display);font-size:48px;font-weight:400}
.th-wc .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title:before{display:none}

/* ---------- my account ---------- */
.th-wc .woocommerce{display:grid;gap:40px}
@media (min-width:900px){.th-wc .woocommerce:has(.woocommerce-MyAccount-navigation){grid-template-columns:240px 1fr}}
.th-wc .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:2px solid var(--th-ink)}
.th-wc .woocommerce-MyAccount-navigation a{display:block;padding:14px 0;border-bottom:1px solid #e3e3e8;font:700 13px/1 var(--th-body);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.th-wc .woocommerce-MyAccount-navigation .is-active a{color:var(--th-accent)}
.th-wc .woocommerce-form-login,.th-wc .woocommerce-form-register{display:flex;flex-direction:column;gap:14px;max-width:460px}
.th-wc .u-columns{display:grid;gap:48px}
@media (min-width:900px){.th-wc .u-columns{grid-template-columns:1fr 1fr}}
.th-wc .u-columns h2{font-family:var(--th-display);font-size:40px;font-weight:400;margin-bottom:12px}
.th-wc table.shop_table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.th-wc table.shop_table th,.th-wc table.shop_table td{text-align:left;padding:12px;border-bottom:1px solid #e3e3e8}
