/* ============================================================================
   SimYak — product page buy box (brief §6). Consumes tokens.css.
   Loaded only on single-product (see inc/woocommerce.php).
   ============================================================================ */

/* Native Woo variation selects are kept for the engine but visually hidden;
   the card picker below drives them. Keep them focusable-hidden, not display:none,
   so Woo's scripts still operate. */
.smyk-native-variation{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.woocommerce-variation-add-to-cart .reset_variations{display:none}

/* Layout: gallery left, summary right at >=750 (native Woo columns kept). */
.woocommerce div.product{--smyk-container-pad:0}

/* ---------- Plan picker ---------- */
.smyk-planpicker{margin:8px 0 18px; display:grid; gap:18px}
.smyk-planpicker__label{font-weight:var(--fw-semibold); color:var(--smyk-navy); margin-bottom:8px}
.smyk-plans{display:grid; grid-template-columns:repeat(2,1fr); gap:10px}
@media (min-width:480px){ .smyk-plans{grid-template-columns:repeat(3,1fr)} }
.smyk-plan{
  display:flex; flex-direction:column; align-items:flex-start; gap:4px;
  padding:12px 14px; min-height:60px; text-align:left; background:#fff;
  border:1.5px solid var(--smyk-border); border-radius:var(--smyk-radius-md);
  font:inherit; transition:border-color .12s ease, box-shadow .12s ease;
}
.smyk-plan:hover{border-color:var(--smyk-teal)}
.smyk-plan.is-active{border-color:var(--smyk-orange); box-shadow:0 0 0 3px rgba(255,101,0,.14)}
.smyk-plan__name{font-weight:var(--fw-semibold); color:var(--smyk-navy)}
.smyk-plan__price{font-size:var(--fs-body-sm); color:var(--smyk-gray)}
.smyk-plan.is-active .smyk-plan__price{color:var(--smyk-orange)}

/* ---------- Travel date ---------- */
.smyk-traveldate{margin:6px 0 16px}
.smyk-traveldate__label{display:block; font-weight:var(--fw-semibold); color:var(--smyk-navy); margin-bottom:6px}
.smyk-traveldate__opt{font-weight:var(--fw-regular); color:var(--smyk-gray)}
.smyk-traveldate__input{
  width:100%; max-width:260px; padding:12px 14px; font:inherit;
  border:1.5px solid var(--smyk-border); border-radius:var(--smyk-radius-md); background:#fff;
}

/* ---------- CTAs ---------- */
.smyk-buynow{margin-top:10px}
.woocommerce div.product form.cart .button.single_add_to_cart_button{
  border-radius:var(--smyk-radius-pill); background:var(--smyk-purple); color:#fff;
  font-weight:var(--fw-bold); min-height:48px; width:100%; margin-top:4px;
}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover{background:var(--smyk-purple-hover)}
.smyk-paypal-express{margin-top:10px; min-height:0}

/* ---------- Trust strip ---------- */
.smyk-trust-strip{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:14px; color:var(--smyk-gray); font-size:var(--fs-body-sm)}
.smyk-trust-strip__lock{font-weight:var(--fw-semibold); color:var(--smyk-success)}
.smyk-trust-strip__icons{display:inline-flex; gap:6px; align-items:center}

/* ---------- Reviews rating (display-only, non-clickable — brief §5) ---------- */
.smyk-rating{display:inline-flex; align-items:center; gap:6px; pointer-events:none}
.smyk-rating__stars{color:var(--smyk-trustpilot)}

/* Price block emphasis */
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--smyk-navy); font-weight:var(--fw-bold)}