/**
 * Deckorder — WooCommerce brand skin.
 * Applies the landing's fonts, palette, radii and accent buttons to the
 * checkout / cart / account pages so the payment flow matches the brand.
 * Loaded only on WooCommerce pages (see functions.php).
 */
:root{
  --dk-bg:#F7F8FA; --dk-surface:#FFFFFF; --dk-ink:#0B0D12; --dk-muted:#5A6170;
  --dk-line:rgba(11,13,18,.12); --dk-soft:rgba(11,13,18,.04);
  --dk-accent:#1F5EFF; --dk-accent-hov:#0F4BE6; --dk-accent-soft:rgba(31,94,255,.10);
}

/* Page base */
body.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-account,
body.woocommerce-page{
  background:var(--dk-bg);
  color:var(--dk-ink);
  font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* Headings */
.woocommerce-page h1,.woocommerce-page h2,.woocommerce-page h3,
.wc-block-components-title,
.wc-block-checkout__main-title,
.wc-block-components-checkout-step__title{
  font-family:'Sora',sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-0.01em;
  color:var(--dk-ink);
}

/* Layout breathing room */
.wp-block-woocommerce-checkout,
.wc-block-checkout,
.woocommerce .woocommerce-checkout,
.wp-block-woocommerce-cart{
  max-width:1120px;
  margin-inline:auto;
  padding-block:clamp(24px,4vw,48px);
}

/* Surfaces / cards */
.wc-block-checkout__sidebar,
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.woocommerce-checkout-review-order,
.woocommerce table.cart,
.cart_totals{
  background:var(--dk-surface);
  border:1px solid var(--dk-line);
  border-radius:16px;
}
.wc-block-checkout__sidebar{ padding:8px 6px; }

/* Inputs & selects */
.wc-block-components-text-input input,
.wc-block-components-select .components-select-control__input,
.wc-block-components-combobox input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single{
  border:1.5px solid var(--dk-line) !important;
  border-radius:10px !important;
  background:var(--dk-bg) !important;
  color:var(--dk-ink) !important;
  font-family:'Instrument Sans',system-ui,sans-serif !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-combobox input:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{
  border-color:var(--dk-accent) !important;
  box-shadow:0 0 0 3px var(--dk-accent-soft) !important;
  outline:none !important;
}
.wc-block-components-text-input label,
.woocommerce form .form-row label{ color:var(--dk-muted); }

/* Buttons */
.wc-block-components-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout .wc-block-components-button.contained,
.woocommerce #place_order,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button.alt,
.woocommerce a.button.alt{
  background:var(--dk-accent) !important;
  color:#fff !important;
  border:none !important;
  border-radius:10px !important;
  font-family:'Sora',sans-serif !important;
  font-weight:600 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
.wc-block-components-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.woocommerce #place_order:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover{
  background:var(--dk-accent-hov) !important;
}
/* Secondary / outline buttons keep a subtle look */
.woocommerce a.button:not(.alt),
.wc-block-components-button.outlined{
  background:transparent !important;
  color:var(--dk-accent) !important;
  border:1.5px solid var(--dk-line) !important;
}
.woocommerce a.button:not(.alt):hover{ border-color:var(--dk-accent) !important; color:var(--dk-accent) !important; }

/* Links & totals */
.woocommerce-page a{ color:var(--dk-accent); }
.woocommerce-page a:hover{ color:var(--dk-accent-hov); }
.wc-block-components-totals-item__value,
.order-total .amount,
.woocommerce-Price-amount{ color:var(--dk-ink); }
.order-total .amount{ font-weight:700; }

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner{ border-radius:12px; }
.woocommerce-message,
.woocommerce-info,
.wc-block-components-notice-banner.is-info{ border-top:none; border-left:4px solid var(--dk-accent); }