/* ==========================================================================
   Token Trophy — Store Skin · BLOCK LAYER (tt-store-blocks)
   The product / cart / checkout pages are WooCommerce *blocks* (React-rendered),
   so the classic selectors don't reach them. This layer styles the block
   components to match the tt-store system.
   ========================================================================== */

/* ---------- shared buttons ------------------------------------------------- */
.wc-block-components-button,
.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-add-to-cart-with-options .wp-element-button,
.wc-block-add-to-cart-with-options .wp-element-button{
  background-color:var(--tt-navy) !important;
  color:#ffffff !important;
  border:1px solid var(--tt-navy) !important;
  border-radius:var(--tt-r) !important;
  font-weight:700 !important;
  letter-spacing:0.01em;
  transition:transform .12s ease,background .12s ease;
}
.wc-block-components-button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-add-to-cart-with-options .wp-element-button:hover{
  background-color:var(--tt-navy-2) !important;
  color:#ffffff !important;
  transform:translateY(-1px);
}

/* ---------- product title + price ----------------------------------------- */
body.single-product .wp-block-post-title{
  color:var(--tt-ink);font-size:clamp(26px,3vw,36px);line-height:1.1;
  font-weight:800;letter-spacing:-0.02em;margin:0 0 10px;
}
.wc-block-components-product-price,
.wc-block-components-product-price.has-text-color,
.wc-block-components-product-price .woocommerce-Price-amount,
.wc-block-components-product-price .woocommerce-Price-currencySymbol{
  color:var(--tt-ink) !important;
  font-weight:800 !important;
}
body.single-product .wc-block-components-product-price{font-size:26px !important}

/* ---------- image gallery ------------------------------------------------- */
.wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery__wrapper{
  border:1px solid var(--tt-line);border-radius:var(--tt-rc);overflow:hidden;background:#ffffff;
}
.wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery__image img{border-radius:0}

/* ---------- variation chips (Gold / Silver) ------------------------------- */
.wc-block-product-filter-chips__items{gap:10px !important}
.wc-block-product-filter-chips__item{
  appearance:none;
  background:#ffffff !important;
  border:1px solid var(--tt-line) !important;
  border-radius:999px !important;
  color:var(--tt-ink) !important;
  font-size:15px !important;
  font-weight:600 !important;
  padding:11px 22px !important;
  transition:border-color .12s ease,background .12s ease,color .12s ease;
}
.wc-block-product-filter-chips__item:hover{border-color:var(--tt-navy) !important}
.wc-block-product-filter-chips__item[aria-checked="true"]{
  background:var(--tt-navy) !important;
  border-color:var(--tt-navy) !important;
  color:#ffffff !important;
}
.wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute-name{
  color:var(--tt-ink);font-weight:700;font-size:14px;
}

/* ---------- quantity stepper ---------------------------------------------- */
.wc-block-components-quantity-selector,
.wp-block-add-to-cart-with-options-quantity-selector .wc-block-components-quantity-selector{
  border:1px solid var(--tt-line) !important;
  border-radius:var(--tt-r) !important;
  background:#ffffff !important;
  min-height:50px;
}
.wc-block-components-quantity-selector input,
.wc-block-components-quantity-selector input.qty{
  color:var(--tt-ink) !important;
  border:none !important;
  background:transparent !important;
  font-weight:700 !important;
}
.wc-block-components-quantity-selector__button{
  color:var(--tt-ink) !important;
  background:transparent !important;
}
.wc-block-components-quantity-selector__button:hover{background:var(--tt-wash) !important}

/* ---------- stock indicator ----------------------------------------------- */
.wc-block-components-product-stock-indicator{color:var(--tt-muted) !important;font-size:13.5px}

/* ---------- accordion (product details) ----------------------------------- */
.wp-block-woocommerce-accordion-group{margin-top:44px;border-top:1px solid var(--tt-line-soft)}
.wp-block-woocommerce-accordion-item{border-bottom:1px solid var(--tt-line-soft)}
.wp-block-woocommerce-accordion-header{
  background:transparent !important;
  color:var(--tt-ink) !important;
  padding:18px 0 !important;
}
.wp-block-woocommerce-accordion-header h3,
.wp-block-woocommerce-accordion-header .accordion-item__toggle{
  color:var(--tt-ink) !important;font-weight:800 !important;font-size:19px !important;
}
.accordion-item__toggle-icon{color:var(--tt-gold) !important}
.wp-block-woocommerce-accordion-panel{color:var(--tt-body);font-size:16px;line-height:1.75}
.wp-block-woocommerce-accordion-panel h3{color:var(--tt-ink);font-weight:800;margin:24px 0 8px}
.wp-block-woocommerce-accordion-panel ul{padding-left:20px}
.wp-block-woocommerce-accordion-panel li{margin:0 0 7px}
.wp-block-woocommerce-accordion-panel p{margin:0 0 15px}

/* ---------- product meta --------------------------------------------------- */
.wp-block-woocommerce-product-meta{color:var(--tt-muted);font-size:13.5px}
.wp-block-woocommerce-product-meta a{color:var(--tt-ink);font-weight:600}

/* ---------- notices -------------------------------------------------------- */
.wc-block-components-notice-banner{
  border-radius:var(--tt-r) !important;
  border:1px solid var(--tt-line) !important;
  font-size:14.5px;
}

/* ==========================================================================
   CART BLOCK
   ========================================================================== */
.wp-block-woocommerce-cart .wc-block-cart-items{
  border:1px solid var(--tt-line);border-radius:var(--tt-rc);overflow:hidden;background:#ffffff;
}
.wp-block-woocommerce-cart .wc-block-cart-items__header th{
  background:var(--tt-wash);color:var(--tt-ink);font-weight:700;font-size:13px;
  letter-spacing:0.04em;text-transform:uppercase;padding:15px;
}
.wc-block-cart-item__image img{border-radius:10px;border:1px solid var(--tt-line-soft);background:#ffffff}
.wc-block-components-product-name{color:var(--tt-ink) !important;font-weight:700 !important}
.wc-block-cart-item__total .wc-block-components-product-price__value,
.wc-block-cart-item__total .woocommerce-Price-amount{color:var(--tt-ink) !important;font-weight:700 !important}
.wc-block-cart__submit-container .wc-block-cart__submit-button{width:100%;text-align:center}
.wp-block-woocommerce-cart-order-summary-block,
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block{
  background:var(--tt-wash);border:1px solid var(--tt-line);border-radius:var(--tt-rc);padding:22px;
}
.wc-block-components-totals-item,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value{color:var(--tt-body) !important}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  color:var(--tt-ink) !important;font-weight:800 !important;font-size:18px !important;
}
.wc-block-cart__empty-cart__title,
.wp-block-woocommerce-empty-cart-block{color:var(--tt-body)}
.wc-block-cart__empty-cart__title h2{color:var(--tt-ink);font-weight:800}

/* ==========================================================================
   CHECKOUT BLOCK
   ========================================================================== */
.wp-block-woocommerce-checkout .wc-block-components-checkout-step{
  background:var(--tt-wash);border:1px solid var(--tt-line);border-radius:var(--tt-rc);
  padding:24px;margin-bottom:20px;
}
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__heading,
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__title{
  color:var(--tt-ink) !important;font-weight:800 !important;
}
.wc-block-components-text-input input,
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-select,
.wc-block-components-select select,
.wc-block-components-textarea{
  border:1px solid var(--tt-line) !important;
  border-radius:var(--tt-r) !important;
  background:#ffffff !important;
  color:var(--tt-ink) !important;
  min-height:48px !important;
  box-shadow:none !important;
}
.wc-block-components-select select{appearance:none !important;padding-right:40px !important}
.wc-block-components-text-input label,
.wc-block-components-select label,
.wc-block-components-checkbox label{color:var(--tt-ink) !important;font-weight:600 !important}
.wc-block-components-address-form__header{color:var(--tt-ink);font-weight:700}
.wc-block-components-order-summary,
.wc-block-components-order-summary-item{color:var(--tt-body)}
.wc-block-components-order-summary .wc-block-components-product-name{color:var(--tt-ink) !important}
.wc-block-components-radio-control__option{color:var(--tt-body)}
.wc-block-components-radio-control__label{color:var(--tt-ink);font-weight:600}
.wc-block-components-checkout-place-order-button{
  width:100%;min-height:54px;font-size:17px !important;
}
.wc-block-components-payment-method-label{color:var(--tt-ink)}

/* ---------- responsive ----------------------------------------------------- */
@media (max-width:900px){
  .wp-block-columns .wp-block-column{flex-basis:100% !important}
}