/* ZaynooHost custom WHMCS order form theme */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

#order-standard_cart {
    --zh-bg: #050505;
    --zh-soft: #0b0b0b;
    --zh-panel: #111111;
    --zh-panel-2: #171717;
    --zh-gold: #d5a844;
    --zh-gold-2: #f2cf75;
    --zh-text: #f7f2e8;
    --zh-muted: #b8b0a2;
    --zh-line: rgba(213, 168, 68, .24);
    color: var(--zh-text);
    font-family: "Plus Jakarta Sans", Arial, sans-serif;
    padding: 32px 0 60px;
}

#order-standard_cart .header-lined {
    margin: 0 0 28px;
    padding: 28px;
    border: 1px solid var(--zh-line);
    border-radius: 18px;
    background: radial-gradient(circle at top right, rgba(213,168,68,.13), transparent 44%), linear-gradient(180deg,#141414,#0b0b0b);
}
#order-standard_cart .header-lined h1 { color: var(--zh-text); font-weight: 800; letter-spacing: -.035em; }
#order-standard_cart .header-lined p, #order-standard_cart p, #order-standard_cart label { color: var(--zh-muted); }

#order-standard_cart .zaynoo-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
#order-standard_cart .zaynoo-product-column { min-width: 0; display: flex; }
#order-standard_cart .products .product {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--zh-line);
    border-radius: 18px;
    background: linear-gradient(180deg,#151515,#0b0b0b);
    box-shadow: 0 18px 50px rgba(0,0,0,.24);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
#order-standard_cart .products .product:hover { transform: translateY(-6px); border-color: rgba(242,207,117,.58); box-shadow: 0 24px 70px rgba(0,0,0,.46); }
#order-standard_cart .products .product header {
    min-height: 78px;
    padding: 24px 22px;
    border: 0;
    border-bottom: 1px solid var(--zh-line);
    background: rgba(255,255,255,.025);
    color: var(--zh-gold-2);
    font-size: 1.25rem;
    font-weight: 800;
}
#order-standard_cart .products .product .product-desc { flex: 1; padding: 22px; color: var(--zh-muted); }
#order-standard_cart .products .product .product-desc p { color: var(--zh-muted); }
#order-standard_cart .products .product .product-desc ul { margin: 16px 0 0; padding: 0; list-style: none; }
#order-standard_cart .products .product .product-desc li { padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.06); color: var(--zh-muted); }
#order-standard_cart .products .product .product-desc li:before { content: "\2713"; margin-right: 8px; color: var(--zh-gold-2); font-weight: 800; }
#order-standard_cart .products .product footer { padding: 20px 22px 22px; border: 0; border-top: 1px solid var(--zh-line); background: transparent; }
#order-standard_cart .products .product .product-pricing { color: var(--zh-muted); }
#order-standard_cart .products .product .price { color: var(--zh-gold-2); font-size: 2rem; font-weight: 800; }

#order-standard_cart .btn-success, #order-standard_cart .btn-primary, #order-standard_cart .btn-info,
#order-standard_cart .btn-order-now, #order-standard_cart button[type="submit"], #order-standard_cart input[type="submit"] {
    border: 1px solid var(--zh-gold-2) !important;
    border-radius: 9px !important;
    background: linear-gradient(135deg,var(--zh-gold-2),var(--zh-gold)) !important;
    color: #080603 !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}
#order-standard_cart .btn-default, #order-standard_cart .btn-secondary { border-color: var(--zh-line); background: #151515; color: var(--zh-text); }

#order-standard_cart .panel, #order-standard_cart .card, #order-standard_cart .domain-selection-options .option,
#order-standard_cart .view-cart-items, #order-standard_cart .order-summary, #order-standard_cart .summary-container,
#order-standard_cart .checkout-security-msg, #order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span {
    border-color: var(--zh-line);
    background: var(--zh-panel);
    color: var(--zh-text);
}
#order-standard_cart .panel-heading, #order-standard_cart .card-header, #order-standard_cart .view-cart-items-header {
    border-color: var(--zh-line);
    background: var(--zh-panel-2);
    color: var(--zh-gold-2);
}
#order-standard_cart .list-group-item, #order-standard_cart .sidebar-collapsed, #order-standard_cart .dropdown-menu {
    border-color: var(--zh-line);
    background: var(--zh-panel);
    color: var(--zh-muted);
}
#order-standard_cart .list-group-item.active, #order-standard_cart .list-group-item:hover { border-color: var(--zh-gold); background: rgba(213,168,68,.12); color: var(--zh-gold-2); }
#order-standard_cart .form-control, #order-standard_cart input, #order-standard_cart select, #order-standard_cart textarea {
    border: 1px solid var(--zh-line);
    border-radius: 8px;
    background: #090909;
    color: var(--zh-text);
}
#order-standard_cart .form-control:focus, #order-standard_cart input:focus, #order-standard_cart select:focus, #order-standard_cart textarea:focus {
    border-color: var(--zh-gold);
    box-shadow: 0 0 0 3px rgba(213,168,68,.12);
}
#order-standard_cart a { color: var(--zh-gold-2); }
#order-standard_cart hr, #order-standard_cart .sub-heading { border-color: var(--zh-line); }
#order-standard_cart table, #order-standard_cart td, #order-standard_cart th { border-color: var(--zh-line); color: var(--zh-text); }
#order-standard_cart th { background: var(--zh-panel-2); color: var(--zh-gold-2); }
#order-standard_cart .alert-info { border-color: var(--zh-line); background: rgba(213,168,68,.1); color: var(--zh-text); }

/* Use the full page width everywhere and remove the old category sidebar */
#order-standard_cart > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#order-standard_cart .cart-sidebar,
#order-standard_cart .sidebar-collapsed {
    display: none !important;
}

#order-standard_cart .cart-body {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Shared panels used by configure, domain, cart, renewal and checkout pages */
#order-standard_cart .product-info,
#order-standard_cart .field-container,
#order-standard_cart .account-select-container .account,
#order-standard_cart .domain-selection-options,
#order-standard_cart .domain-config,
#order-standard_cart .addon-products .panel,
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .view-cart-tabs .nav-tabs,
#order-standard_cart .payment-methods,
#order-standard_cart .cc-input-container,
#order-standard_cart .checkout-security-msg,
#order-standard_cart .marketing-email-optin,
#order-standard_cart .order-summary {
    border-color: var(--zh-line) !important;
    background: var(--zh-panel) !important;
    color: var(--zh-text) !important;
}

#order-standard_cart .product-info,
#order-standard_cart .field-container,
#order-standard_cart .domain-selection-options,
#order-standard_cart .domain-config,
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .order-summary {
    border: 1px solid var(--zh-line) !important;
    border-radius: 14px !important;
}

#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item:nth-child(even),
#order-standard_cart .view-cart-empty {
    border-color: var(--zh-line) !important;
    background: var(--zh-panel) !important;
    color: var(--zh-text) !important;
}

#order-standard_cart .view-cart-items .item:hover {
    background: var(--zh-panel-2) !important;
}

#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .cycle,
#order-standard_cart .summary-container,
#order-standard_cart .summary-container span,
#order-standard_cart .order-summary h2 {
    color: var(--zh-text) !important;
}

#order-standard_cart .view-cart-tabs .nav-link {
    border-color: var(--zh-line) !important;
    background: var(--zh-panel-2) !important;
    color: var(--zh-muted) !important;
}

#order-standard_cart .view-cart-tabs .nav-link.active {
    border-color: var(--zh-gold) !important;
    background: var(--zh-panel) !important;
    color: var(--zh-gold-2) !important;
}

#order-standard_cart .view-cart-tabs .tab-content {
    padding: 18px !important;
}

#order-standard_cart #inputPromotionCode,
#order-standard_cart .view-cart-tabs input,
#order-standard_cart .view-cart-tabs select {
    background: #090909 !important;
    color: var(--zh-text) !important;
}

#order-standard_cart .sub-heading {
    margin-top: 28px !important;
    border-color: var(--zh-line) !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading .primary-bg-color {
    border: 1px solid var(--zh-line) !important;
    border-radius: 8px !important;
    background: var(--zh-panel-2) !important;
    color: var(--zh-gold-2) !important;
}

#order-standard_cart .panel-addon .panel-body,
#order-standard_cart .panel-addon .panel-price,
#order-standard_cart .panel-addon .panel-add {
    border-color: var(--zh-line) !important;
    background: var(--zh-panel) !important;
    color: var(--zh-text) !important;
}

#order-standard_cart .panel-addon-selected,
#order-standard_cart .panel-addon:hover {
    border-color: var(--zh-gold) !important;
}

#order-standard_cart .alert-danger {
    border-color: rgba(255,92,92,.35) !important;
    background: rgba(120,20,20,.24) !important;
    color: #ffd1d1 !important;
}

#order-standard_cart .alert-warning {
    border-color: rgba(242,207,117,.35) !important;
    background: rgba(213,168,68,.12) !important;
    color: var(--zh-text) !important;
}

#order-standard_cart .alert-success {
    border-color: rgba(82,210,126,.35) !important;
    background: rgba(25,110,58,.20) !important;
    color: #caffdc !important;
}

#order-standard_cart .field,
#order-standard_cart .prepend-icon .field,
#order-standard_cart .form-control,
#order-standard_cart .custom-select {
    background: #090909 !important;
    color: var(--zh-text) !important;
    border-color: var(--zh-line) !important;
}

#order-standard_cart input::placeholder,
#order-standard_cart textarea::placeholder {
    color: #938b7e !important;
    opacity: 1;
}

#order-standard_cart input[type="checkbox"],
#order-standard_cart input[type="radio"] {
    accent-color: var(--zh-gold);
}

/* Keep the useful order summary beside the main content */
#order-standard_cart .secondary-cart-body {
    width: calc(100% - 330px) !important;
}

#order-standard_cart .secondary-cart-sidebar {
    width: 300px !important;
}

/* Domain registration page */
#order-standard_cart .cart-body.col-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

#order-standard_cart .domain-checker-container,
#order-standard_cart .domain-checker-bg {
    border: 1px solid var(--zh-line) !important;
    border-radius: 18px !important;
    overflow: hidden;
}

#order-standard_cart .domain-checker-bg {
    min-height: 290px !important;
    padding: 78px 24px 28px !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#order-standard_cart .domain-checker-bg .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#order-standard_cart .domain-checker-bg .col-md-8,
#order-standard_cart .domain-checker-bg .col-xs-10 {
    width: 100% !important;
    max-width: 760px !important;
    flex: 0 0 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

#order-standard_cart .input-group-box {
    padding: 6px !important;
    border: 1px solid rgba(242,207,117,.75) !important;
    border-radius: 12px !important;
    background: rgba(5,5,5,.90) !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.42) !important;
}

#order-standard_cart #inputDomain {
    min-height: 48px !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
}

#order-standard_cart #btnCheckAvailability {
    min-width: 120px;
}

#order-standard_cart .captcha-container,
#order-standard_cart .default-captcha {
    margin: 14px auto 0 !important;
    padding: 12px 16px !important;
    border: 1px solid var(--zh-line) !important;
    border-radius: 10px !important;
    background: rgba(5,5,5,.90) !important;
    color: var(--zh-text) !important;
    text-align: center;
}

#order-standard_cart .default-captcha p {
    margin: 0 0 8px !important;
    color: var(--zh-text) !important;
}

#order-standard_cart .default-captcha input {
    display: inline-block !important;
    width: 120px !important;
    height: 38px !important;
    margin-left: 8px !important;
    background: #fff !important;
    color: #111 !important;
}

#order-standard_cart .domain-pricing .bg-white {
    overflow: hidden;
    border: 1px solid var(--zh-line) !important;
    border-radius: 16px !important;
    background: var(--zh-panel) !important;
    color: var(--zh-text) !important;
}

#order-standard_cart .tld-pricing-header {
    border-bottom: 1px solid var(--zh-line) !important;
    background: linear-gradient(135deg,var(--zh-gold-2),var(--zh-gold)) !important;
    color: #080603 !important;
    font-weight: 800 !important;
}

#order-standard_cart .tld-pricing-header > div,
#order-standard_cart .tld-pricing-header .row > div {
    color: #080603 !important;
}

#order-standard_cart .tld-row {
    border-bottom: 1px solid var(--zh-line) !important;
    background: var(--zh-panel) !important;
    color: var(--zh-text) !important;
}

#order-standard_cart .tld-row:nth-child(even) {
    background: var(--zh-panel-2) !important;
}

#order-standard_cart .tld-row strong,
#order-standard_cart .tld-row small,
#order-standard_cart .tld-row div {
    color: var(--zh-text) !important;
}

#order-standard_cart .tld-row strong {
    color: var(--zh-gold-2) !important;
}

/* Remove the grey WHMCS footer from order pages */
body footer.footer,
body section#footer,
body #footer {
    display: none !important;
}

@media (max-width: 1199px) { #order-standard_cart .zaynoo-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 650px) {
    #order-standard_cart { padding-top: 18px; }
    #order-standard_cart .zaynoo-product-grid { grid-template-columns: 1fr; }
    #order-standard_cart .header-lined { padding: 22px 18px; }
    #order-standard_cart .domain-checker-bg { min-height: 250px !important; padding: 48px 12px 20px !important; }
    #order-standard_cart #btnCheckAvailability { min-width: 92px; padding-right: 12px !important; padding-left: 12px !important; }
    #order-standard_cart .default-captcha input { width: 95px !important; }
    #order-standard_cart .secondary-cart-body,
    #order-standard_cart .secondary-cart-sidebar {
        width: 100% !important;
        float: none !important;
    }
}

@media (max-width: 991px) {
    #order-standard_cart .secondary-cart-body,
    #order-standard_cart .secondary-cart-sidebar {
        width: 100% !important;
        float: none !important;
    }
    #order-standard_cart .secondary-cart-sidebar { margin-top: 24px !important; }
}