/* ZOS Cart visual layer. No cart form, field name or JavaScript behavior is changed. */

@font-face {
    font-family: "Sora";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/sora-400.woff2") format("woff2");
}

@font-face {
    font-family: "Sora";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/sora-600.woff2") format("woff2");
}

@font-face {
    font-family: "Sora";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/sora-700.woff2") format("woff2");
}

#order-standard_cart,
.wilo-purchase-progress {
    --cart-orange: #8a2cf6;
    --cart-orange-strong: #9f4cff;
    --cart-orange-soft: rgba(138, 44, 246, .12);
    --cart-charcoal: #202020;
    --cart-ink: #f5f3f8;
    --cart-muted: #aaa6b2;
    --cart-line: rgba(255, 255, 255, .10);
    --cart-bg: #1b1b1b;
    --cart-success: #52d88a;
    color: var(--cart-ink);
    font-family: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 400;
    letter-spacing: -.025em;
}

#order-standard_cart strong,
#order-standard_cart b,
#order-standard_cart .btn,
.wilo-purchase-progress strong {
    font-weight: 600;
}

.wilo-purchase-progress ol {
    border-color: var(--cart-line);
    background: #242424;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .18);
}

.wilo-purchase-progress ol::before {
    background: rgba(255, 255, 255, .10);
}

.wilo-purchase-progress li {
    color: #87828e;
}

.wilo-purchase-progress li > span {
    color: #aaa6b2;
    border-color: rgba(255, 255, 255, .13);
    background: #1d1d1d;
}

.wilo-purchase-progress li.is-current,
.wilo-purchase-progress li.is-complete {
    color: #f5f3f8;
}

.wilo-purchase-progress li.is-current > span {
    border-color: #8a2cf6;
    box-shadow: 0 0 0 5px rgba(138, 44, 246, .15);
}

.wilo-purchase-progress li.is-complete > span {
    border-color: #8a2cf6;
    background: #8a2cf6;
}

#order-standard_cart .header-lined,
#order-standard_cart .product-info,
#order-standard_cart .sub-heading,
#order-standard_cart hr {
    border-color: var(--cart-line);
}

#order-standard_cart .header-lined h1,
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart .product-title,
#order-standard_cart .panel-title {
    color: #f7f5fa;
}

#order-standard_cart p,
#order-standard_cart .header-lined p,
#order-standard_cart .text-muted,
#order-standard_cart small {
    color: #aaa6b2 !important;
}

#order-standard_cart .panel,
#order-standard_cart .card,
#order-standard_cart .well,
#order-standard_cart .product,
#order-standard_cart .product-info,
#order-standard_cart .product-configurable-options,
#order-standard_cart .domain-selection-options,
#order-standard_cart .view-cart-items,
#order-standard_cart .empty-cart,
#order-standard_cart .summary-container,
#order-standard_cart .order-summary,
#order-standard_cart .checkout-security-msg,
#order-standard_cart .account-select-container,
#order-standard_cart .cc-input-container,
#order-standard_cart .payment-methods,
#order-standard_cart .domain-renewal,
#order-standard_cart .addon-promo-container,
#order-standard_cart .marketconnect-promo {
    color: #efedf2;
    border-color: var(--cart-line);
    background: #242424;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .16);
}

#order-standard_cart .panel-heading,
#order-standard_cart .card-header,
#order-standard_cart .product header,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .order-summary .summary-heading {
    color: #f7f5fa;
    border-color: rgba(255, 255, 255, .08);
    background: #292929;
}

#order-standard_cart .sidebar .panel-heading,
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .wilo-products-menu .panel-heading {
    background: #202020;
}

#order-standard_cart .sidebar .list-group-item,
#order-standard_cart .cart-sidebar .list-group-item,
#order-standard_cart .wilo-products-menu .list-group-item {
    color: #d4d0d9;
    border-color: rgba(255, 255, 255, .08);
    background: #242424;
}

#order-standard_cart .sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .wilo-products-menu .list-group-item:hover {
    color: #fff;
    background: rgba(138, 44, 246, .13);
}

#order-standard_cart .sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .wilo-products-menu .list-group-item.active {
    color: #fff;
    border-color: #8a2cf6;
    background: #8a2cf6;
}

#order-standard_cart .products .product,
#order-standard_cart .product-selector .product,
#order-standard_cart .domain-pricing .tld-row,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .addon-products .panel-addon,
#order-standard_cart .account-select-container > div {
    color: #efedf2;
    border-color: rgba(255, 255, 255, .09);
    background: #242424;
}

#order-standard_cart .products .product:hover,
#order-standard_cart .product-selector .product:hover,
#order-standard_cart .addon-products .panel-addon:hover {
    border-color: rgba(159, 76, 255, .48);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .22);
    transform: translateY(-3px);
}

#order-standard_cart .products .product .product-price,
#order-standard_cart .price,
#order-standard_cart .total-due-today,
#order-standard_cart .amt,
#order-standard_cart .domain-price {
    color: #c48dff;
}

#order-standard_cart .form-control,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="password"],
#order-standard_cart input[type="number"],
#order-standard_cart input[type="tel"],
#order-standard_cart input[type="url"],
#order-standard_cart select,
#order-standard_cart textarea {
    color: #f5f3f8;
    border-color: rgba(255, 255, 255, .12);
    background: #1f1f1f;
    box-shadow: none;
}

#order-standard_cart .form-control:focus,
#order-standard_cart input:focus,
#order-standard_cart select:focus,
#order-standard_cart textarea:focus {
    border-color: #8a2cf6;
    box-shadow: 0 0 0 3px rgba(138, 44, 246, .15);
}

#order-standard_cart .input-group-addon,
#order-standard_cart .input-group-btn .btn,
#order-standard_cart .btn-default {
    color: #ece8f0;
    border-color: rgba(255, 255, 255, .12);
    background: #2a2a2a;
}

#order-standard_cart .btn-primary,
#order-standard_cart .btn-success,
#order-standard_cart .checkout-btn,
#order-standard_cart .domain-checker-available .btn {
    color: #fff;
    border-color: #8a2cf6;
    background: #8a2cf6;
    box-shadow: 0 10px 28px rgba(138, 44, 246, .20);
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart .checkout-btn:hover {
    border-color: #9f4cff;
    background: #9f4cff;
    transform: translateY(-1px);
}

#order-standard_cart table,
#order-standard_cart .table {
    color: #dedbe3;
    background: transparent;
}

#order-standard_cart .table > thead > tr > th,
#order-standard_cart .table > tbody > tr > td,
#order-standard_cart .table > tbody > tr > th,
#order-standard_cart .table > tfoot > tr > td {
    border-color: rgba(255, 255, 255, .08);
}

#order-standard_cart .table > thead > tr > th {
    color: #aaa6b2;
    background: #292929;
}

#order-standard_cart .alert {
    color: #efedf2;
    border-color: rgba(255, 255, 255, .12);
    background: #282828;
}

#order-standard_cart .alert-success {
    border-color: rgba(82, 216, 138, .30);
    background: rgba(82, 216, 138, .10);
}

#order-standard_cart .alert-danger {
    border-color: rgba(255, 104, 122, .30);
    background: rgba(255, 104, 122, .10);
}

#order-standard_cart .icheckbox_square-blue,
#order-standard_cart .iradio_square-blue {
    filter: hue-rotate(52deg) saturate(1.2);
}

#order-standard_cart .modal-content {
    color: #efedf2;
    border-color: rgba(255, 255, 255, .10);
    background: #242424;
}

#order-standard_cart .modal-header,
#order-standard_cart .modal-footer {
    border-color: rgba(255, 255, 255, .08);
}

#order-standard_cart .domain-checker-bg,
#order-standard_cart .product-info,
#order-standard_cart .view-cart-items-header {
    color: #f5f3f8;
    border: 1px solid rgba(159, 76, 255, .26);
    background-color: #242126;
    background-image:
        linear-gradient(rgba(255, 255, 255, .024) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .024) 1px, transparent 1px);
    background-size: 34px 34px;
}

#order-standard_cart .domain-checker-bg .form-control,
#order-standard_cart .domain-checker-bg input {
    background: #1b1b1b;
}

#order-standard_cart .panel-sidebar .panel-title,
#order-standard_cart .cart-sidebar .panel-title,
#order-standard_cart .wilo-products-menu .panel-title {
    color: #fff !important;
}

#order-standard_cart .domain-selection-options .option,
#order-standard_cart .domain-suggestions .domain-suggestion,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .promo-code-form,
#order-standard_cart .order-confirmation {
    color: #efedf2;
    border-color: rgba(255, 255, 255, .10);
    background: #242424;
}

#order-standard_cart .domain-lookup-result,
#order-standard_cart .domain-pricing .tld-row,
#order-standard_cart .domain-renewal {
    border-color: rgba(255, 255, 255, .09);
}

#order-standard_cart .products .product,
#order-standard_cart .product-selector .product,
#order-standard_cart .panel,
.wilo-purchase-progress ol {
    animation: zos-cart-rise .42s ease both;
}

@keyframes zos-cart-rise {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767px) {
    .wilo-purchase-progress ol {
        min-height: 68px;
        padding: 10px 8px;
    }

    .wilo-purchase-progress li > strong {
        display: none;
    }

    #order-standard_cart .wilo-products-menu .panel {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    #order-standard_cart *,
    .wilo-purchase-progress * {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}