/* Wonderweb Client Console / Cart & invoice-forwarding polish — V2.9.
   Scoped to the WHMCS cart and the WHMCS forwardpage only.
   Does not touch cart functionality, payment processing or Paynow verification. */

/* WHMCS's standard_cart selector colors product name spans dark grey even when
   our Wonderweb product header has a dark navy background. Override the span. */
body.ww-portal #order-standard_cart .products .product header,
body.ww-portal #order-standard_cart .products .product header span,
body.ww-portal #order-standard_cart .products .product header span[id$="-name"],
body.ww-portal #order-standard_cart .products .product header .qty {
    color: #ffffff !important;
}
body.ww-portal #order-standard_cart .products .product header span[id$="-name"] {
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    letter-spacing: -.01em;
}
body.ww-portal #order-standard_cart .products .product header .qty {opacity: .85;}

/* Categories / Actions: dark headings on the existing near-white card backgrounds. */
body.ww-portal #order-standard_cart .cart-sidebar .card-sidebar .card-header,
body.ww-portal #order-standard_cart .cart-sidebar .panel-sidebar .panel-heading,
body.ww-portal #order-standard_cart .cart-sidebar .panel .panel-heading,
body.ww-portal #order-standard_cart .cart-sidebar .panel .card-header {
    background: #ffffff !important;
    border-color: #e3e5f1 !important;
    color: #1d2346 !important;
}
body.ww-portal #order-standard_cart .cart-sidebar .panel .panel-heading h3,
body.ww-portal #order-standard_cart .cart-sidebar .panel .panel-heading .panel-title,
body.ww-portal #order-standard_cart .cart-sidebar .panel .card-header h3,
body.ww-portal #order-standard_cart .cart-sidebar .panel .card-header .panel-title,
body.ww-portal #order-standard_cart .cart-sidebar .panel .panel-heading i,
body.ww-portal #order-standard_cart .cart-sidebar .panel .card-header i {
    color: #1d2346 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
body.ww-portal #order-standard_cart .cart-sidebar .panel .panel-heading .panel-title,
body.ww-portal #order-standard_cart .cart-sidebar .panel .card-header .panel-title {
    font-size: 14px !important;
    font-weight: 750 !important;
}
body.ww-portal #order-standard_cart .cart-sidebar .panel .list-group-item:not(.active) {
    color: #343b5d !important;
}
body.ww-portal #order-standard_cart .cart-sidebar .panel .list-group-item.active {
    color: #ffffff !important;
}

/* WHMCS forwardpage.tpl renders a transient page while the original form is
   submitted. Only this page receives wwv29-forwarding, so the full invoice is
   unaffected. Keep the WHMCS forwarding form and $code in the DOM. */
body.wwv29-forwarding .wwv29-transition {
    box-sizing: border-box;
    max-width: 560px;
    width: calc(100% - 24px);
    padding: 49px 25px 43px;
    margin: clamp(34px, 8vh, 85px) auto 30px;
    background: #fff;
    border: 1px solid #e4e5f1;
    border-radius: 22px;
    box-shadow: 0 20px 50px rgba(25, 23, 74, .08);
    color: #1b2044;
    text-align: center;
}
body.wwv29-forwarding .wwv29-transition-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 88px;
    margin: 0 auto 25px;
    background: #f4f0ff;
    border-radius: 24px;
}
body.wwv29-forwarding .wwv29-spinner {
    display: block;
    width: 48px;
    height: 48px;
    border: 5px solid #e4dafc;
    border-top-color: #7047f5;
    border-right-color: #7047f5;
    border-radius: 50%;
    animation: wwv29-spin .78s linear infinite;
}
@keyframes wwv29-spin {to {transform: rotate(360deg)}}
body.wwv29-forwarding .wwv29-transition h1 {
    font-size: clamp(23px, 2.8vw, 30px);
    font-weight: 850;
    color: #171b3d;
    letter-spacing: -.03em;
    margin: 0 0 14px;
}
body.wwv29-forwarding .wwv29-transition p {
    color: #59617d;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 auto 15px;
    max-width: 410px;
}
body.wwv29-forwarding .wwv29-transition-hint {
    display: block;
    color: #6e4dcf;
    font-size: 12px;
    font-weight: 750;
}
/* Visually hide the transient gateway HTML, including Paynow's sticky invoice
   widget. Do not remove its HTML/forms/scripts, which WHMCS may need to forward. */
body.wwv29-forwarding #frmPayment,
body.wwv29-forwarding .wwv29-payment-payload {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    left: -10000px !important;
    top: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
body.wwv29-forwarding .wwpui__sticky,
body.wwv29-forwarding .wwpui__panel,
body.wwv29-forwarding [data-ww-payment-action] {
    display: none !important;
}
@media (prefers-reduced-motion: reduce) {
    body.wwv29-forwarding .wwv29-spinner {animation-duration: 2.5s;}
}
@media (max-width: 575px) {
    body.wwv29-forwarding .wwv29-transition {padding: 37px 17px; border-radius: 17px;}
}