/**
 * Hoor Hijab — assets/css/woocommerce.css
 * WooCommerce-specific overrides, loaded after woocommerce-general.css
 */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--charcoal)!important;color:var(--ivory)!important;font-family:var(--font-body)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;padding:11px 24px!important;border-radius:var(--radius)!important;border:none!important;cursor:pointer;transition:background 0.3s cubic-bezier(0.4,0,0.2,1)!important;box-shadow:none!important;text-shadow:none!important}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:#333!important}
/* Checkout place-order button is blue — override the charcoal hover */
.sc-form #place_order:hover{background:#1d4ed8!important}
.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--gold)!important;color:var(--ivory)!important}
.woocommerce a.button.alt:hover{background:#d4b47a!important;color:var(--ivory)!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{border:1px solid var(--border)!important;border-radius:3px!important;padding:11px 13px!important;font-family:var(--font-body)!important;font-size:14px!important;outline:none!important;box-shadow:none!important;transition:border-color 0.3s cubic-bezier(0.4,0,0.2,1)!important;width:100%!important}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row select:focus{border-color:var(--gold)!important}
.woocommerce table.shop_table{border-collapse:collapse!important;border:none!important}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border:none!important;border-bottom:1px solid var(--border)!important}
.woocommerce-message{border-top:3px solid var(--gold)!important}
.woocommerce-error{border-top:3px solid var(--error)!important}
.star-rating span::before,.star-rating::before{color:var(--gold)!important}
.woocommerce .quantity .qty{border:1px solid var(--border)!important;border-radius:3px!important;height:46px!important;text-align:center!important;font-size:15px!important;padding:0 10px!important;outline:none!important}
.woocommerce .quantity .qty:focus{border-color:var(--gold)!important}
.woocommerce-account .woocommerce-MyAccount-navigation{display:none}
.woocommerce-account .woocommerce-MyAccount-content{width:100%!important;float:none!important}
.woocommerce form.checkout_coupon,.woocommerce form.cart .coupon{display:none!important}

/* ── WooCommerce checkbox fix ── */
/* Restore native appearance so the checkmark renders inside the box. */
.woocommerce input.input-checkbox,
.woocommerce-checkout input.input-checkbox,
.woocommerce-page input.input-checkbox {
  appearance: auto!important;
  -webkit-appearance: checkbox!important;
  width: 15px!important;
  height: 15px!important;
  accent-color: var(--gold)!important;
  vertical-align: middle!important;
  margin: 0 6px 0 0!important;
  cursor: pointer!important;
  flex-shrink: 0!important;
}
/* The label that wraps ship_to_different_address etc. */
.woocommerce-checkout .woocommerce-form__label-for-checkbox,
.woocommerce-checkout .checkbox label,
p.form-row.terms {
  display: flex!important;
  align-items: center!important;
  gap: 8px!important;
  text-transform: none!important;
  letter-spacing: 0!important;
  font-size: 13px!important;
  font-weight: 400!important;
  cursor: pointer!important;
}

/* ── Checkout / Thank-you full-width layout ── */
.hoor-checkout-main{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;float:none!important}
.hoor-checkout-main .woocommerce{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
.woocommerce-checkout-payment .form-row{margin:0!important;padding:0!important;width:100%!important}
/* Prevent global button overrides from breaking the blue checkout button */
.sc-form #place_order{background:#2563eb!important;color:#fff!important;font-size:16px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;padding:16px!important;border-radius:5px!important;border:none!important}
.sc-form #place_order:hover{background:#1d4ed8!important}
/* Prevent global form-row overrides from conflicting inside sc-form */
.sc-form .form-row input.input-text,.sc-form .form-row select,.sc-form .form-row textarea{border:1px solid #d1d1d1!important;border-radius:5px!important;padding:10px 13px!important;font-size:14px!important;box-shadow:none!important;transition:border-color 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s cubic-bezier(0.4,0,0.2,1)!important}
.sc-form .form-row input.input-text:focus,.sc-form .form-row select:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,0.08)!important}

/* ── Block checkout: stop the order summary from compacting ──────────────
   WooCommerce adds an .is-small/.is-mobile class to the order summary when
   its column is narrow, which switches the line items to a cramped
   grid (80px image + 132px content, qty stacked below). While the two-column
   layout is active, pin the order-summary sidebar to a comfortable width so
   items keep the roomy single-row layout; the form column flexes to fill the
   rest. Below this, WooCommerce's own container query stacks to one column. */
@media (min-width:880px){
  .wc-block-checkout__sidebar{flex:0 0 420px!important;min-width:380px!important;max-width:440px!important}
  .wc-block-checkout__main{flex:1 1 auto!important;min-width:0!important}
}