/*
 * Azuna order form skin.
 * Loaded after the standard cart bundle and scoped to the WHMCS order form.
 */

:root {
    --az-bg: #05081a;
    --az-bg-2: #0a0e26;
    --az-surface: #0f1532;
    --az-surface-2: #161d44;
    --az-surface-3: #1e2756;
    --az-border: rgba(120, 150, 235, .16);
    --az-border-strong: rgba(120, 150, 235, .28);
    --az-text: #eaeefa;
    --az-text-dim: #aeb9da;
    --az-text-muted: #8490b4;
    --az-brand: #1b398f;
    --az-brand-hi: #2e5bc4;
    --az-accent: #5fa4e8;
    --az-accent-soft: #8ec0f0;
    --az-success: #34d399;
    --az-warning: #fbbf24;
    --az-danger: #fb7185;
    --az-radius: 14px;
    --az-radius-sm: 10px;
    --az-shadow: 0 24px 60px -26px rgba(0, 0, 0, .82);
    --az-glow: 0 0 0 1px rgba(46, 91, 196, .24), 0 18px 60px -28px rgba(27, 57, 143, .9);
}

#order-standard_cart {
    color: var(--az-text);
    font-size: 14px;
}

#order-standard_cart a {
    color: var(--az-accent-soft);
}

#order-standard_cart a:hover,
#order-standard_cart a:focus {
    color: #fff;
    text-decoration: none;
}

#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart .product-title,
#order-standard_cart .product-name {
    color: var(--az-text);
    letter-spacing: 0;
}

#order-standard_cart p,
#order-standard_cart label,
#order-standard_cart p.domain-renewal-desc,
.service-renewals .div-renewal-period-label,
.domain-checker-container p,
.domain-disclaimer-area,
.domain-bulk-options-box {
    color: var(--az-text-dim);
}

#order-standard_cart .header-lined {
    margin-bottom: 26px;
    border-bottom-color: var(--az-border);
}

#order-standard_cart .header-lined p {
    max-width: 760px;
    color: var(--az-text-dim);
    font-size: 15px;
}

#order-standard_cart .sub-heading {
    border-top-color: var(--az-border);
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    color: var(--az-accent-soft);
    background: var(--az-bg-2);
}

#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .card,
#order-standard_cart .sidebar-collapsed,
#order-standard_cart .products .product,
#order-standard_cart .panel,
#order-standard_cart .card,
#order-standard_cart .product-info,
#order-standard_cart .order-summary,
#order-standard_cart .domain-promo-box,
#order-standard_cart .view-cart-tabs,
#order-standard_cart .view-cart-empty,
#order-standard_cart .order-confirmation,
#order-standard_cart .mc-promo,
#order-standard_cart .account-select-container div.account,
#order-standard_cart .cc-input-container,
.domain-checker-container .input-group-box,
.domain-bulk-options-box,
.domain-bulk-domain-well {
    color: var(--az-text);
    background: linear-gradient(180deg, rgba(15, 21, 50, .97), rgba(10, 14, 38, .96));
    border: 1px solid var(--az-border);
    border-radius: var(--az-radius);
    box-shadow: var(--az-shadow);
}

#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header,
#order-standard_cart .panel-heading,
#order-standard_cart .card-header,
#order-standard_cart .products .product header,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
    color: var(--az-text);
    background: rgba(95, 164, 232, .08);
    border-color: var(--az-border);
    border-radius: var(--az-radius) var(--az-radius) 0 0;
}

#order-standard_cart .cart-sidebar .panel-title,
#order-standard_cart .cart-sidebar h3,
#order-standard_cart .sidebar-collapsed h3,
#order-standard_cart .products .product header span {
    color: var(--az-text);
    font-weight: 800;
}

#order-standard_cart .cart-sidebar .list-group,
#order-standard_cart .sidebar-collapsed .list-group {
    border-radius: 0 0 var(--az-radius) var(--az-radius);
}

#order-standard_cart .cart-sidebar .list-group-item,
#order-standard_cart .sidebar-collapsed .list-group-item,
#order-standard_cart .list-group-item,
#order-standard_cart .suggested-domains .list-group-item {
    color: #dce6ff;
    background: rgba(15, 21, 50, .82);
    border-color: var(--az-border);
}

#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar .list-group-item:focus,
#order-standard_cart .sidebar-collapsed .list-group-item:hover,
#order-standard_cart .sidebar-collapsed .list-group-item:focus,
#order-standard_cart .list-group-item:hover,
#order-standard_cart .list-group-item:focus {
    color: #fff;
    background: rgba(95, 164, 232, .12);
}

#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .sidebar-collapsed .list-group-item.active,
#order-standard_cart .list-group-item.active {
    color: #fff;
    background: linear-gradient(135deg, var(--az-brand), var(--az-brand-hi));
    border-color: rgba(142, 192, 240, .36);
}

#order-standard_cart .products {
    margin-top: 4px;
}

#order-standard_cart .products .product {
    overflow: hidden;
    padding: 0;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#order-standard_cart .products .product:hover {
    border-color: var(--az-border-strong);
    box-shadow: var(--az-glow);
    transform: translateY(-2px);
}

#order-standard_cart .products .product header {
    margin: 0;
    padding: 18px 20px;
}

#order-standard_cart .products .product header .qty {
    color: var(--az-accent-soft);
}

#order-standard_cart .products .product div.product-desc {
    padding: 18px 20px;
    color: var(--az-text-dim);
}

#order-standard_cart .products .product div.product-desc p,
#order-standard_cart .products .product div.product-desc li {
    color: var(--az-text-dim);
}

#order-standard_cart .products .product span.feature-value {
    color: var(--az-text);
}

#order-standard_cart .products .product footer {
    padding: 18px 20px;
    color: var(--az-text-dim);
}

#order-standard_cart .products .product div.product-pricing span.price,
#order-standard_cart .order-summary .total-due-today .amt,
#order-standard_cart .view-cart-items .item-price span {
    color: #fff;
    font-weight: 800;
}

#order-standard_cart .order-summary {
    overflow: hidden;
    margin-bottom: 24px;
}

#order-standard_cart .order-summary h2 {
    color: #fff;
    background: linear-gradient(135deg, var(--az-brand), var(--az-brand-hi));
    border-radius: var(--az-radius) var(--az-radius) 0 0;
}

#order-standard_cart .summary-container {
    color: var(--az-text-dim);
    background: transparent;
    border-radius: 0;
}

#order-standard_cart .order-summary .product-name {
    color: #fff;
}

#order-standard_cart .order-summary .product-group,
#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items .item-domain,
#order-standard_cart .view-cart-items .item-price .cycle {
    color: var(--az-text-muted);
}

#order-standard_cart .order-summary .summary-totals,
#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .bordered-totals,
#order-standard_cart .order-summary .recurring-totals,
#order-standard_cart .order-summary .total-due-today-padded,
#order-standard_cart .order-summary .recurring-charges {
    border-color: var(--az-border);
}

#order-standard_cart .view-cart-items-header {
    color: var(--az-text);
    border-radius: var(--az-radius) var(--az-radius) 0 0;
}

#order-standard_cart .view-cart-items {
    border: 1px solid var(--az-border);
    border-top: 0;
    border-radius: 0 0 var(--az-radius) var(--az-radius);
    overflow: hidden;
}

#order-standard_cart .view-cart-items .item {
    color: var(--az-text-dim);
    background: rgba(15, 21, 50, .88);
    border-color: var(--az-border);
}

#order-standard_cart .view-cart-items .item:nth-child(even) {
    background: rgba(22, 29, 68, .82);
}

#order-standard_cart .view-cart-items .item-title {
    color: #fff;
}

#order-standard_cart .empty-cart {
    color: var(--az-text-dim);
}

#order-standard_cart .field,
#order-standard_cart .form-control,
#order-standard_cart select,
#order-standard_cart textarea,
#order-standard_cart .input-group-addon,
#order-standard_cart .input-group-text,
#order-standard_cart .btn-group > .btn-default,
#order-standard_cart .form-control.domain-renewals-filter,
#order-standard_cart .form-control.service-renewals-filter {
    color: var(--az-text);
    background-color: rgba(5, 8, 26, .9);
    border-color: var(--az-border);
    border-radius: 10px;
}

#order-standard_cart .field:focus,
#order-standard_cart .form-control:focus,
#order-standard_cart select:focus,
#order-standard_cart textarea:focus {
    color: #fff;
    background-color: rgba(5, 8, 26, .98);
    border-color: var(--az-brand-hi);
    box-shadow: 0 0 0 3px rgba(46, 91, 196, .22);
}

#order-standard_cart .field::placeholder,
#order-standard_cart .form-control::placeholder {
    color: var(--az-text-muted);
}

#order-standard_cart select option,
#order-standard_cart .form-control option {
    color: var(--az-text);
    background: var(--az-bg-2);
}

#order-standard_cart .prepend-icon .field-icon {
    color: var(--az-text-muted);
}

#order-standard_cart .field-help-text,
#order-standard_cart .info-text-sm,
#order-standard_cart .checkout-security-msg {
    color: var(--az-text-muted);
}

#order-standard_cart .btn,
.domain-checker-container .btn,
.spotlight-tld .btn,
.suggested-domains .btn {
    border-radius: 10px;
    font-weight: 800;
    letter-spacing: 0;
}

#order-standard_cart .btn-primary,
#order-standard_cart .btn-success,
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-order-now,
.domain-checker-container .btn-primary,
.spotlight-tld .btn:not(.domain-contact-support),
.suggested-domains .btn:not(.domain-contact-support) {
    color: #fff;
    background: var(--az-brand);
    border-color: var(--az-brand);
    box-shadow: 0 12px 30px -16px rgba(27, 57, 143, 1), inset 0 1px 0 rgba(255, 255, 255, .16);
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn-order-now:hover,
.domain-checker-container .btn-primary:hover,
.spotlight-tld .btn:not(.domain-contact-support):hover,
.suggested-domains .btn:not(.domain-contact-support):hover {
    color: #fff;
    background: var(--az-brand-hi);
    border-color: var(--az-brand-hi);
}

#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary,
#order-standard_cart .btn-warning,
#order-standard_cart .btn-continue-shopping,
#order-standard_cart .btn-remove-from-cart,
.spotlight-tld .btn.domain-contact-support,
.suggested-domains .btn.domain-contact-support {
    color: var(--az-text);
    background: rgba(95, 164, 232, .08);
    border-color: var(--az-border);
}

#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-secondary:hover,
#order-standard_cart .btn-warning:hover,
#order-standard_cart .btn-continue-shopping:hover,
#order-standard_cart .btn-remove-from-cart:hover,
.spotlight-tld .btn.domain-contact-support:hover,
.suggested-domains .btn.domain-contact-support:hover {
    color: #fff;
    background: rgba(95, 164, 232, .16);
    border-color: var(--az-border-strong);
}

#order-standard_cart .domain-selection-options .option,
#order-standard_cart .panel-addon,
#order-standard_cart .domain-input-group,
#order-standard_cart .apply-credit-container,
#order-standard_cart .view-cart-promotion-code,
#order-standard_cart .view-cart-gateway-checkout,
#order-standard_cart .domain-renewals .domain-renewal,
.domain-checker-container,
.domain-tld-pricing-table-responsive,
.domain-pricing .tld-row,
.spotlight-tld,
.suggested-domains .list-group-item {
    color: var(--az-text-dim);
    background: rgba(15, 21, 50, .88);
    border-color: var(--az-border);
}

#order-standard_cart .domain-selection-options .option:hover,
#order-standard_cart .domain-selection-options .option-selected,
#order-standard_cart .panel-addon:hover,
#order-standard_cart .panel-addon-selected,
#order-standard_cart .account-select-container div.account.active {
    color: #fff;
    background: rgba(95, 164, 232, .12);
    border-color: var(--az-border-strong);
}

#order-standard_cart .panel-addon .panel-body {
    background: transparent;
}

#order-standard_cart .panel-addon .panel-price {
    color: #fff;
    background: rgba(5, 8, 26, .62);
    border-top: 1px solid var(--az-border);
    border-bottom: 1px solid var(--az-border);
}

#order-standard_cart .panel-addon .panel-add,
#order-standard_cart .panel-addon-selected .panel-add {
    color: #fff;
    background: var(--az-brand);
}

#order-standard_cart .domain-checker-available,
#order-standard_cart .transfer-eligible,
.domain-checker-available {
    color: var(--az-success);
}

#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid,
#order-standard_cart .transfer-not-eligible,
.domain-checker-unavailable,
.domain-checker-invalid {
    color: var(--az-danger);
}

#order-standard_cart .transfer-eligible,
#order-standard_cart .transfer-not-eligible {
    background: rgba(15, 21, 50, .9);
    border: 1px solid var(--az-border);
    border-radius: var(--az-radius-sm);
}

.domain-checker-bg {
    background: linear-gradient(180deg, rgba(15, 21, 50, .96), rgba(10, 14, 38, .96));
    border: 1px solid var(--az-border);
    border-radius: var(--az-radius);
    box-shadow: var(--az-glow);
}

.domain-checker-container .input-group-box {
    background: rgba(5, 8, 26, .86);
    border-color: var(--az-border);
}

.domain-checker-result-headline,
#order-standard_cart .domain-checker-result-headline {
    color: var(--az-text);
}

.domain-checker-container .input-group-box .form-control {
    color: var(--az-text);
    background: transparent;
}

.domain-checker-container .input-group-box .form-control::placeholder {
    color: var(--az-text-muted);
}

.tld-filters a,
a.domain-tld-pricing-category {
    color: #dce6ff;
    background: rgba(95, 164, 232, .08);
    border: 1px solid var(--az-border);
    border-radius: 999px;
}

.tld-filters a:hover,
.tld-filters a:focus,
.tld-filters a.active,
a.domain-tld-pricing-category:hover,
a.domain-tld-pricing-category:focus,
a.domain-tld-pricing-category.active {
    color: #fff;
    background: var(--az-brand);
    border-color: var(--az-brand-hi);
}

.domain-pricing .tld-pricing-header,
.domain-pricing .tld-pricing-header div,
.domain-pricing .tld-pricing-header div:nth-child(odd),
.domain-pricing .tld-row.highlighted {
    color: var(--az-text);
    background: rgba(95, 164, 232, .1);
    border-color: var(--az-border);
}

.domain-pricing .tld-row,
.domain-pricing .tld-row div {
    color: var(--az-text-dim);
    border-color: var(--az-border);
}

.domain-pricing .tld-row.no-tlds,
.domain-pricing .no-bg {
    color: var(--az-text-dim);
    background: rgba(15, 21, 50, .72);
}

.spotlight-tld {
    border-radius: var(--az-radius);
    box-shadow: var(--az-shadow);
}

.spotlight-tld span,
.spotlight-tld .results,
.suggested-domains .domain-lookup-suggestions-loader {
    color: var(--az-text-dim);
}

.spotlight-tld .extension,
.suggested-domains .extension,
.suggested-domains .price {
    color: var(--az-accent-soft);
}

.domain-promo-box,
#order-standard_cart .domain-promo-box {
    color: var(--az-text-dim);
    background: linear-gradient(180deg, rgba(15, 21, 50, .96), rgba(10, 14, 38, .96));
    border: 1px solid var(--az-border);
    border-radius: var(--az-radius);
    box-shadow: var(--az-shadow);
}

.domain-promo-box h3,
#order-standard_cart .domain-promo-box h3 {
    color: var(--az-text);
}

.domain-promo-box i,
#order-standard_cart .domain-promo-box i,
.text-primary {
    color: var(--az-accent-soft) !important;
}

.text-warning {
    color: var(--az-warning) !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs {
    border-bottom-color: var(--az-border);
}

#order-standard_cart .view-cart-tabs .nav-tabs a {
    color: var(--az-text-dim);
    background: rgba(95, 164, 232, .05);
    border-color: var(--az-border);
}

#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a:hover {
    color: #fff;
    background: rgba(95, 164, 232, .14);
}

#order-standard_cart .view-cart-tabs .tab-content {
    color: var(--az-text-dim);
    background: rgba(15, 21, 50, .88);
    border-color: var(--az-border);
}

#order-standard_cart .dropdown-menu {
    padding: 8px;
    color: var(--az-text);
    background: linear-gradient(180deg, #121a45 0%, #080d2a 100%);
    border: 1px solid var(--az-border-strong);
    border-radius: var(--az-radius-sm);
    box-shadow: 0 24px 60px -24px rgba(0, 0, 0, .9), 0 0 0 1px rgba(95, 164, 232, .08) inset;
}

#order-standard_cart .dropdown-menu > li > a,
#order-standard_cart .dropdown-menu a {
    color: #dce6ff;
    font-weight: 700;
    border-radius: 8px;
}

#order-standard_cart .dropdown-menu > li > a:hover,
#order-standard_cart .dropdown-menu > li > a:focus,
#order-standard_cart .dropdown-menu a:hover,
#order-standard_cart .dropdown-menu a:focus {
    color: #fff;
    background: rgba(95, 164, 232, .16);
}

#order-standard_cart .cc-input-container .paymethod-info,
#order-standard_cart .cc-input-container .existing-cc-grid {
    color: var(--az-text-dim);
    background: rgba(5, 8, 26, .6);
    border-color: var(--az-border);
}

#order-standard_cart .cc-input-container .paymethod-info:hover {
    color: #fff;
    border-color: var(--az-border-strong);
}

#order-standard_cart .modal-content,
#order-standard_cart .modal-header,
#order-standard_cart .modal-body,
#order-standard_cart .modal-footer {
    color: var(--az-text);
    background: linear-gradient(180deg, rgba(15, 21, 50, .98), rgba(10, 14, 38, .98));
    border-color: var(--az-border);
}

#order-standard_cart .modal-title {
    color: #fff;
}

#order-standard_cart .alert-info,
#order-standard_cart .alert-success,
#order-standard_cart .alert-warning,
#order-standard_cart .alert-danger {
    color: var(--az-text);
    background: rgba(95, 164, 232, .1);
    border-color: var(--az-border);
}

#order-standard_cart .alert-success {
    background: rgba(52, 211, 153, .1);
    border-color: rgba(52, 211, 153, .28);
}

#order-standard_cart .alert-warning {
    background: rgba(251, 191, 36, .1);
    border-color: rgba(251, 191, 36, .28);
}

#order-standard_cart .alert-danger {
    background: rgba(251, 113, 133, .12);
    border-color: rgba(251, 113, 133, .3);
}

#order-standard_cart .mc-promo .headline,
#order-standard_cart .mc-promo .price,
#order-standard_cart .mc-promo .expander {
    color: var(--az-accent-soft);
}

#order-standard_cart .mc-promo .body {
    color: var(--az-text-dim);
    background: transparent;
}

@media only screen and (max-width: 991px) {
    #order-standard_cart .secondary-cart-sidebar {
        width: min(100%, 420px);
    }
}

@media only screen and (max-width: 767px) {
    #order-standard_cart .products .product div.product-desc,
    #order-standard_cart .products .product footer {
        float: none;
        width: 100%;
    }

    #order-standard_cart .products .product footer {
        margin: 0;
        border-top: 1px solid var(--az-border);
    }
}
