/* SleepyHead — skin for the native WooCommerce Cart / Checkout / My-account
   pages. Pure CSS, scoped to body.sh-checkout. No block markup is altered, so
   the Checkout Block and all payment extensions keep working. */

body.sh-checkout {
  --sh-bg: #0d1020;
  --sh-surface: #141833;
  --sh-surface-2: #191e3c;
  --sh-text: #f4f1ea;
  --sh-muted: rgba(244, 241, 234, 0.62);
  --sh-gold: #e8c069;
  --sh-gold-soft: rgba(232, 192, 105, 0.22);
  --sh-border: rgba(232, 192, 105, 0.18);

  background: var(--sh-bg) !important;
  color: var(--sh-text) !important;
  font-family: 'Inter', system-ui, sans-serif;
}

/* Hide only footer clutter and post titles — the theme header/logo stays. */
body.sh-checkout > footer,
body.sh-checkout .site-footer,
body.sh-checkout header.woocommerce-store-notice,
body.sh-checkout .wp-block-post-title {
  display: none !important;
}

/* No account/login affordances in checkout — guest checkout only */
body.sh-checkout .wc-block-checkout__login-prompt,
body.sh-checkout .woocommerce-form-login-toggle,
body.sh-checkout .woocommerce-form-login,
body.sh-checkout .wc-block-components-checkout-login-prompt,
body.sh-checkout .wc-block-checkout__create-account,
body.sh-checkout .wc-block-checkout__account-password,
body.sh-checkout .wc-block-checkout__guest-checkout-notice,
body.sh-checkout .wc-block-checkout__guest-checkout,
body.sh-checkout .wc-block-components-checkout-guest-notice,
body.sh-checkout .wc-block-components-checkout-step__guest-notice,
body.sh-checkout .woocommerce-privacy-policy-text ~ .create-account,
body.sh-checkout a[href*="my-account"],
body.sh-checkout a[href*="lost-password"] {
  display: none !important;
}


body.sh-checkout * {
  border-color: var(--sh-border);
}

body.sh-checkout h1,
body.sh-checkout h2,
body.sh-checkout h3,
body.sh-checkout legend,
body.sh-checkout .wc-block-components-title,
body.sh-checkout .wc-block-components-checkout-step__title {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--sh-text) !important;
  letter-spacing: 0.02em;
  font-weight: 500 !important;
}

body.sh-checkout p,
body.sh-checkout label,
body.sh-checkout span,
body.sh-checkout a,
body.sh-checkout li,
body.sh-checkout td,
body.sh-checkout th {
  color: var(--sh-text);
}

body.sh-checkout .wc-block-components-checkout-step__description,
body.sh-checkout .wc-block-components-address-card,
body.sh-checkout small {
  color: var(--sh-muted) !important;
}

/* Cards / panels */
body.sh-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper,
body.sh-checkout .wc-block-components-order-summary,
body.sh-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  background: var(--sh-surface) !important;
  border: 1px solid var(--sh-border) !important;
  border-radius: 14px;
}
body.sh-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  padding: 1.25rem 1.35rem;
}
body.sh-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper {
  border-radius: 0;
  border: 0 !important;
  border-top: 1px solid var(--sh-border) !important;
  background: transparent !important;
}

body.sh-checkout .wc-block-components-panel,
body.sh-checkout .wc-block-components-radio-control-accordion-option,
body.sh-checkout .wc-block-components-radio-control__option {
  background: var(--sh-surface-2) !important;
  border-radius: 12px;
  border: 1px solid var(--sh-border) !important;
}

/* Inputs */
body.sh-checkout .wc-block-components-text-input input,
body.sh-checkout input[type='text'],
body.sh-checkout input[type='email'],
body.sh-checkout input[type='tel'],
body.sh-checkout input[type='password'],
body.sh-checkout input[type='number'],
body.sh-checkout select,
body.sh-checkout textarea,
body.sh-checkout .wc-blocks-components-select__container {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--sh-text) !important;
  border: 1px solid var(--sh-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.sh-checkout .wc-block-components-text-input input:focus,
body.sh-checkout select:focus,
body.sh-checkout textarea:focus {
  border-color: var(--sh-gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px var(--sh-gold-soft) !important;
}
body.sh-checkout .wc-block-components-text-input label,
body.sh-checkout .wc-blocks-components-select__label {
  color: var(--sh-muted) !important;
}

/* Buttons — champagne gold */
body.sh-checkout .wc-block-components-checkout-place-order-button,
body.sh-checkout .wc-block-cart__submit-button,
body.sh-checkout .wp-block-button__link,
body.sh-checkout button.wc-block-components-button:not(.wc-block-components-panel__button):not([class*='remove']) {
  background: linear-gradient(135deg, #b8893a 0%, #f0d27a 25%, #e9c069 50%, #c7993f 75%, #8a5f1e 100%) !important;
  background-size: 200% 200% !important;
  background-position: 0% 50% !important;
  color: #1a1208 !important;
  border: 0 !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.72rem !important;
  padding: 1.05rem 1.5rem !important;
  transition: background-position 0.6s ease, transform 0.25s ease;
}
body.sh-checkout .wc-block-components-checkout-place-order-button:hover,
body.sh-checkout .wc-block-cart__submit-button:hover {
  background-position: 100% 50% !important;
  transform: translateY(-1px);
}

/* Links & subtle buttons */
body.sh-checkout a:not(.wp-block-button__link) {
  color: var(--sh-gold);
  text-decoration-color: var(--sh-gold-soft);
}
body.sh-checkout .wc-block-components-panel__button,
body.sh-checkout .wc-block-components-totals-coupon__button {
  color: var(--sh-gold) !important;
  background: transparent !important;
}

/* Totals */
body.sh-checkout .wc-block-components-totals-item__label,
body.sh-checkout .wc-block-components-totals-item__value {
  color: var(--sh-text) !important;
}
body.sh-checkout .wc-block-components-totals-footer-item {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.35rem;
}
body.sh-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--sh-gold) !important;
}

/* Product rows */
body.sh-checkout .wc-block-components-order-summary-item__image img,
body.sh-checkout .wc-block-cart-item__image img {
  border-radius: 10px;
  border: 1px solid var(--sh-border);
  background: rgba(255, 255, 255, 0.04);
}
body.sh-checkout .wc-block-components-order-summary-item__quantity {
  background: var(--sh-gold) !important;
  color: #1a1208 !important;
  border-color: var(--sh-gold) !important;
}

/* Notices */
body.sh-checkout .wc-block-components-notice-banner {
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: 12px !important;
  color: var(--sh-text) !important;
}
body.sh-checkout .wc-block-components-notice-banner.is-error {
  border-color: rgba(232, 106, 106, 0.5) !important;
}
body.sh-checkout .wc-block-components-notice-banner.is-success {
  border-color: rgba(120, 200, 150, 0.45) !important;
}

/* Layout breathing room */
body.sh-checkout .wc-block-checkout__form,
body.sh-checkout .wp-block-woocommerce-cart-items-block {
  max-width: 42rem;
}
body.sh-checkout .wc-block-components-checkout-step {
  padding-bottom: 1.75rem;
}

/* ── Header on native Cart/Checkout ─────────────────────────────────────── */

/* Style the theme's site title to match the storefront wordmark */
body.sh-checkout .wp-block-site-title,
body.sh-checkout .site-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
  font-size: 1.875rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0.15em !important;
  text-transform: none !important;
}
body.sh-checkout .wp-block-site-title a,
body.sh-checkout .site-title a {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  color: var(--sh-gold) !important;
  text-decoration: none !important;
}

/* No cart affordances inside cart/checkout */
body.sh-checkout .wp-block-woocommerce-mini-cart,
body.sh-checkout .wc-block-mini-cart,
body.sh-checkout .wc-block-mini-cart__button,
body.sh-checkout .wp-block-woocommerce-customer-account,
body.sh-checkout header a[href*="/cart"],
body.sh-checkout .wp-block-template-part a[href*="/cart"] {
  display: none !important;
}

/* Hide the theme's default menu (Cart / Checkout / Sample Page / Shop) */
body.sh-checkout .wp-block-navigation,
body.sh-checkout nav.wp-block-navigation,
body.sh-checkout .wp-block-navigation__responsive-container-open {
  display: none !important;
}