/* Vaporama: unpublished cart and checkout appearance, 2026-11-04.
   Native controls, validation, totals, carrier/payment rules stay intact. */
html.vaporama-brand-20261103 body.ordering-process {
  --vpc-checkout-gradient: linear-gradient(115deg,#4000ff,#7700cd 51%,#c800ff);
  --vpc-checkout-ink: #17171a;
  --vpc-checkout-black: #0b0810;
  --vpc-checkout-yellow: #fff705;
}

/* Large panel surfaces; readable native content stays on white. */
html.vaporama-brand-20261103 body.ordering-process :is(
  .co-box,
  .cart-content.summary-wrapper,
  .cart-content.checkout-box-wrapper,
  .cart-content:has(>.order-summary)
) {
  background: var(--vpc-checkout-gradient)!important;
  color: #fff;
}
html.vaporama-brand-20261103 body.ordering-process :is(
  .shipping-billing-table,
  .order-summary,
  .checkout-box,
  .co-billing-address>.box-bg-default,
  .cart-content.summary-wrapper>.box-bg-default,
  .cart-content.checkout-box-wrapper>.box-bg-default
) {
  background: #fff!important;
  color: var(--vpc-checkout-ink)!important;
  border-radius: 8px;
}
html.vaporama-brand-20261103 body.ordering-process :is(.order-summary,.checkout-box) {
  padding: 16px;
}
html.vaporama-brand-20261103 body.ordering-process :is(
  .co-box,.summary-wrapper,.checkout-box-wrapper
)>:is(h2,h3,h4,.h4) {
  color: #fff!important;
  font-weight: 700;
}
html.vaporama-brand-20261103 body.ordering-process .co-box>:is(h2,h3,h4,.h4)>* {
  color: inherit!important;
}
html.vaporama-brand-20261103 body.ordering-process :is(.summary-wrapper,.checkout-box-wrapper)>:is(h2,h3,h4,.h4) {
  font-size: 20px;
}
html.vaporama-brand-20261103 body.ordering-process .order-summary :is(h2,h3,h4,.h4) {
  color: #7700cd!important;
}
html.vaporama-brand-20261103 body.ordering-process .shipping-billing-table .radio-wrapper {
  color: var(--vpc-checkout-ink);
}
html.vaporama-brand-20261103 body.ordering-process .shipping-billing-table .radio-wrapper:has(input:checked) {
  background: #f4ebff;
  box-shadow: inset 3px 0 0 #7700cd;
}

/* Form labels remain readable, including native optional/expanded fields. */
html.vaporama-brand-20261103 body.ordering-process :is(.co-contact-information,.co-box-additional) label,
html.vaporama-brand-20261103 body.ordering-process .co-contact-information>p,
html.vaporama-brand-20261103 body.ordering-process .co-contact-information .login-wrapper {
  color: #fff!important;
}
html.vaporama-brand-20261103 body.ordering-process .co-contact-information a:not(.btn) {
  color: #fff!important;
  text-decoration: underline;
}
html.vaporama-brand-20261103 body.ordering-process .co-box .form-control {
  background: #fff!important;
  color: var(--vpc-checkout-ink)!important;
}
html.vaporama-brand-20261103 body.ordering-process .co-box .form-control:focus-visible {
  outline: 2px solid #7700cd;
  outline-offset: 2px;
}
html.vaporama-brand-20261103 body.ordering-process :is(input[type=checkbox],input[type=radio]) {
  accent-color: #7700cd;
}

/* Checkout actions: black/white, yellow/black only on enabled hover. */
html.vaporama-brand-20261103 body.ordering-process #content :is(.btn,button.increase,button.decrease),
html.vaporama-brand-20261103 body.ordering-process #header .btn {
  background: var(--vpc-checkout-black)!important;
  color: #fff!important;
  border-color: var(--vpc-checkout-black)!important;
}
html.vaporama-brand-20261103 body.ordering-process #content .btn :is(span,i) {
  color: inherit!important;
}
@media(hover:hover) {
  html.vaporama-brand-20261103 body.ordering-process #content :is(.btn,button.increase,button.decrease):not([disabled]):not([aria-disabled=true]):not(.disabled):hover,
  html.vaporama-brand-20261103 body.ordering-process #header .btn:not([disabled]):not([aria-disabled=true]):not(.disabled):hover {
    background: var(--vpc-checkout-yellow)!important;
    color: #08070b!important;
    border-color: var(--vpc-checkout-yellow)!important;
  }
}
html.vaporama-brand-20261103 body.ordering-process #content :is(.btn,button.increase,button.decrease):focus-visible {
  outline: 2px solid #7700cd!important;
  outline-offset: 3px;
}
html.vaporama-brand-20261103 body.ordering-process #content .btn:is([disabled],[aria-disabled=true],.disabled) {
  opacity: .45;
  cursor: not-allowed;
}

@media(max-width:767px) {
  html.vaporama-brand-20261103 body.ordering-process :is(.order-summary,.checkout-box) {
    padding: 12px;
  }
}

/* Override the older high-specificity checkout CTA rules. */
html.vaporama-brand-20261103 body.ordering-process #content #checkoutSidebar .btn,
html.vaporama-brand-20261103 body.ordering-process #content #submit-order{background:#0b0810!important;color:#fff!important;border-color:#0b0810!important}
@media(hover:hover){html.vaporama-brand-20261103 body.ordering-process #content #checkoutSidebar .btn:not([disabled]):not([aria-disabled=true]):not(.disabled):hover,html.vaporama-brand-20261103 body.ordering-process #content #submit-order:not([disabled]):not([aria-disabled=true]):not(.disabled):hover{background:#fff705!important;color:#08070b!important;border-color:#fff705!important}}
html.vaporama-brand-20261103 body.ordering-process .order-summary{padding:10px}
html.vaporama-brand-20261103 body.ordering-process .order-summary a:not(.btn){font-size:14px!important;line-height:1.4}