/* =====================================================================================
   Honey Bae Nailz — WordPress additions (loaded LAST, after main.css).
   Rules here either
     (1) neutralise browser defaults for elements that are real links in WordPress but were <button>s in the mock, or
     (2) style things that only exist because WordPress/WooCommerce is real (honeypots, notices, cart, checkout,
         my-account, generic content pages).
   They must never change how an approved source page looks.
   ===================================================================================== */

/* (1) anchors that replaced buttons in the source shop cards */
a.card-img,a.card-t{text-decoration:none;color:inherit}
a.card-img{display:block}
.card-t{display:block}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* honeypot + off-screen WooCommerce notices (toast shows them instead) — no layout impact */
.hb-hp{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.hb-notices{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* short generic pages (empty cart, policy…) keep the footer at the bottom — scoped so approved pages are untouched */
body.hb-generic .frame{display:flex;flex-direction:column;min-height:100vh}
body.hb-generic .frame>.page{flex:1 0 auto}

/* (2) generic content pages (Store Policy, Cart, Checkout, My Account) ---------------------------------- */
.hb-prose{padding-bottom:clamp(56px,8cqi,90px);max-width:none}
.hb-prose:not(.hb-woo){max-width:72ch}
.hb-prose h2{font-family:var(--display);font-stretch:84%;font-weight:800;letter-spacing:-.015em;font-size:clamp(1.5rem,3.2cqi,2rem);line-height:1.1;margin:1.6em 0 .5em}
.hb-prose h2:first-child{margin-top:0}
.hb-prose h3{font-family:var(--display);font-weight:800;font-size:1.25rem;margin:1.4em 0 .4em}
.hb-prose p,.hb-prose li{font-size:15px;line-height:1.75;color:#2E2E2E}
.hb-prose a{text-underline-offset:3px}
.hb-prose a:hover{color:var(--orange)}
.hb-prose ul,.hb-prose ol{padding-left:1.2em}

/* WooCommerce notices (cart / checkout / account) */
.hb-woo .woocommerce-message,.hb-woo .woocommerce-info,.hb-woo .woocommerce-error{list-style:none;margin:0 0 24px;padding:16px 20px;background:var(--mist);border-left:4px solid var(--orange);font-size:14px;line-height:1.65;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.hb-woo .woocommerce-error{border-left-color:var(--crimson);display:grid;gap:6px}
.hb-woo .woocommerce-message::before,.hb-woo .woocommerce-info::before,.hb-woo .woocommerce-error::before{content:none}
.hb-woo .woocommerce-message .button,.hb-woo .woocommerce-info .button{order:2}
.hb-credit-note{margin:24px 0}

/* buttons: WooCommerce .button → the source .btn look (same rule values as main.css .btn) */
.hb-woo .button,.hb-woo button.button,.hb-woo a.button,.hb-woo input.button,.hb-woo #place_order{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:16px 28px;background:var(--ink);color:var(--white);border:0;border-radius:0;line-height:1.2;transition:background .2s,color .2s;cursor:pointer;text-align:center}
.hb-woo .button:hover,.hb-woo button.button:hover,.hb-woo a.button:hover,.hb-woo input.button:hover,.hb-woo #place_order:hover{background:var(--orange);color:var(--ink)}
.hb-woo .button:disabled,.hb-woo .button.disabled{opacity:.45;cursor:not-allowed}
.hb-woo #place_order{width:100%}

/* form fields (same look as .txt / .sel) */
.hb-woo label{font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;display:block;margin-bottom:8px}
.hb-woo label .required{color:var(--orange);text-decoration:none}
.hb-woo input.input-text,.hb-woo textarea,.hb-woo select,.hb-woo .select2-selection{width:100%;border:1px solid var(--ink);border-radius:0;background:var(--white);padding:13px 14px;font:inherit;font-size:14px;color:var(--ink);height:auto;box-shadow:none}
.hb-woo .select2-container{width:100%!important}
.hb-woo .select2-container .select2-selection--single{height:auto;display:flex;align-items:center;padding:0}
.hb-woo .select2-container .select2-selection__rendered{padding:13px 14px;line-height:1.4;color:var(--ink)}
.hb-woo .select2-container .select2-selection__arrow{height:100%;right:8px}
.hb-woo input.input-text:focus,.hb-woo textarea:focus,.hb-woo select:focus{outline:none;box-shadow:0 0 0 1px var(--ink)}
.hb-woo .form-row{margin:0 0 18px;padding:0}
.hb-woo .form-row-first,.hb-woo .form-row-last{width:100%;float:none}
.hb-woo .woocommerce-invalid input.input-text,.hb-woo .woocommerce-invalid select{border-color:var(--crimson)}
.hb-woo .woocommerce-input-wrapper{display:block}
.hb-woo .woocommerce-form__label-for-checkbox,.hb-woo .woocommerce-form-login__rememberme{display:flex;gap:10px;align-items:center;letter-spacing:.08em}
.hb-woo input[type=checkbox],.hb-woo input[type=radio]{accent-color:var(--ink)}

/* tables (cart, review order, order details) */
.hb-woo table.shop_table,.hb-woo table.woocommerce-table{width:100%;border-collapse:collapse;border:0;margin:0 0 28px;font-size:14px}
.hb-woo table.shop_table th,.hb-woo table.shop_table td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;background:none}
.hb-woo table.shop_table thead th{font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);border-bottom:1px solid var(--ink)}
.hb-woo table.shop_table tfoot th{font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.hb-woo table.shop_table .product-name a{font-weight:700;text-decoration:none}
.hb-woo table.shop_table .product-name a:hover{color:var(--orange)}
.hb-woo table.shop_table dl.variation{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:12.5px;color:var(--grey)}
.hb-woo table.shop_table dl.variation dt{font-weight:700;letter-spacing:.06em}
.hb-woo table.shop_table dl.variation dd,.hb-woo table.shop_table dl.variation dd p{margin:0;font-size:12.5px;color:var(--grey)}
.hb-woo table.shop_table .product-thumbnail img{width:72px;height:auto;aspect-ratio:1/1.05;object-fit:cover;background:var(--mist)}
.hb-woo table.shop_table td.product-remove a.remove{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--ink);border-radius:50%;color:var(--ink);text-decoration:none;font-size:15px;line-height:1}
.hb-woo table.shop_table td.product-remove a.remove:hover{background:var(--ink);color:var(--white)}
.hb-woo .quantity .qty{width:76px;text-align:center;padding:10px 6px}
.hb-woo .order-total .amount,.hb-woo .order-total strong{font-family:var(--display);font-weight:800;font-size:1.4rem}
.hb-woo .woocommerce-Price-amount{font-variant-numeric:lining-nums}
.hb-woo td.actions{padding-top:22px}
.hb-woo td.actions .coupon{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.hb-woo td.actions .coupon .input-text{width:auto;flex:1 1 200px}
.hb-woo .cart-collaterals{display:grid;gap:24px}
.hb-woo .cart_totals h2,.hb-woo #order_review_heading,.hb-woo .woocommerce-checkout h3,.hb-woo .woocommerce-column__title,.hb-woo .woocommerce-order-details__title,.hb-woo .woocommerce-customer-details h2{font-family:var(--display);font-stretch:84%;font-weight:800;letter-spacing:-.015em;font-size:1.5rem;line-height:1.1;margin:0 0 16px}
.hb-woo .wc-proceed-to-checkout{padding:0}
.hb-woo .wc-proceed-to-checkout .button{width:100%}
.hb-woo .return-to-shop{margin-top:20px}
.hb-woo .cart-empty{font-family:var(--display);font-weight:800;font-size:1.6rem}
@container site (min-width:900px){
  .hb-woo .cart-collaterals{grid-template-columns:1fr 1fr}
  .hb-woo .cart-collaterals .cart_totals{grid-column:2;float:none;width:auto}
}

/* checkout */
.hb-woo form.woocommerce-checkout{display:grid;gap:36px}
.hb-woo .col2-set{display:grid;gap:8px;width:100%;float:none}
.hb-woo .col2-set .col-1,.hb-woo .col2-set .col-2{float:none;width:100%}
.hb-woo #order_review{background:var(--mist);padding:24px}
@container site (min-width:900px){
  .hb-woo form.woocommerce-checkout{grid-template-columns:1fr 440px;grid-template-rows:auto 1fr;align-items:start}
  .hb-woo form.woocommerce-checkout #customer_details{grid-column:1;grid-row:1/span 2}
  .hb-woo form.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin:0}
  .hb-woo form.woocommerce-checkout #order_review{grid-column:2;grid-row:2}
}
.hb-woo #payment{background:none}
.hb-woo #payment ul.payment_methods{list-style:none;margin:0 0 18px;padding:0;border:0;display:grid;gap:8px}
.hb-woo #payment ul.payment_methods li{border:1px solid var(--line);padding:14px 16px;background:var(--white);margin:0}
.hb-woo #payment ul.payment_methods li label{display:inline;margin:0 0 0 8px;letter-spacing:.12em}
.hb-woo #payment div.payment_box{background:var(--mist);color:var(--ink);padding:14px 16px;margin:12px 0 0;font-size:13.5px;line-height:1.6}
.hb-woo #payment div.payment_box::before{display:none}
.hb-woo .woocommerce-privacy-policy-text p{font-size:12.5px;color:var(--grey)}
.hb-woo .woocommerce-terms-and-conditions-wrapper{margin-bottom:14px}
.hb-woo .woocommerce-checkout-review-order-table .product-name{width:60%}
.hb-woo .woocommerce-form-coupon-toggle .woocommerce-info{margin-bottom:18px}
.hb-woo form.checkout_coupon,.hb-woo form.woocommerce-form-login{border:1px solid var(--line);padding:20px;margin:0 0 24px}

/* order received */
.hb-woo .woocommerce-order-overview{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border:1px solid var(--line);padding:20px}
.hb-woo .woocommerce-order-overview li{font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);border:0;margin:0}
.hb-woo .woocommerce-order-overview li strong{display:block;margin-top:6px;font-size:15px;letter-spacing:0;text-transform:none;color:var(--ink)}
.hb-woo .woocommerce-notice--success{font-family:var(--display);font-weight:800;font-size:1.4rem;margin:0 0 22px}
.hb-woo address{font-style:normal;line-height:1.7;font-size:14px}

/* my account */
.hb-woo .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hb-woo .woocommerce-MyAccount-navigation a{display:block;padding:10px 16px;border:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.hb-woo .woocommerce-MyAccount-navigation .is-active a,.hb-woo .woocommerce-MyAccount-navigation a:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.hb-woo .woocommerce-MyAccount-content{min-width:0}
.hb-woo .u-columns{display:grid;gap:32px}
.hb-woo .u-columns .u-column1,.hb-woo .u-columns .u-column2{float:none;width:100%}
.hb-woo .woocommerce-Addresses{display:grid;gap:24px}
.hb-woo .woocommerce-Addresses .u-column1,.hb-woo .woocommerce-Addresses .u-column2{float:none;width:100%}
@container site (min-width:820px){
  .hb-woo .u-columns{grid-template-columns:1fr 1fr}
  .hb-woo .woocommerce-Addresses{grid-template-columns:1fr 1fr}
  .hb-woo .woocommerce-account .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:40px}
}
.hb-woo .woocommerce-orders-table td,.hb-woo .woocommerce-orders-table th{white-space:nowrap}
.hb-woo .woocommerce-orders-table__cell-order-actions .button{padding:10px 16px;font-size:10px}
@media (max-width:640px){.hb-woo .woocommerce-orders-table{display:block;overflow-x:auto}}

/* small screens: stacked cart rows */
@container site (max-width:700px){
  .hb-woo table.shop_table_responsive thead{display:none}
  .hb-woo table.shop_table_responsive tr{display:block;border-bottom:1px solid var(--line);padding:12px 0}
  .hb-woo table.shop_table_responsive td{display:flex;justify-content:space-between;gap:16px;border:0;padding:8px 0;text-align:right}
  .hb-woo table.shop_table_responsive td::before{content:attr(data-title);font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);text-align:left}
  .hb-woo table.shop_table_responsive td.product-remove::before,.hb-woo table.shop_table_responsive td.product-thumbnail::before,.hb-woo table.shop_table_responsive td.actions::before{display:none}
  .hb-woo table.shop_table_responsive td.actions{display:block;text-align:left}
}

/* Woo a11y live region must not extend document height */
.widget_shopping_cart_live_region{position:fixed!important;top:0;left:0}

/* Honey Bae Rewards — the .lvl/.tile color variants (t-orange/t-abyss/t-black) already come from main.css;
   these must stay lower-specificity than that so they never override the intended background/text pairing. */
.hb-rewards-account code{background:var(--mist);padding:2px 8px;font-family:var(--sans);font-weight:700}
.hb-rewards-account table.shop_table td:last-child{text-align:right}


/* Desktop nav dropdown: a top-level item with child pages (Shop Sets → Kits & Accessories / Sizing Kit) */
.nav .has-sub{position:relative;display:inline-flex;align-items:center}
.nav .has-sub > .sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:220px;background:var(--ink);padding:10px 0;display:none;flex-direction:column;z-index:60;box-shadow:0 18px 30px -18px rgba(0,0,0,.6)}
.nav .has-sub:hover > .sub,.nav .has-sub:focus-within > .sub{display:flex}
.nav .has-sub > .sub a{display:block;padding:12px 22px;color:var(--white);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.nav .has-sub > .sub a:hover{color:var(--orange)}
/* mobile drawer: children sit under their parent, indented */
.drawer a.sub{padding-left:22px;font-weight:600;color:var(--grey)}

/* Colors page: swatch wall */
.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding-block:8px 64px}
.cw{position:relative}
.cw-img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#F1EEEA}
.cw-n{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.72);color:var(--white);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px}