/* WhatsTK storefront polish — 2026-10-07 new-customer review fixes. Display only. */

/* Product page: quantity stepper */
form.cart .quantity.wtk-qty,.woocommerce-cart-form .quantity.wtk-qty{display:inline-flex;align-items:stretch;border:1px solid #d7dce3;border-radius:10px;overflow:hidden;background:#fff}
form.cart .quantity.wtk-qty input.qty,.woocommerce-cart-form .quantity.wtk-qty input.qty{width:48px;min-width:0;border:0!important;border-radius:0;text-align:center;padding:0;box-shadow:none;-moz-appearance:textfield;appearance:textfield}
form.cart .quantity.wtk-qty input.qty::-webkit-outer-spin-button,form.cart .quantity.wtk-qty input.qty::-webkit-inner-spin-button,.woocommerce-cart-form .quantity.wtk-qty input.qty::-webkit-outer-spin-button,.woocommerce-cart-form .quantity.wtk-qty input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
form.cart .quantity.wtk-qty .wtk-qty__btn,.woocommerce-cart-form .quantity.wtk-qty .wtk-qty__btn{width:44px;min-height:48px;padding:0;border:0;border-radius:0;background:#f6f4ee;color:#0f1b33;font-size:20px;line-height:1;cursor:pointer;box-shadow:none}
form.cart .quantity.wtk-qty .wtk-qty__btn:hover,.woocommerce-cart-form .quantity.wtk-qty .wtk-qty__btn:hover{background:#ebe6d9;color:#0f1b33}

/* Product page: add-to-cart feedback and missing-option hint */
.single_add_to_cart_button.wtk-loading{pointer-events:none;opacity:.8}
.single_add_to_cart_button.wtk-loading::after{content:"";display:inline-block;width:14px;height:14px;margin-left:10px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:wtk-spin .7s linear infinite}
@keyframes wtk-spin{to{transform:rotate(360deg)}}
table.variations tr.wtk-need th,table.variations tr.wtk-need th label{color:#b42318}
table.variations tr.wtk-need .wtk-product-choices{outline:2px solid #b42318;outline-offset:5px;border-radius:8px}
.wtk-need-msg{margin:12px 0;padding:10px 14px;border-left:3px solid #b42318;border-radius:6px;background:#fdf1ef;color:#7a1a12;font-size:14px;line-height:1.45}

/* Product page: thumbnails sit below the main image instead of over it; internal SKU is not shown */
.woocommerce div.product div.images .flex-control-thumbs{margin-top:12px!important}
.single-product .product_meta .sku_wrapper{display:none!important}
.single-product .product_meta > span{font-size:13px!important}

/* Checkout: the address is entered on the payment page, so the empty "different address" toggle is hidden; consent text reads as body text */
.woocommerce-checkout .woocommerce-shipping-fields{display:none!important}
.woocommerce-checkout label:has(input[name="cr_customer_consent"]),.woocommerce-checkout .cr-customer-consent label{font-weight:400!important;font-size:14px!important;line-height:1.5!important}

/* Empty category / search */
.wtk-empty-help{margin:18px 0 40px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:#4a5568}

/* Header stays reachable on phones and tablets; back-to-top everywhere */
@media (max-width:1024px) and (min-height:520px){#masthead{position:sticky;top:0;z-index:120}}
.wtk-top{position:fixed;right:16px;bottom:20px;z-index:90;width:44px;height:44px;border:1px solid #e6e2d8;border-radius:50%;background:#fff;color:#0f1b33;font-size:18px;line-height:1;box-shadow:0 6px 18px rgba(15,27,51,.14);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;padding:0}
.wtk-top.is-on{opacity:1;visibility:visible}
.wtk-top:hover{background:#0f1b33;color:#fff}

/* Touch targets and small print */
.header-cart-button{min-width:44px;min-height:44px;display:inline-flex!important;align-items:center;justify-content:center}
.wtk-footer a{padding-top:5px;padding-bottom:5px}
#cookie-notice .cn-button{min-width:56px;min-height:40px;padding-left:16px;padding-right:16px}
#mobile-drawer .trp-language-item{display:flex;align-items:center;min-height:40px}
.wc-block-grid__product .wc-block-grid__product-price{font-size:15px}
.wc-block-grid__product .wp-block-button__link{font-size:13px!important}

/* Product description: photos in two columns on wide screens instead of one very long column */
@media (min-width:1025px){
  .single-product #tab-description p:has(> img:only-child){display:inline-block;width:calc(50% - 10px);margin:0 6px 14px 0;vertical-align:top}
  .single-product #tab-description p:has(> img:only-child) img{display:block;width:100%;height:auto}
  .single-product #tab-description p:has(> img ~ img){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .single-product #tab-description p:has(> img ~ img) > br{display:none}
  .single-product #tab-description p:has(> img ~ img) > img{display:block;width:100%;height:auto;margin:0}
}

/* Phones and tablets: brand filter moves above the product grid as a row of chips that scrolls sideways */
@media (max-width:1024px){
  .woocommerce.archive .content-container.site-container:has(> aside#secondary .widget_brand_nav),.search .content-container.site-container:has(> aside#secondary .widget_brand_nav){display:flex;flex-direction:column}
  .woocommerce.archive .content-container > aside#secondary:has(.widget_brand_nav),.search .content-container > aside#secondary:has(.widget_brand_nav){order:-1;width:100%;margin:0 0 6px;padding:0}
  aside#secondary .widget_brand_nav{margin:0;padding:0;border:0;background:none}
  aside#secondary .widget_brand_nav .widget-title{margin:0 0 8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#4a5568}
  aside#secondary .widget_brand_nav ul{display:flex;gap:8px;margin:0;padding:2px 2px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;list-style:none}
  aside#secondary .widget_brand_nav ul::-webkit-scrollbar{display:none}
  aside#secondary .widget_brand_nav li{flex:0 0 auto;margin:0;padding:0;border:0}
  aside#secondary .widget_brand_nav li a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #e6e2d8;border-radius:999px;background:#fff;color:#0f1b33;font-size:14px;white-space:nowrap;text-decoration:none}
  aside#secondary .widget_brand_nav li.chosen a{background:#0f1b33;border-color:#0f1b33;color:#fff}
  aside#secondary .widget_brand_nav li .count{display:none}
}

/* Phones: a bar at the bottom brings the visitor back to the options and buy buttons */
.wtk-buybar{display:none}
@media (max-width:768px) and (min-height:520px){
  .wtk-buybar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:block;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e6e2d8;box-shadow:0 -6px 18px rgba(15,27,51,.08);transform:translateY(110%);transition:transform .2s ease}
  .wtk-buybar.is-on{transform:none}
  .wtk-buybar button{display:block;width:100%;min-height:48px;border:0;border-radius:999px;background:#b8892b;color:#fff;font-size:16px;font-weight:600;cursor:pointer}
  body.wtk-buybar-on .wtk-top{bottom:84px}
}

/* 404 page shortcuts */
.wtk-404-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
/* Home: the category tiles fill the row when only four categories have products */
@media (min-width:1025px){.wtk-cats ul.products:has(> li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.wtk-did-you-mean{font-weight:600;color:#0f1b33}
.wtk-did-you-mean a{text-decoration:underline}

/* Cart (classic template): the destination is chosen at checkout, so the address line and calculator are not shown here; quantity changes save by themselves */
.woocommerce-cart .woocommerce-shipping-destination,.woocommerce-cart .woocommerce-shipping-calculator{display:none!important}
.woocommerce-cart-form .quantity.wtk-qty .wtk-qty__btn{min-height:42px;width:40px}
.woocommerce-cart-form.wtk-updating{opacity:.6;transition:opacity .15s ease}

/* Promise strip is for phones only (shown by whatstk-storefront-mobile.css) */
.wtk-usp{display:none}

/* Dispatch warehouse: a concrete warehouse is always selected for the visitor, so the "Automatic selection" choice is not offered */
#wtk_warehouse + .wtk-product-choices button[data-value=""]{display:none!important}