/* YCW Order Experience 1.1.0: presentation only, preserves WHMCS cart logic. */
#order-ycw-of {
  --ycw-orange: #ff5900;
  --ycw-ink: #142440;
  --ycw-slate: #77849a;
  --ycw-order-line: #e7edf5;
  --ycw-shadow: 0 9px 28px rgba(25,43,77,.055);
}
#order-ycw-of .header-lined { padding-bottom: 21px; margin-bottom: 24px; }
#order-ycw-of .header-lined h1 { font-weight: 800 !important; font-size: clamp(25px,2.8vw,37px) !important; letter-spacing: -.035em; line-height: 1.25; }
#order-ycw-of .header-lined p { max-width: 640px; color: var(--ycw-slate); font-size: 13px; line-height: 1.8; }
#order-ycw-of :where(.product,.panel,.view-cart-items,.summary-container,.cart-total,.form-container) { border-radius: 18px; }
#order-ycw-of .products { margin-bottom: 25px; }
#order-ycw-of .products .product {
  display: flex; flex-direction: column; height: 100%; min-height: 365px; overflow: hidden;
  border: 1px solid var(--ycw-order-line) !important;
  border-radius: 19px !important; background: #fff;
  box-shadow: var(--ycw-shadow) !important;
  transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#order-ycw-of .products .product:hover { transform: translateY(-3px); border-color: #ffcfb1 !important; box-shadow: 0 16px 38px rgba(23,40,70,.11) !important; }
#order-ycw-of .products .product header { min-height: 145px; padding: 25px 20px 17px; background: linear-gradient(135deg,#fff7f1,#fff) !important; }
#order-ycw-of .products .product header > i { display: inline-flex !important; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 16px; background: #fff0e3; color: #ff5900 !important; font-size: 26px !important; margin: 0 0 12px !important; }
#order-ycw-of .products .product[data-product-type="hosting"] header,#order-ycw-of .products .product[data-product-type="microsoft"] header,#order-ycw-of .products .product[data-product-type="storage"] header { background: linear-gradient(135deg,#f0f6ff,#fff) !important; }
#order-ycw-of .products .product[data-product-type="hosting"] header > i,#order-ycw-of .products .product[data-product-type="microsoft"] header > i,#order-ycw-of .products .product[data-product-type="storage"] header > i { color: #3878de !important; background: #e8f1ff; }
#order-ycw-of .products .product[data-product-type="security"] header,#order-ycw-of .products .product[data-product-type="connectivity"] header { background: linear-gradient(135deg,#edf9f2,#fff) !important; }
#order-ycw-of .products .product[data-product-type="security"] header > i,#order-ycw-of .products .product[data-product-type="connectivity"] header > i { color: #299d6f !important; background: #e4f6eb; }
#order-ycw-of .products .product header span[id$="-name"] { display: block; font-size: 16px !important; font-weight: 800; letter-spacing: -.02em; line-height: 1.4; }
#order-ycw-of .products .product .product-pricing { padding: 17px 20px; }
#order-ycw-of .products .product .price { font-size: clamp(22px,2.3vw,30px) !important; font-weight: 800; letter-spacing: -.02em; color: #ff5900 !important; }
#order-ycw-of .products .product .product-desc { flex: 1 1 auto; padding: 18px 20px; }
#order-ycw-of .products .product .product-desc li { margin-bottom: 8px; font-size: 12px; line-height: 1.65; }
#order-ycw-of .products .product footer { margin-top: auto; padding: 16px 20px 20px; background: #fff; }
#order-ycw-of .products .product footer .btn { width: 100%; min-height: 44px; border-radius: 11px !important; }
#order-ycw-of .form-control:focus { border-color: #ffad83 !important; box-shadow: 0 0 0 3px rgba(255,89,0,.1) !important; }
#order-ycw-of .btn:focus-visible,#order-ycw-of a:focus-visible,#order-ycw-of input:focus-visible,#order-ycw-of select:focus-visible { outline: 3px solid rgba(255,89,0,.8) !important; outline-offset: 2px; }
#order-ycw-of :where(.panel-heading,.sub-heading) { border-color: var(--ycw-order-line); }
#order-ycw-of :where(.checkout-security-msg,.alert) { border-radius: 11px; }
#order-ycw-of .order-summary .total-due-today { color: #e9550d; }
@media (max-width: 991px) {
  #order-ycw-of .products .product { min-height: 0; }
  #order-ycw-of .products .product header { min-height: 0; }
}
@media (max-width: 767px) {
  #order-ycw-of .header-lined { margin-bottom: 16px; }
  #order-ycw-of .products .product { margin-bottom: 15px; }
  #order-ycw-of .products .product header { padding: 20px 18px; }
  #order-ycw-of .products .product .product-pricing,#order-ycw-of .products .product .product-desc,#order-ycw-of .products .product footer { padding-left: 18px; padding-right: 18px; }
}
@media (prefers-reduced-motion: reduce) { #order-ycw-of .products .product { transition-duration: .01ms; } #order-ycw-of .products .product:hover { transform: none; } }


/* YCW Order Experience RC2 fixes - 2026-10-08 */
@media (min-width: 1200px) {
  /* Left-align the complete storefront/cart area instead of centering the full block. */
  #order-ycw-of .cart-body,
  #order-ycw .cart-body,
  #order-ycw_of .cart-body,
  #order-standard_cart .cart-body {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #order-ycw-of .secondary-cart-body {
    width: calc(100% - 350px) !important;
    padding-right: 26px !important;
  }
}

#order-ycw-of,
#order-ycw-of .cart-body,
#order-ycw-of .products,
#order-ycw-of .header-lined,
#order-ycw-of .domain-pricing,
#order-ycw-of #DomainSearchResults,
#order-ycw-of .featured-tlds-container {
  text-align: left !important;
}

/* Strengthen domain search result alignment so pricing/buttons do not collapse awkwardly. */
#order-ycw-of #searchDomainInfo,
#order-ycw-of .domain-checker-result-headline {
  text-align: left !important;
}

#order-ycw-of #primaryLookupResult:not(.w-hidden) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px 20px !important;
  width: 100% !important;
}

#order-ycw-of #primaryLookupResult > p {
  margin: 0 !important;
}

#order-ycw-of #primaryLookupResult .domain-available,
#order-ycw-of #primaryLookupResult .domain-unavailable,
#order-ycw-of #primaryLookupResult .domain-invalid,
#order-ycw-of #primaryLookupResult .domain-tld-unavailable,
#order-ycw-of #primaryLookupResult .domain-error {
  flex: 1 1 340px !important;
  text-align: left !important;
}

#order-ycw-of #primaryLookupResult .domain-price {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  text-align: right !important;
}

#order-ycw-of #primaryLookupResult .domain-price .price {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

#order-ycw-of .spotlight-tlds-container,
#order-ycw-of .ycw-domain-pricing-section,
#order-ycw-of .ycw-tld-pricing-card,
#order-ycw-of .tld-pricing-header,
#order-ycw-of .tld-row {
  text-align: left !important;
}

#order-ycw-of .suggested-domains .list-group-item {
  text-align: left !important;
}

#order-ycw-of .suggested-domains .actions {
  margin-left: auto !important;
}

@media (max-width: 767px) {
  #order-ycw-of #primaryLookupResult .domain-price {
    width: 100% !important;
    margin-left: 0 !important;
    justify-content: space-between !important;
    text-align: left !important;
  }
}