/**
 * WHMCS Base Order Form Stylesheet edited by coodiv team
 *
 * This stylesheet defines the css rules used by the base order form.
 *
 * @project              WHMCS
 * @cssdoc               version 1.0-pre
 * @package              WHMCS
 * @author               WHMCS Limited <development@whmcs.com>
 * @copyright Copyright (c) WHMCS Limited 2005-2019
 * @license              http://www.whmcs.com/license/
 * @link                 http://www.whmcs.com/
 * @edited by coodiv     https://coodiv.net/      
 */

#order-standard_cart {
    margin: 0;
    padding: 0 0 40px 0;
}

#order-standard_cart .field-container {
    margin: 0 0 30px 0;
}

#order-standard_cart label,
#order-standard_cart p.domain-renewal-desc {
    margin-right: 10px;
    font-weight: 300;
    font-size: 13px;
}

#order-standard_cart .info-text-sm {
    font-size: 0.85em;
    text-align: center;
}

/**
 * Responsive Categories
 */

#order-standard_cart .categories-collapsed {
    margin-top: 20px;
    padding: 4px;
    border-radius: 4px;
}
#order-standard_cart .categories-collapsed select {
    border: 0;
    color: #222;
}

/*
 * Section Dividers
 */

#order-standard_cart .sub-heading {
  height: 0;
  border-top: 1px solid #DDD;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}

#order-standard_cart .sub-heading-borderless {
    height: 0;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    top: -11px;
    font-size: 16px;
    color: #058;
    background-color: #fff;
}

/**
 * Products
 */

#order-standard_cart .products {
    margin: 10px 0;
}

#order-standard_cart .products .product {
    padding: 1px 0 10px 0;
    margin: 0 0 20px 0;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
}

#order-standard_cart .products .product header {
    position: relative;
    padding: 10px 20px;
    margin: 0 1px;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0;
}

#order-standard_cart .products .product header span {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}

#order-standard_cart .products .product header .qty {
    float: right;
    font-size: 0.8em;
    font-style: italic;
    color: #888;
}

#order-standard_cart .products .product div.product-desc {
    float: left;
    padding: 8px 14px;
    font-size: 0.8em;
}

#order-standard_cart .products .product span.feature-value {
    font-weight: bold;
}

#order-standard_cart .products .product div.product-pricing {
    margin-bottom: 10px;
}
#order-standard_cart .products .product div.product-pricing span.price {
    font-size: 1.4em;
}

#order-standard_cart .products .product footer {
    float: right;
    margin: 20px 0;
    width: 40%;
    font-size: 0.8em;
    text-align: center;
}

/*
 * Addon Panels
 */

#order-standard_cart .panel-addon {
    font-size: 0.8em;
    text-align: center;
}
#order-standard_cart .panel-addon:hover {
    cursor: pointer;
}
#order-standard_cart .panel-addon .panel-body {
    border-radius: 4px;
}
#order-standard_cart .panel-addon .panel-body label {
    font-size: 1em;
    font-weight: bold;
    color: #333;
}
#order-standard_cart .panel-addon .panel-price {
    padding: 4px;
    background-color: #e8e8e8;
}
#order-standard_cart .panel-addon .panel-add {
    display: block;
    padding: 4px;
    background-color: #5cb85c;
    color: #fff;
    border-radius: 0 0 4px 4px;
}
#order-standard_cart .panel-addon-selected {
    border-color: #5cb85c;
}
#order-standard_cart .panel-addon-selected .panel-price {
    background-color: #5cb85c;
    color: #fff;
}
#order-standard_cart .panel-addon-selected .panel-add {
    background-color: #ebccd1;
    color: #a94442;
}

/**
 * Domain registration
 */

#order-standard_cart .domain-selection-options {
    display: block;
    text-align: left;
    font-family: Poppins,Helvetica,Arial,sans-serif;
    border-radius: 8px;
    border-bottom: 0;
}

#order-standard_cart .domains-row {
    margin-right: -2px;
    margin-left: -2px;
}
@media (max-width: 767px) {
    #order-standard_cart .domains-row {
        padding-bottom: 5px;
    }
}
#order-standard_cart .domains-row .col-sm-3,
#order-standard_cart .domains-row .col-sm-9,
#order-standard_cart .domains-row .col-xs-2,
#order-standard_cart .domains-row .col-xs-3,
#order-standard_cart .domains-row .col-xs-5,
#order-standard_cart .domains-row .col-xs-7,
#order-standard_cart .domains-row .col-xs-9 {
    padding-right: 2px;
    padding-left: 2px;
}

#order-standard_cart .domain-selection-options .option {
    display: block;
    text-align: left;
    height: 45px;
    line-height: 45px;
    font-family: Poppins,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 100;
    margin-left: 0;
    background: transparent;
    border-bottom: 1px solid #e3e9ec;
    border-radius: 0;
    padding: 0;
}
#order-standard_cart .domain-selection-options .option:first-child {
    border-radius: 8px 8px 0 0;
}
#order-standard_cart .domain-selection-options .domain-selection-options-list .option:last-child {
    margin-bottom: 0;
}
#order-standard_cart .domain-selection-options .option label {
    font-weight: 100;
    font-size: 11px;
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 0 15px;
}
#order-standard_cart .domain-selection-options .option:hover {
    background: #f9f9f9;
}
#order-standard_cart .domain-selection-options .option .iradio_square-blue {
    margin-right: 10px;
}
#order-standard_cart .domain-suggestions .icheckbox_square-green {
    margin-right: 10px;
}

#order-standard_cart .domain-input-group {
    display: none;
    margin: 0;
}
#order-standard_cart .domain-resultat-tab-box {
    display: block;
}
#order-standard_cart .domain-resultat-tab-box .form-control {
    border: 0;
	border-radius: 5px;
}
#order-standard_cart .domain-resultat-tab-box .input-group {
    background: transparent;
}
#order-standard_cart .domain-resultat-tab-box .col-sm-8.col-sm-offset-1 {
    padding-right: 2px;
}
#order-standard_cart .domain-resultat-tab-box .col-sm-2 {
    padding-left: 2px;
}
#order-standard_cart .domain-resultat-tab-box .btn.btn-primary.btn-block {
    height: 44px;
    display: inline-block;
    color: #FFF;
    border: 2px solid #fff;
    border-radius: 5px;
    text-decoration: none !important;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    position: relative;
    margin: 0;
    background: transparent;
    font-weight: 400;
    font-size: 11px;
}
#order-standard_cart .domain-resultat-tab-box .btn.btn-primary.btn-block:after {
    content: '';
    position: absolute;
    right: -62px;
    height: 110px;
    width: 80px;
    background: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.26, 1.54);
    transition: all 0.5s cubic-bezier(0.42, 0, 0.26, 1.54);
    z-index: 0;
    top: -6px;
    transform: rotate(40deg);
}
#order-standard_cart .domain-resultat-tab-box .btn.btn-primary.btn-block:hover::after {
    right: -48px;

}
#order-standard_cart .domain-loading-spinner {
    display: none;
    padding: 30px;
    text-align: center;
}

#order-standard_cart .domain-lookup-primary-loader,
#order-standard_cart .domain-lookup-primary-results {
    margin: 20px 0;
    text-align: center;
}
#order-standard_cart .domain-checker-result-headline,
#order-standard_cart .domain-lookup-primary-results .headline {
    font-size: 1.6em;
    word-wrap: break-word;
}
#order-standard_cart .domain-checker-available {
    color: #5cb85c;
}
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid {
    color: #d9534f;
}
#order-standard_cart .transfer-eligible,
#order-standard_cart .transfer-not-eligible {
    margin: 30px 0 15px;
    padding: 20px;
}
#order-standard_cart .transfer-eligible {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
#order-standard_cart .transfer-not-eligible {
    color: #666;
    background-color: #f6f6f6;
}

#order-standard_cart .domain-suggestions {
    margin-bottom: 20px;
    font-size: 0.8em;
}

#order-standard_cart .domain-add-domain {
    margin: 25px 0;
}

/**
 * Product Configuration
 */

#order-standard_cart .product-info {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin: 0;
    margin-bottom: 20px;
    background-color: #fff;
    font-size: 0.8em;
    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.1);
    border-radius: 10px;
    position: relative;
    padding: 20px 25px 20px 25px;
    border: 1px solid rgba(232, 236, 239, 0.49);
    font-family: Poppins,Helvetica,Arial,sans-serif;
}
#order-standard_cart .product-info .product-title {
    margin: 0;
    font-size: 1.6em;
}

#order-standard_cart .order-summary {
    margin: 0 0 20px 0;
    padding: 0;
    background-color: #666;
    border-bottom: 3px solid #666;
    border-radius: 4px;
}

#order-standard_cart .order-summary h2 {
    margin: 0;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    font-weight: normal;
}

#order-standard_cart .summary-container {
    margin: 0;
    padding: 10px;
    min-height: 100px;
    border-radius: 3px;
    background-color: #f8f8f8;
    font-size: 0.8em;
}

#order-standard_cart .order-summary .product-name {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
}
#order-standard_cart .order-summary .product-group {
    margin: 0 0 5px 0;
    display: block;
    font-style: italic;
}
#order-standard_cart .order-summary .summary-totals {
    margin: 5px 0;
    padding: 5px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#order-standard_cart .order-summary .total-due-today span {
    display: block;
    text-align: left;
    color: #FFF;
    font-weight: 100;
}
#order-standard_cart .order-summary .total-due-today .amt {
    display: block;
    text-align: left;
    color: #FFF;
    font-weight: bold;
}

#order-standard_cart .order-summary .loader {
    position: relative;
    top: 10px;
    height: 0;
    padding-right: 10px;
    text-align: right;
    color: #efefef;
}

/**
 * View Cart
 */

#order-standard_cart .panel-taxes {
    font-size: 0.8em;
}

#order-standard_cart .row-upgrade-credit {
    margin-top: 5px;
}
#order-standard_cart .row-upgrade-credit .item-price {
    font-size: 0.9em;
}

/**
 * Checkout
 */

#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup {
    margin: 0 0 0 10px;
}

#order-standard_cart .checkout-error-feedback {
    margin: 15px 0;
}

#order-standard_cart .apply-credit-container {
    margin: 15px 0;
    padding: 15px;
    background-color: #f2f2f2;
}
#order-standard_cart .apply-credit-container span {
    font-weight: bold;
}
#order-standard_cart .apply-credit-container .radio {
    padding-left: 20px;
    padding-right: 20px;
}
#order-standard_cart .apply-credit-container .iradio_square-blue {
    margin-right: 6px;
}

#order-standard_cart .checkout-security-msg {
    margin: 20px 0;
    padding-left: 75px;
    font-size: 0.8em;
}
#order-standard_cart .checkout-security-msg i {
    float: left;
    margin-left: -48px;
    font-size: 2.8em;
}

/**
 * Form fields
 */

#order-standard_cart .prepend-icon {
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  font-weight: normal;
}
#order-standard_cart .field,
#order-standard_cart .form-control {
    position: relative;
  vertical-align: top;
  border: 1px solid #DDD;
  display: -moz-inline-stack;
  display: inline-block;
  color: #626262;
  outline: none;
  background: #fff;
  height: 36px;
  width: 100%;
  border-radius: 3px;
  font-size: 13px;
}
#order-standard_cart .input-group-lg > .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px 0 0 6px;
}
#order-standard_cart .form-control-qty {
    width: 70px;
    text-align: center;
}
#order-standard_cart .form-control-static-inline {
    display: inline-block;
}
#order-standard_cart .form-control:focus {
  border-color: #ddd;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#order-standard_cart textarea.field {
    height: auto;
}
#order-standard_cart .prepend-icon .field {
    -webkit-appearance: none;
    padding-left: 36px;
}
#order-standard_cart .prepend-icon .field-icon i {
    position: relative;
  font-size: 14px;
}
#order-standard_cart .prepend-icon .field-icon {
  top: 0;
  z-index: 4;
  width: 42px;
  height: 36px;
  color: inherit;
  line-height: 36px;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  pointer-events: none;
}
#order-standard_cart .field-icon i {
    color: #bbb;
}
#order-standard_cart .field[disabled],
#order-standard_cart .field[readonly],
#order-standard_cart .form-control[disabled],
#order-standard_cart .form-control[readonly] {
  background-color: #f8f8f8;
  opacity: 1;
}

#order-standard_cart .field-help-text {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #888;
    font-size: 12px;
}

/**
 * View Cart
 */

#order-standard_cart .view-cart-items-header {
    margin: 0;
    padding: 8px 15px;
    background-color: #058;
    color: #fff;
    font-size: 0.9em;
    border-radius: 4px 4px 0 0;
}
#order-standard_cart .view-cart-items {
    margin: 0 0 20px 0;
    border-bottom: 2px solid #058;
}
#order-standard_cart .view-cart-items .item {
    margin: 0;
    padding: 10px;
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    font-size: 0.8em;
}
#order-standard_cart .view-cart-items .item:nth-child(even) {
    background-color: #f2f2f2;
}
#order-standard_cart .view-cart-items .item span:not(.caret):not(.renewal-price) {
    display: block;
}
#order-standard_cart .view-cart-items .item-title {
    font-size: 1.6em;
}
#order-standard_cart .view-cart-items .item-group {
    color: #a5afb3;
    font-size: 11px;
    font-weight: 100;
}
#order-standard_cart .view-cart-items .item-domain {
    display: inline-block !important;
    background: #D02127;
    color: #FFF;
    padding: 3px 15px;
    margin-top: 7px;
    border-radius: 17px;
    font-size: 10px;
}
#order-standard_cart .view-cart-items .item-price {
    text-align: center;
    border-left: 1px solid #f2f2f2;
}
#order-standard_cart .view-cart-items .item-price span {
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 3px;
}
#order-standard_cart .view-cart-items .item-price .cycle {
    font-size: 0.9em;
    background: #eff4f6;
    padding: 5px;
    border-radius: 8px;
    margin-bottom: 5px;
}
#order-standard_cart .view-cart-items .item-qty {
    text-align: center;
}
#order-standard_cart .view-cart-items .item-qty input {
    margin-bottom: 5px;
    padding: 4px;
    height: auto;
}
#order-standard_cart .view-cart-items .item-qty button {
    font-size: 0.8em;
}

#order-standard_cart .btn-remove-from-cart {
    color: #444;
}
#order-standard_cart .btn-remove-from-cart:hover {
    color: #cc0000;
    text-decoration: none;
}

#order-standard_cart .empty-cart {
    text-align: right;
    margin: -20px 20px 0 0;
    line-height: 1em;
}
#order-standard_cart .empty-cart .btn {
    margin: 0;
    padding: 4px 10px;
    background-color: #058;
    border: 0;
    color: #fff;
    border-radius: 0 0 4px 4px;
}

#order-standard_cart .btn-checkout {
    padding: 15px 34px;
}

#order-standard_cart .order-summary .subtotal {
    margin: 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 11px;
    font-weight: 100;
    letter-spacing: 0.5px;
}
#order-standard_cart .order-summary .subtotal #subtotal {
    font-weight: 500;
}
#order-standard_cart .order-summary .bordered-totals {
    margin: 0 0 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}
#order-standard_cart .order-summary .recurring-totals {
    margin: 5px 0 0 0;
    padding: 0;
}
#order-standard_cart .order-summary .total-due-today-padded {
    margin: 20px 0;
}

#order-standard_cart .order-summary .recurring-charges {
    font-size: 0.9em;
    color: #fff;
    font-style: italic;
    text-align: right;
}

#order-standard_cart .order-summary .btn-continue-shopping {
    color: #fff;
    font-size: 0.9em;
}

#order-standard_cart .view-cart-tabs .promo .form-group {
    margin-bottom: 5px;
}

#order-standard_cart .view-cart-tabs {
    margin: 0 0 20px 0;
}
#order-standard_cart .view-cart-tabs .nav-tabs {
    padding-left: 20px;
    font-size: 0.8em;
}
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a {
    background-color: #f8f8f8;
}
#order-standard_cart .view-cart-tabs .tab-content {
    background-color: #f8f8f8;
    padding: 15px;
}

#order-standard_cart .view-cart-promotion-code {
    margin: 0 0 5px 0;
    padding: 10px 20px;
    background-color: #fff;
    border: 1px dashed #ccc;
    text-align: center;
}

#order-standard_cart .view-cart-gateway-checkout {
    margin: 0 0 20px 0;
    padding: 15px;
    background-color: #e8e8e8;
    border-radius: 4px;
    text-align: center;
}

#order-standard_cart .view-cart-empty {
    padding: 30px 15px;
    text-align: center;
}

/**
 * Completion Page
 */

#order-standard_cart .order-confirmation {
    text-align: center;
}
#order-standard_cart .order-confirmation span {
    font-size: 1.4em;
}
#order-standard_cart .order-confirmation-addon-output {
    margin: 15px 0;
    text-align: center;
}

/**
 * Error Page
 */

.error-heading {
    margin: 30px 0;
    font-size: 1.4em;
    text-align: center;
}

/**
 * Remove Item Modal
 */

#order-standard_cart .modal-title i {
    display: block;
    padding-top: 25px;
}
#order-standard_cart .modal-header,
#order-standard_cart .modal-body,
#order-standard_cart .modal-footer {
    text-align: center !important;
    border: 0;
}
#order-standard_cart .modal-footer {
    padding-bottom: 45px;
}

/**
 * Domain Lookup
 */

#order-standard_cart .express-checkout-buttons .separator {
    margin-left: 70px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.domain-checker-bg {
    padding: 42px 0;
}

.domain-searching {
    color: #ccc;
}

.spotlight-tlds {
    margin: 15px 0;
    padding: 7px 14px;
    background-color: #f8f8f8;
}
.spotlight-tlds-container {
    margin-left: -7px;
    margin-right: -7px;
}
.spotlight-tld-container {
    float: left;
    padding: 7px 7px;
}
.spotlight-tld-container-1 {
    width: 100%;
}
.spotlight-tld-container-2 {
    width: 50%;
}
.spotlight-tld-container-3 {
    width: 33.3%;
}
.spotlight-tld-container-4 {
    width: 25%;
}
.spotlight-tld-container-5 {
    width: 20%;
}
.spotlight-tld-container-6 {
    width: 16.6%;
}
.spotlight-tld-container-7 {
    width: 14.28%;
}
.spotlight-tld-container-8 {
    width: 12.5%;
}

@media screen and (max-width: 991px) {
    .spotlight-tld-container-5,
    .spotlight-tld-container-6 {
        width: 33.3%;
    }
    .spotlight-tld-container-7,
    .spotlight-tld-container-8 {
        width: 25%;
    }
}
@media screen and (max-width: 580px) {
    .spotlight-tld-container-3,
    .spotlight-tld-container-4,
    .spotlight-tld-container-5,
    .spotlight-tld-container-6,
    .spotlight-tld-container-7,
    .spotlight-tld-container-8 {
        width: 50%;
    }
}

.spotlight-tld {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 15px 0;
    height: 112px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    color: #555;
}
.spotlight-tld span {
    display: block;
    padding: 5px 0;
    font-weight: normal;
}
.spotlight-tld .btn:not(.domain-contact-support) {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    background-color: #555;
    border-color: #333;
    color: #fff;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spotlight-tld .btn.domain-contact-support {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff;
    min-width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spotlight-tld .btn span {
    padding: 0;
}
.spotlight-tld .unavailable,
.spotlight-tld .invalid {
    margin: 19px 0;
    background-color: #eee;
    border-color: #ddd;
    color: #bbb;
}
.spotlight-tld .domain-contact-support {
    margin: 19px 0;
}
.spotlight-tld .domain-lookup-spotlight-loader {
    line-height: 47px;
    font-size: 1.4em;
}
.spotlight-tld .results {
    display: none;
}
.spotlight-tld-new {
    width: 60px;
    position: absolute;
    letter-spacing: 1px;
    padding: 3px;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    right: -18px;
    background-color: #2ad588;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.spotlight-tld-sale {
    width: 60px;
    position: absolute;
    letter-spacing: 0;
    padding: 3px;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    right: -18px;
    background-color: #f7d458;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.spotlight-tld-hot {
    width: 60px;
    position: absolute;
    letter-spacing: 0;
    padding: 3px;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    top: 3px;
    right: -18px;
    background-color: #f9615a;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.suggested-domains .panel-heading {
    border-bottom: 2px solid #62cb31;
}
.suggested-domains .domain-lookup-suggestions-loader {
    padding: 30px 20px;
    background-color: #f8f8f8;
    font-size: 0.9em;
    text-align: center;
    opacity: 0.7;
}
.suggested-domains .list-group-item {
    border-left: 0;
    border-right: 0;
    word-wrap: break-word;
}
.suggested-domains .extension {
    font-weight: bold;
}
.suggested-domains .promo.hot {
    padding: 2px 8px;
    background-color: #f9615a;
    color: #fff;
    text-transform: uppercase;
}
.suggested-domains .promo.sale {
    padding: 2px 8px;
    background-color: #f7d458;
    color: #fff;
    text-transform: uppercase;
}
.suggested-domains .promo.new {
    padding: 2px 8px;
    background-color: #2ad588;
    color: #fff;
    text-transform: uppercase;
}
.suggested-domains .actions {
    float: right;
}
.suggested-domains .price {
    padding: 0 20px;
    font-size: 1.2em;
}
.suggested-domains .btn:not(.domain-contact-support) {
    padding: 2px 10px;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;
    background-color: #555;
    border-color: #333;
    color: #fff;
}
.suggested-domains .btn.domain-contact-support {
    padding: 2px 10px;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;
    color: #fff;
}

@media (max-width: 767px) {
    .suggested-domains .list-group-item {
        text-align: center;
    }
    .suggested-domains .actions {
        float: none;
    }
    .suggested-domains .price {
        float: none;
        display: block;
        padding: 3px 0;
    }
    .suggested-domains .list-group-item .btn {
        float: none;
        display: block;
        width: 100%;
    }
}

.domain-promo-box {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e8edef;
    color: #333;
    border-radius: 8px;
    font-family: Poppins,Helvetica,Arial,sans-serif;
    position: relative;
}
.domain-promo-box img {
    width: 50px;
    display: block;
    margin-left: -5px;
    position: relative;
    z-index: 1;
}
.domain-promo-box h3 {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    display: block;
    line-height: 26px;
    margin-top: 20px;
    position: relative;
    margin-bottom: 8px;
}
.domain-promo-box i {
    float: right;
}
.domain-promo-box p {
    margin: -2px 0 3px 0;
    color: #a5afb3;
    font-size: 11px;
    font-weight: 100;
}
.domain-promo-box .btn {
    display: block;
    margin: 30px -20px -21px;
    border-radius: 0 0 8px 8px;
    font-size: 11px;
    font-weight: 100;
    padding: 15px 15px;
}
.domain-promo-box .small {
    margin: 10px 0 0 0;
    color: #999;
}

.btn-transfer {
    min-width: 100px;
}

.slim-alert {
    margin: 0 0 5px 0;
    padding: 5px;
    text-align: center;
}

.domain-suggestions-warning {
    padding: 10px 0;
    font-size: 0.7em;
}

/**
 * Domain Renewals
 */
.form-control.domain-renewals-filter {
    background: url(../../../../assets/img/search.png) #fff no-repeat 8px 5px !important;
    padding: 7px 10px 7px 45px !important;
    height: auto !important;
    width: 200px !important;
    font-size: 13px !important;
    border-radius: 2px !important;
}

.domain-renewals {
    margin: 10px 0;
    border-top: 1px solid #ccc;
    background-color: #f8f8f8;
}
.domain-renewals .domain-renewal {
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #ccc;
}
.domain-renewals .domain-renewal:nth-child(even) {
    background-color: #f4f4f4;
}
.domain-renewals .domain-renewal h3 {
    margin: 0;
}
.domain-renewals .domain-renewal .label {
    border-radius: 3px;
}
.order-summary i.fa-trash {
    opacity: 0.5;
}
.order-summary i.fa-trash:hover {
    opacity: 1;
}

/**
 * -------------------------
 * Order Configure Product Addon Promo Containers
 * -------------------------
 */

#order-standard_cart .addon-promo-container {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #eee;
    font-size: 0.9em;
}
#order-standard_cart .addon-promo-container h3 {
    margin: 0 0 10px 0;
}
#order-standard_cart .addon-promo-container .logo {
    float: right;
    margin: 0 0 10px 20px;
    text-align: right;
    line-height: 100px;
}
#order-standard_cart .addon-promo-container img {
    max-width: 120px;
}
#order-standard_cart .addon-promo-container .description {
    margin: 10px 0;
}
#order-standard_cart .addon-promo-container label {
    margin-top: 3px;
    width: 98%;
}
#order-standard_cart .addon-promo-container a {
    text-decoration: underline;
}

#order-standard_cart .mc-promos {
    margin: 20px auto 30px;
    max-width: 575px;
}

#order-standard_cart .mc-promo {
    margin: 0 0 10px 0;
    border: 1px dashed #ccc;
    border-bottom: 4px solid #9abb3a;
}
#order-standard_cart .mc-promo .cta {
    float: right;
    padding: 3px 10px;
    text-align: center;
}
#order-standard_cart .mc-promo .headline {
    padding-top: 8px;
    font-size: 1.5em;
}
#order-standard_cart .mc-promo .tagline {
    font-size: 1.2em;
    font-weight: 300;
}
#order-standard_cart .mc-promo .header {
    border-bottom: 0;
    height: 70px;
    overflow: hidden;
    cursor: pointer;
}
#order-standard_cart .mc-promo .icon {
    float: left;
    margin: 10px;
    width: 64px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
#order-standard_cart .mc-promo .icon img {
    max-width: 100%;
    max-height: 100%;
}
#order-standard_cart .mc-promo .body {
    padding: 10px 15px;
    border-top: 10px solid #eaeaea;
    background-color: #f8f8f8;
    font-size: 0.85em;
    display: none;
}
#order-standard_cart .mc-promo .body i {
    color: #99bc3a;
    padding-right: 3px;
}
.mc-promo em {
    font-weight: bold;
    font-style: normal;
}
#order-standard_cart .mc-promo .body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#order-standard_cart .mc-promo .body li {
    float: left;
    width: 50%;
}
#order-standard_cart .mc-promo .price {
    padding: 4px 0;
    font-size: 1.15em;
    color: #83a032;
}
#order-standard_cart .mc-promo .btn-add {
    padding: 0;
    background-color: #99bb3a;
    color: #fff;
    font-size: 1em;
}
#order-standard_cart .mc-promo .arrow {
    display: inline-block;
    padding: 2px 8px;
    background-color: #84b436;
}
#order-standard_cart .mc-promo .text{
    display: inline-block;
    padding: 2px 8px;
    font-size: 0.9em;
}
#order-standard_cart .mc-promo .expander {
    float: left;
    width: 28px;
    font-size: 1.5em;
    color: #99bc3a;
    text-align: right;
    line-height: 60px;
    transition: all 2s linear;
}

#order-standard_cart .mc-promo.weebly {
    border-color: #7b7b7b;
}
#order-standard_cart .mc-promo.weebly .btn-add {
    background-color: #7b7b7b;
}
#order-standard_cart .mc-promo.weebly .arrow {
    background-color: #666;
}
#order-standard_cart .mc-promo.weebly .expander,
#order-standard_cart .mc-promo.weebly .price {
    color: #7b7b7b;
}

#order-standard_cart .mc-promo.spamexperts {
    border-color: #56a2da;
}
#order-standard_cart .mc-promo.spamexperts .btn-add {
    background-color: #56a2da;
}
#order-standard_cart .mc-promo.spamexperts .arrow {
    background-color: #4e98d0;
}
#order-standard_cart .mc-promo.spamexperts .expander,
#order-standard_cart .mc-promo.spamexperts .price {
    color: #56a2da;
}

#order-standard_cart .mc-promo.sitelock {
    border-color: #f29f44;
}
#order-standard_cart .mc-promo.sitelock .btn-add {
    background-color: #f29f44;
}
#order-standard_cart .mc-promo.sitelock .arrow {
    background-color: #f08f3d;
}
#order-standard_cart .mc-promo.sitelock .expander,
#order-standard_cart .mc-promo.sitelock .price {
    color: #f29f44;
}

#order-standard_cart .mc-promo .rotate{
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#order-standard_cart .mc-promo .rotate.down{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

/**
 * -------------------------
 * Domain Checker Captchas
 * -------------------------
 */

#order-standard_cart .default-captcha {
    margin: 0 auto 6px auto;
    padding: 10px;
    max-width: 340px;
    background-color: #F9F9F9;
    border: 1px solid #d3d3d3;
    color: #888;
    border-radius: 3px;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    text-align: center;
    font-size: 0.9em;
}
#order-standard_cart .default-captcha-register-margin {
    margin: 18px auto -25px auto;
}

#order-standard_cart .captcha-container p {
    margin-bottom: 5px;
}
#order-standard_cart .captcha-container img {
    margin-top: 3px;
}
#order-standard_cart .captcha-container .form-control {
    height: inherit;
    max-width: 90px;
    text-align: center;
}
#order-standard_cart .mc-promo.sitelockvpn {
    border-color: #555;
}
#order-standard_cart .mc-promo.sitelockvpn .btn-add {
    background-color: #555;
}
#order-standard_cart .mc-promo.sitelockvpn .arrow {
    background-color: #333;
}
#order-standard_cart .mc-promo.sitelockvpn .expander,
#order-standard_cart .mc-promo.sitelockvpn .price {
    color: #555;
}
#order-standard_cart .captcha-container #google-recaptcha {
    width: 304px;
    height: 100px;
    margin-top: 15px;
    margin-bottom: -50px;
}
#order-standard_cart .captcha-container #google-recaptcha.recaptcha-transfer {
    margin-bottom: -20px;
}

@media (max-width: 991px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        padding-left: 2.5%;
        margin-bottom: -25px;
    }
}
@media (max-width: 736px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        margin-bottom: -35px;
        transform: scale(0.935);
        transform-origin: 0 0;
        -webkit-transform: scale(0.935);
        -webkit-transform-origin: 0 0;
    }
}
@media (max-width: 384px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        margin-bottom: -30px;
        transform: scale(0.96);
        transform-origin: 0 0;
    }
}
@media (max-width: 360px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        margin-bottom: -35px;
        transform: scale(0.89);
        transform-origin: 0 0;
    }
}
@media (max-width: 320px) {
    #order-standard_cart .captcha-container #google-recaptcha {
        padding-left: 13.5%;
        margin-bottom: -45px;
        transform: scale(0.83);
        transform-origin: 0 0;
        -webkit-transform: scale(0.785);
        -webkit-transform-origin: 0 0;
    }
}
.coowhm-product .product{
    padding: 40px 20px 100px;
    text-align: center;
    box-shadow: 0 1px 15px 1px rgba(69,65,78,.06);
    border: 1px solid #f1f3f4;
    position: relative;
    background: #fff;
}
.coowhm-product>.row{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.coowhm-product>.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.coowhm-product>.row > [class*='col-']:first-child {
  border-right: 0;
  border-radius: 8px 0 0 8px;
}

.coowhm-product>.row > [class*='col-']:nth-child(3) {
  border-left: 0;
  border-radius: 0 8px 8px 0;
}
.coowhm-product>.row > [class*='col-']:only-child {
  border: 1px solid #f1f3f4;
  border-radius: 8px;
}

.coowhm-product .product.feature-plan{
    transform: scale(1.02, 1.05);
    border-radius: 8px;
    background: #17283a;
    position: relative;
    z-index: 1;
}
.coowhm-product .product header .product-name{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #595c6d;
    font-size: 14px;
}
.coowhm-product .product .product-pricing{
    margin: 10px 0 20px;
    font-weight: 500;
    color: #c0cbd1;
    font-size: 12px;
}
.coowhm-product .product .product-pricing span.price{
    color: #d23743;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: -4px;
    display: block;
}
.coowhm-product .product .product-desc .prod-desc-ul{
    font-weight: 500;
    color: #afbec5;
    line-height: 22px;
    padding-left: 0;
    list-style: none;
    margin-bottom: 30px;
}
.coowhm-product .product .product-desc .prod-desc-div{
    color: #76868d;
    margin-bottom: 30px;
    line-height: 16px;
    font-size: 13px;
}
.coowhm-product .product .product-desc .prod-desc-div p{
    margin-bottom: 0;
}

.coowhm-product .product .product-desc .prod-desc-div .spe-cart-line{
    text-align: left;
    padding: 0 30px;
    font-weight: 500;
    color: #afbec5;
}
.coowhm-product .product .product-desc .prod-desc-div .spe-cart-line span{
    float: right;
    font-weight: 600;
}
.coowhm-product .product .product-desc .prod-desc-div .spe-cart-line span.black{
    color: #37474f;
}
.coowhm-product .product.feature-plan .prod-desc-div .spe-cart-line span.black {
    color: #fff;
}
.coowhm-product .product.feature-plan .prod-desc-div  {
    color: #fff;
}
.coowhm-product .product .product-desc .prod-desc-div .spe-cart-line span.red{
    color: #F44336;
}
.coowhm-product .product .product-desc .prod-desc-div .spe-cart-line span.green{
    color: #8BC34A;
}
.coowhm-product .product .product-desc .prod-desc-ul li{
    text-align: left;
    padding: 4px 30px;   
}
.coowhm-product .product .product-desc .prod-desc-ul li span{
    float: right;
    font-weight: 600;
}
.coowhm-product .product .product-desc .prod-desc-ul li span.green{
    color: #8BC34A;
}
.coowhm-product .product .product-desc .prod-desc-ul li span.red{
    color: #F44336;
}
.coowhm-product .product .product-desc .prod-desc-ul li span.black{
    color: #37474f;
}
.coowhm-product .product .product-desc .prod-desc-ul br{
    display: none
}
.coowhm-product .product .btn.btn-order-coowhm{
    color: #607D8B;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #cbd6db;
    padding: 10px 30px;
    border-radius: 40px;
    margin-bottom: 6px;
    margin-right: 0;
    text-transform: uppercase;
}
.coowhm-product .product footer{
    position: absolute;
    bottom: 0;
    padding: 0 0 40px;
    left: 0;
    right: 0;
}
.coowhm-product .product .btn.btn-order-coowhm:hover{
    color: #fff;
    background: #607D8B;
    border: 1px solid #607D8B;
}
.coowhm-product .product .coowhm-setupFee{
    display: block;
    font-size: 10px;
    opacity: 0.7;
}

.coowhm-product .product.feature-plan header .product-name {
    color: #fff;
}
.coowhm-product .product.feature-plan .product-pricing span.price {
    color: #fff;
}
.coowhm-product .product.feature-plan .product-desc .prod-desc-ul li span.black {
    color: #fff;
}
.coowhm-product .product.feature-plan .btn.btn-order-coowhm {
    color: #3c545f;
    background: #FFF;
    border: 1px solid #fff;
}
.coowhm-product .product.feature-plan .btn.btn-order-coowhm:hover{
    color: #fff;
    background: #607D8B;
    border: 1px solid #607D8B;
}
.coowhm-product .product.feature-plan .coowhm-setupFee {
    opacity: 0.5;
    color: #fff;
}
.coowhm-product{
    padding: 20px 0;
}

#order-standard_cart .domain-selection-options .list-options-domains{
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: -ms-flexbox!important;
    display: flex!important;
	margin-bottom: 40px;
}

#order-standard_cart .domain-selection-options .list-options-domains .option {
    margin-bottom: 2px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: calc(25% - 19px);
    padding: 0;
    margin: 0px 16px 16px 0px;
    border: 1px solid #e3e6e8;
    border-radius: 6px;
    color: #4e5259;
    cursor: pointer !important;
    text-align: center;
	background: #fff;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

#order-standard_cart .domain-selection-options .list-options-domains .option label{
    padding: 35px 10px;
    cursor: pointer;
	transition: all 0.3s ease-in-out;
}

#order-standard_cart .domain-selection-options .list-options-domains .option label span{
    display: block;
    font-size: 11px;
    padding: 10px 5px 10px;
    color: #707c83;
}

#order-standard_cart .domain-selection-options .list-options-domains .option label img{
    width: 90px;
}

#order-standard_cart .domain-selection-options .list-options-domains .option-selected.option label span{
    color: #434a4e;
}

#order-standard_cart .domain-selection-options .list-options-domains .option-selected {
    border-color: transparent;
    box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.06);
	background: #fff;
}
#order-standard_cart .domain-selection-options .list-options-domains .option .iradio_square-blue {
    position: absolute;
    left: -5px;
    top: -5px;
}
#order-standard_cart .order-summary {
    background: rgba(70,24,107,1);
    background: radial-gradient(circle, rgba(245,163,171,1) 0%, rgba(37,24,107,1) 0%, rgba(70,24,107,1) 100%);
    border: 0;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    position: relative;
    overflow: hidden;
	font-family: Poppins,Helvetica,Arial,sans-serif;
}
#order-standard_cart .order-summary:before {
	content: '';
    background-image: url(../img/c-top.png);
    position: absolute;
    width: 447px;
    height: 231px;
    top: 0;
    z-index: 0;
    background-size: cover;
}
#order-standard_cart .order-summary:after {
    content: '';
    background: #fff;
    background-image: url(../img/border.png);
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 5px;
    bottom: -1px;
    background-size: contain;
}
#order-standard_cart .order-summary h2 {
    padding: 15px 10px;
    font-size: 14px;
    position: relative;
}
#order-standard_cart .summary-container {
    padding: 15px 15px;
    border-radius: 0;
    background-color: transparent;
    font-size: 11px;
    border: 0;
	position: relative;
	color: #fff;
}
#order-standard_cart .order-summary .product-name {
    color: #fff;
}
#order-standard_cart .order-summary .product-group {
    font-style: normal;
    color: #cfe1f0;
    font-size: 11px;
}

#order-standard_cart .order-summary .total-due-today {
    font-style: normal;
    color: #7a8c95;
    font-size: 11px;
}

/* The promo block now sits inside .order-summary, above the pay button. On
   checkout.tpl its fields carry `form="frmPromoCode"` instead of being wrapped
   in a <form> (nested forms are illegal), so these rules must not depend on a
   `form` descendant — they key off .promo-code-cart-container itself. */
.promo-code-cart-container {
    margin-bottom: 20px;
}
.promo-code-cart-container form {
    margin: 0;
}

/* Promo control = flex row: input fills the space, red Apply button sits at
   the right edge of the box. `row-reverse` under this RTL page puts the button
   (2nd in DOM) on the RIGHT and the input on the left. This replaces the old
   absolute-position + magic-right-padding hack, which depended on the button's
   rendered width (unknowable without the live font) and so overlapped the
   placeholder. No overlap is possible now — the input simply flexes to whatever
   space the button leaves. Shared by checkout + viewcart, so both match. */
#order-standard_cart .promo-code-cart-container .form-group{
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}

/* Apply button: brand-red pill with the tick icon + label, on the right. */
.promo-code-cart-container .btn-order-embeded{
    flex: 0 0 auto;
    background: var(--brand-red);
    border: 0;
    border-radius: 8px;
    height: 44px;
    padding: 0 16px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #FFF;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .15s ease;
}
.promo-code-cart-container .btn-order-embeded:hover{
    background: #b71c22;
    color: #fff;
}
.promo-code-cart-container .btn-order-embeded i{
    font-size: 10px;
}

#order-standard_cart .promo-code-cart-container .form-control, #order-standard_cart .promo-code-cart-container .field {
    color: #505c61;
    flex: 1 1 auto;
    min-width: 0;                 /* let the input shrink instead of pushing the button out */
    padding: 0 15px;             /* button is a sibling now — no overlap to clear */
    font-size: 11px;
    border-radius: 8px;
	border: 1px solid #e3e9ec;
}

#order-standard_cart .promo-code-cart-container .form-group{
    position: relative;
    margin-bottom: 0;
}

#order-standard_cart .promo-code-cart-container .view-cart-promotion-code {
	position: relative;
    padding: 13px 20px;
    background-color: #D02127;
    border: 1px solid #D02127;
    color: #fff;
    font-size: 11px;
    border-radius: 6px;
    text-align: left;
}

#order-standard_cart .promo-code-cart-container .view-cart-promotion-code .btn-cancel-promo {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    color: #fff;
}

.calcTaxes-cart-container h5{
    font-size: 12px;
    font-weight: 500;
    color: #444b4e;
}

#order-standard_cart .calcTaxes-cart-container .field, #order-standard_cart .calcTaxes-cart-container .form-control {
    font-size: 11px;
    border-radius: 6px;
}

#order-standard_cart .view-cart-items-header.coodiv-version {
    margin: 0;
    padding: 13px 15px;
    background-color: transparent;
    color: #2a3134;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #d5dae1;
    font-weight: 500;
    font-size: 12px;
}

#order-standard_cart .view-cart-items.coodiv-version .item {
    margin: 0;
    margin-bottom: 20px;
    background-color: #fff;
    font-size: 0.8em;
    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.1);
    border-radius: 10px;
    position: relative;
    padding: 20px 25px 0 25px;
    border: 1px solid rgba(232, 236, 239, 0.49);
    font-family: Poppins,Helvetica,Arial,sans-serif;
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer {
    margin: 20px -25px 0;
    border-top: 1px solid #f3f3f3;
    padding: 0 25px;
    position: relative;
    height: 50px;
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .btn-remove-from-cart {
    margin: 0;
    background: #f1697c;
    height: 25px;
    width: 25px;
    color: #FFF;
    font-weight: 100;
    font-size: 10px;
    line-height: 25px;
    border-radius: 30px;
    position: absolute;
    padding: 0;
    text-align: center;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    outline: none !important;
	border: 0;
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .btn-remove-from-cart i,
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .btn-edit-item-cart i {
    margin: 0;
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .btn-remove-from-cart:hover {
    background: #d95a6b;
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .btn-edit-item-cart {
    margin: 0;
    background: #738e9b;
    height: 25px;
    width: 25px;
    color: #fff;
    font-weight: 100;
    padding: 0;
    font-size: 10px;
    line-height: 25px;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 55px;
	text-align: center;
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .btn-edit-item-cart:hover {
    background: #5a707a;
    color: #fff;
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .payment-getway-icons{
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    height: 25px;
    left: 25px;
    z-index: 1;
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .payment-getway-icons i{
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: cover;
	cursor: pointer;
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .payment-getway-icons i.american-express{
    background-image: url(../img/creditcards/american-express.svg);
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .payment-getway-icons i.discover{
    background-image: url(../img/creditcards/discover.svg);
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .payment-getway-icons i.jcb{
    background-image: url(../img/creditcards/jcb.svg);
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .payment-getway-icons i.mastercard{
    background-image: url(../img/creditcards/mastercard.svg);
}
#order-standard_cart .view-cart-items.coodiv-version .item .item-footer .payment-getway-icons i.visa{
    background-image: url(../img/creditcards/visa.svg);
}

#order-standard_cart .view-cart-items.coodiv-version .item-title {
    font-size: 20px;
    color: #40474b;
    line-height: 23px;
    font-weight: 600;
    margin-top: 0;
}

#order-standard_cart .view-cart-items.coodiv-version .item-title .btn {
    font-size: 10px;
    padding: 0px 5px;
    margin-bottom: 0;
}
 
#order-standard_cart .view-cart-items.coodiv-version .item:nth-child(even) {
    background-color: #fff;
}

.btn > i {
    margin-right: 5px;
}

#order-standard_cart .empty-cart.coodiv-version {
    text-align: right;
    margin: 0;
    line-height: 1em;
}

#order-standard_cart .empty-cart.coodiv-version .btn {
    margin: 0;
    background-color: #f06868;
    border: 0;
    color: #fff;
    border-radius: 6px;
    display: block;
    width: 100%;
    padding: 13px 0;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    height: 42px;
}
#order-standard_cart .empty-cart.coodiv-version .btn i{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 42px;
    line-height: 42px;
    width: 42px;
    background: #e46363;
    margin: 0;
}
#order-standard_cart .btn-checkout {
    color: #FFF;
    font-weight: 600;
    border: 2px solid #fff;
    padding: 0;
    border-radius: 20px;
    text-decoration: none !important;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    position: relative;
    width: 100%;
    background: TRANSPARENT;
    font-size: 12px;
    margin: 0;
    margin-top: 30px;
    height: 40px;
    line-height: 33px;
}
#order-standard_cart .btn-checkout i {
    background: #fb4b63;
    width: 28px;
    height: 28px;
    border-radius: 38px;
    color: #fff !important;
    position: absolute;
    text-align: center;
    line-height: 28px;
    right: -2px;
    top: 3px;
}
#order-standard_cart .btn-checkout:before {
    content: '';
    position: absolute;
    left: -40px;
    height: 110px;
    width: 80px;
    background: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.26, 1.54);
    transition: all 0.5s cubic-bezier(0.42, 0, 0.26, 1.54);
    z-index: 0;
    top: -6px;
    transform: rotate(-40deg);
}
#order-standard_cart .btn-checkout:hover::before {
    left: -20px;
}
#order-standard_cart .view-cart-items.coodiv-version {
    margin: 0;
    border-bottom: 0;
}
#order-standard_cart .order-summary .btn-continue-shopping {
    padding: 0;
    margin-top: 5px;
    margin-right: 3px
}
#order-standard_cart .captcha-container .form-control {
    height: 30px;
}
@media screen and (max-width: 991px) {
#order-standard_cart .col-md-12 .categories-collapsed.visible-sm {
    display: none !important;
}
.coowhm-product {
    padding: 20px 20px;
}
.coowhm-product .product {
    width: 100%;
    margin-bottom: 30px;
}
#order-standard_cart .domain-selection-options .list-options-domains .option {
    width: calc(33.33% - 5px);
    margin: 0px 5px 15px 0px;
}
#order-standard_cart .domain-selection-options .list-options-domains .option label {
    padding: 25px 2px;
}
}
#creditCardInputFields{
    margin-bottom: 24px;
    border: 1px solid rgb(230, 232, 236);
    border-radius: 4px;
    background: rgb(246, 247, 248);
    margin-top: 30px;
    padding: 25px 15px;
	font-family: Poppins,Helvetica,Arial,sans-serif;
}
#creditCardInputFields ul{
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}
#creditCardInputFields ul li .radio-inline{
    font-size: 11px;
}
#order-standard_cart .field, #order-standard_cart .form-control {
    width: 100%;
    height: 44px;
    background-color: #fff;
    font-size: 12px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #001955;
    border: 2px solid #f0f2f3;
    border-radius: 4px;
}
#order-standard_cart .prepend-icon .field-icon i {
    font-size: 10px;
    color: #b7cbd4
}
#order-standard_cart .prepend-icon .field-icon {
    height: 44px;
    z-index: 1;
    line-height: 44px;
}
#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span {
    padding: 0 18px;
    font-size: 10px;
    color: #444;
    font-family: Poppins,Helvetica,Arial,sans-serif;
}
#order-standard_cart .sub-heading {
    border-top: 1px solid #ebecf1;
    margin-top: 40px;
    margin-bottom: 45px;
}
#paymentGatewaysContainer .radio-inline {
    display: block;
    padding: 0px 16px 0 52px;
    text-align: left;
    border: 1px solid #e3e9ec;
    border-bottom: 0;
    height: 45px;
    line-height: 45px;
    font-family: Poppins,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 100;
    margin-left: 0;
}
#paymentGatewaysContainer .radio-inline:hover {
    background: #f9f9f9;
}
#paymentGatewaysContainer .radio-inline:first-child {
    border-radius: 8px 8px 0 0;
}
#paymentGatewaysContainer .radio-inline:last-child {
    border-radius: 0 0 8px 8px;
	border-bottom: 1px solid #e3e9ec;
}
#paymentGatewaysContainer .radio-inline .iradio_square-blue {
    position: absolute;
    bottom: 0;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.gateway-icon-cc{
    position: absolute;
    right: 20px;
    top: 51%;
    transform: translateY(-50%);
}
.gateway-icon-cc i{
    font-size: 16px;
    color: #afc0c8;
    line-height: 50px;
}
.gateway-icon-cc:hover i{
    color: #41494d;
}
.cc-input-container #stripeElements .stripe-cards-inputs {
    margin: 0;
    width: 100%;
    padding: 0;
}
.already-registered.new-coowhm {
    display: block;
    text-align: left;
    border: 1px solid #e3e9ec;
    font-family: Poppins,Helvetica,Arial,sans-serif;
    border-radius: 8px;
}
.regi-claaa-box {
	padding: 0 15px;
    position: relative;
}

.regi-claaa-box #containerNewUserSignup:before {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    border: 1px solid #2489c5;
    border-radius: 24px;
    left: 15px;
    top: 14px;
    background: #2489c5;
    z-index: 2;
}
.regi-claaa-box #containerNewUserSignup:after {
    position: absolute;
    top: 17px;
    font-family: 'feather' !important;
    content: "\e83f";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 19px;
    z-index: 2;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
}
.rah-login.regi-claaa-box #containerNewUserSignup:after,.rah-login.regi-claaa-box #containerNewUserSignup:before {
    display: none!important;
}
.activite-logreg-form{
    display: block !important;
    opacity: 1 !important;
    font-weight: 500;
    font-size: 12px;
    padding-left: 30px;
    position: relative;
    margin: 0px !important;
    padding: 15px 27px;
    cursor: pointer;
}
.rah-login .activite-logreg-form {
    display: none!important;
}
.activite-logreg-form .circleactive{
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 19px;
    height: 19px;
    border: 1px solid #cac5bf;
    border-radius: 24px;
    left: 0;
}
.activite-logreg-form:hover .circleactive{
    border: 2px solid #2489c5;
}
.login-claaa-box{
    padding: 0 15px;
    border-bottom: 1px solid #e3e9ec;
    position: relative;
}
.login-claaa-box #containerExistingUserSignin{
    padding: 15px;
    padding: 20px 30px 0px;
}
.login-claaa-box #containerExistingUserSignin:before{
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    border: 1px solid #2489c5;
    border-radius: 24px;
    left: 15px;
    top: 14px;
    background: #2489c5;
    z-index: 2;
}
.login-claaa-box #containerExistingUserSignin:after{
    position: absolute;
    top: 17px;
    font-family: 'feather' !important;
    content: "\e83f";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 19px;
    z-index: 2;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
}
#DomainSearchResults{
    background: rgb(255, 255, 255);
    border: 1px solid rgb(230, 232, 236);
    border-radius: 8px;
    font-family: Poppins,Helvetica,Arial,sans-serif;
    padding: 30px 10px 30px;
    position: relative;
}
#DomainSearchResults .domain-checker-available {
    font-size: 20px;
}
#DomainSearchResults .domain-checker-unavailable {
    font-size: 20px;
}
#DomainSearchResults .domain-checker-unavailable i{
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    border: 2px solid #d9534f;
    color: #d9534f;
    line-height: 47px;
    border-radius: 60px;
    font-size: 25px;
    margin-bottom: 20px;
}
#DomainSearchResults .domain-checker-available i{
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    border: 2px solid #5cb85c;
    color: #5cb85c;
    line-height: 47px;
    border-radius: 60px;
    font-size: 25px;
    margin-bottom: 20px;
}
#DomainSearchResults .domain-price .price{
    display: block;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 50px;
}
#DomainSearchResults .domain-price .btn-add-to-cart{
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 0 0 8px 8px;
    padding: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 100;
    background-color: #5cb85c;
    border: 0;
	outline: none !important;
}
#DomainSearchResults .domain-price .btn-add-to-cart:hover{
    background-color: #469746;
}
#order-standard_cart .domain-pricing{
    margin: 0;
    margin-bottom: 40px;
    background-color: #fff;
    font-size: 0.8em;
    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.1);
    border-radius: 10px;
    position: relative;
    padding: 20px 25px 0 25px;
    border: 1px solid rgba(232, 236, 239, 0.49);
    font-family: Poppins,Helvetica,Arial,sans-serif;
}
#order-standard_cart .domain-pricing h4{
    font-size: 15px;
}
#order-standard_cart .domain-pricing .tld-filters .tld-filters-button{
    padding: 5px 18px;
    border-radius: 20px;
    font-size: 9px;
    border: 1px solid var(--brand-slate);
    background: transparent;
    color: var(--brand-charcoal);
    text-decoration: none !important;
    font-weight: 100;
    margin-right: 4px;
}
#order-standard_cart .domain-pricing .tld-filters .tld-filters-button.label-success{
    background: var(--brand-red);
    border: 1px solid var(--brand-red);
    color: #FFF;
}
#order-standard_cart .domain-pricing .row-table-tld-pricing{
    border: 1px solid #e2eaef;
    margin-bottom: 30px;
    border-radius: 8px;
}
#order-standard_cart .domain-pricing .row-table-tld-pricing .row.tld-pricing-header{
    margin: 0;
}
#order-standard_cart .domain-pricing .row-table-tld-pricing .tld-pricing-header .col-sm-2,
#order-standard_cart .domain-pricing .row-table-tld-pricing .tld-pricing-header .col-sm-4,
#order-standard_cart .domain-pricing .row-table-tld-pricing .tld-pricing-header .col-xs-2,
#order-standard_cart .domain-pricing .row-table-tld-pricing .tld-pricing-header .col-xs-4 {
    padding: 15px 10px;
    border-bottom: 1px solid #ebeff1 !important;
    background: transparent !important;
    text-align: left;
    border-radius: 0;
    font-weight: 500;
    font-size: 11px;
}
#order-standard_cart .domain-pricing .tld-pricing-header div:nth-child(odd) {
    background: transparent !important;
}
.domain-pricing .tld-row {
    margin: 0;
    text-align: left;
}
.domain-pricing .two-row-center {
    border-right: 0;
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
	margin-top: 11px;
    margin-bottom: 11px;
}
.tld-sale-group {
    padding: 1px 9px;
    font-size: 9px;
    border-radius: 15px;
    margin-left: 5px;
}
.register-inforows .col-xs-4{
    margin-top: 11px;
    margin-bottom: 11px;
    padding: 0 10px;
}
.btn.btn-default.btn-xs.dropdown-toggle.domainyarsselect {
    border: 0;
    display: block;
    width: 100%;
    padding: 4px 4px;
    background: #eff4f6;
    border-radius: 8px;
    font-weight: 100;
    font-size: 10px;
    outline: none !important;
}
#order-standard_cart .view-cart-items .item-domain-addons {
    margin-top: 5px;
    color: #96a5ab;
    line-height: 16px;
}
.domainsaddionsbox{
    margin: 0;
    margin-bottom: 40px;
    background-color: #fff;
    font-size: 0.8em;
    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.1);
    border-radius: 10px;
    position: relative;
    padding: 20px 25px 0 25px;
    border: 1px solid rgba(232, 236, 239, 0.49);
    font-family: Poppins,Helvetica,Arial,sans-serif;
}
.domainsaddionsbox .domainsaddionsboxtitle span{
    font-size: 10px;
    display: block;
    margin-top: 5px;
    letter-spacing: 0.2px;
    color: #94a1a8;
}
.domainsaddionsbox-hosting-add{
    display: block;
    margin-bottom: 20px;
    position: relative;
    margin-top: 5px;
}
.domainsaddionsbox-hosting-add .no i{
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.domainsaddionsbox-hosting-add .no a{
    background: #F44336;
    color: #FFF;
    padding: 3px 16px;
    border-radius: 8px;
}
.domainsaddionsbox-hosting-add .yes{
    background: #4CAF50;
    color: #FFF;
    padding: 3px 16px;
    border-radius: 8px;
}
#order-standard_cart .domainsaddionsbox .prepend-icon .field-icon {
    left: 0;
}
#order-standard_cart .domainsaddionsbox .addon-products .panel-addon {
    border-radius: 8px;
    box-shadow: none;
    border: 1px solid #e2eaef;
    padding: 10px 0;
}
#order-standard_cart .domainsaddionsbox .addon-products .panel-addon-selected {
    border: 1px solid #2489c5;
}
#order-standard_cart .domainsaddionsbox .addon-products .panel-addon .chcktoadd {
    display: block;
    text-align: left;
    position: relative;
}
#order-standard_cart .domainsaddionsbox .addon-products .panel-addon .chcktoadd span {
    font-size: 14px;
    color: #40474b;
    font-weight: 600;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}
#order-standard_cart .domainsaddionsbox .addon-products .panel-addon .chcktoaddmore {
    position: absolute;
    right: 25px;
    font-size: 16px;
    top: 10px;
    color: #00BCD4;
    opacity: 0.7;
}
#order-standard_cart .domainsaddionsbox .addon-products .panel-addon .chcktoaddmore:hover {
    opacity: 1;
}
#order-standard_cart .domainsaddionsbox .addon-products .panel-addon .adddomainprice {
    display: block;
    background: #D02127;
    color: #FFF;
    padding: 5px 15px;
    margin-top: 15px;
    border-radius: 17px;
    font-size: 10px;
}
.box-domainnameservers{
    float: left;
    background-color: #fff;
    font-size: 0.8em;
    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.1);
    border-radius: 10px;
    position: relative;
    padding: 20px 10px 20px 10px;
    border: 1px solid rgba(232, 236, 239, 0.49);
    font-family: Poppins,Helvetica,Arial,sans-serif;
    margin: 0 15px 40px;
}
.box-domainnameservers .box-title{
    padding: 0 20px;
    margin-bottom: 30px;
}
.box-domainnameservers .box-title span{
    font-size: 12px;
    display: block;
    margin-top: 5px;
    letter-spacing: 0.2px;
    color: #94a1a8;
    font-weight: 100;
}
#order-standard_cart .product-info .product-title {
    font-weight: bold;
    margin-bottom: 20px;
}
.coowhm-product .product.feature-plan .prod-desc-div{
    color: #FFF;
}
.domain-renewals .domain-renewal {
    padding: 15px;
    border-bottom: 0;
    margin: 11px 0px;
    box-shadow: 0 10px 100px 0 rgba(77, 77, 119, 0.1);
    border-radius: 10px;
    background: #FFF !important;
}
.domain-renewals {
    margin: 10px 0;
    border-top: 0;
    background-color: #fff;
}
#order-standard_cart .col-md-12>.sidebar-collapsed{
    display: none;
}
#order-standard_cart .domain-lookup-result {
	text-align: center;
}
.domain-promo-box .small {
    display: none;
}
#DomainSearchResults {
    margin-bottom: 20px;
}
#order-standard_cart .products .product div.product-desc-full-width {
    width: auto;
}

#order-standard_cart .products .product select {
    width: 100%;
    text-overflow: ellipsis;
}
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
    border-color: #dee2e6 #dee2e6 #f8f8f8;
    background-color: #f8f8f8;
}

/* =========================================================================
   Modern Order-Form Redesign  (per docs/DESIGN_RULEBOOK.md)
   Two-part product card: colored header band + white body + icon CTA.
   ADDITIVE ONLY — existing WHMCS classes/IDs/JS hooks are untouched.
   ========================================================================= */

/* Card shell: clip the bleeding header band to the card's rounded shape */
.coowhm-product .product {
    border-radius: 12px;
    overflow: hidden;
}
.coowhm-product .product.feature-plan {
    border-radius: 12px;
}

/* The redesigned card wrapper (added alongside .clearfix on #product{N}) */
.coowhm-product .product .modern-offer-card {
    display: block;
}

/* ---- Header band -------------------------------------------------------- */
/* Negative margins bleed the band over .product's 40px/20px top padding,
   so it spans the full card width and top edge. */
.coowhm-product .product .offer-header {
    margin: -40px -20px 24px;
    padding: 26px 18px;
    min-height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff;
    text-align: center;
}
.coowhm-product .product .offer-header .product-name {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
}
.coowhm-product .product .offer-header .qty {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 12px;
    border-radius: 40px;
    background: rgba(255, 255, 255, .22);
    backdrop-filter: blur(2px);
}
/* feature-plan keeps its dark body; header still reads on the dark card */
.coowhm-product .product.feature-plan .offer-header .product-name {
    color: #fff;
}

/* ---- Leveled header backgrounds (old offer-<color> -> bg-<family>-lvlN) -- */
.coowhm-product .product .offer-header.bg-primary-lvl1 { background: linear-gradient(135deg, #5b9bff 0%, #3f7ce6 100%); }
.coowhm-product .product .offer-header.bg-primary-lvl2 { background: linear-gradient(135deg, #3f86f5 0%, #2a63d6 100%); }
.coowhm-product .product .offer-header.bg-primary-lvl3 { background: linear-gradient(135deg, #2f6df0 0%, #1f4fc0 100%); }
.coowhm-product .product .offer-header.bg-primary-lvl4 { background: linear-gradient(135deg, #2356c8 0%, #163f9e 100%); }

.coowhm-product .product .offer-header.bg-success-lvl1 { background: linear-gradient(135deg, #54c79a 0%, #2fa877 100%); }
.coowhm-product .product .offer-header.bg-success-lvl2 { background: linear-gradient(135deg, #3bb98a 0%, #1f9466 100%); }
.coowhm-product .product .offer-header.bg-success-lvl3 { background: linear-gradient(135deg, #2ea878 0%, #16805a 100%); }

.coowhm-product .product .offer-header.bg-danger-lvl1  { background: linear-gradient(135deg, #ff7b7b 0%, #e84d4d 100%); }
.coowhm-product .product .offer-header.bg-danger-lvl2  { background: linear-gradient(135deg, #f15a5a 0%, #cc3a3a 100%); }

.coowhm-product .product .offer-header.bg-warning-lvl1 { background: linear-gradient(135deg, #ffc15e 0%, #f59e2e 100%); }
.coowhm-product .product .offer-header.bg-warning-lvl2 { background: linear-gradient(135deg, #f7ad3c 0%, #e08a1a 100%); }

.coowhm-product .product .offer-header.bg-default-lvl1 { background: linear-gradient(135deg, #8a99a6 0%, #6c7c8a 100%); }
.coowhm-product .product .offer-header.bg-default-lvl2 { background: linear-gradient(135deg, #71828f 0%, #54636f 100%); }

/* ---- Body --------------------------------------------------------------- */
.coowhm-product .product .offer-body {
    display: block;
}

/* ---- Modern CTA button (added alongside .btn-order-coowhm) --------------- */
/* Same specificity as the existing .btn-order-coowhm rule but declared later,
   so it wins on shared properties while keeping .btn-order-now for JS. */
#order-standard_cart .btn.btn-buy-modern {
    color: #fff;
    background: var(--grad-indigo);
    border: none;
    box-shadow: 0 6px 16px rgba(32, 53, 112, .26);
    text-transform: none;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
#order-standard_cart .btn.btn-buy-modern i {
    margin-right: 6px;
}
#order-standard_cart .btn.btn-buy-modern:hover {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-indigo-2), var(--brand-indigo));
    border: none;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(32, 53, 112, .34);
}
/* Featured (dark) card: white CTA with dark label for contrast */
#order-standard_cart .product.feature-plan .btn.btn-buy-modern {
    color: var(--brand-indigo);
    background: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .22);
}
#order-standard_cart .product.feature-plan .btn.btn-buy-modern:hover {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-indigo-2), var(--brand-indigo));
}

/* ---- Product-config actions: green continue + back button ----------------
   Mirrors the domain page's .bottom-actions (green success continue + neutral
   white back). Scoped to .coowhm-actions so no other page is affected. The
   continue keeps id #btnCompleteProductConfig (form submit hook) untouched. */
#order-standard_cart .coowhm-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}
#order-standard_cart .coowhm-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    height: 44px;
    min-width: 0;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    text-decoration: none;
    box-sizing: border-box;
}
/* Continue / proceed → green. SHARED across the two bottom-action bars:
   configureproduct (.coowhm-actions) and the domain pages
   (.coowhm-domain .bottom-actions). Overrides the blue base .btn-buy-modern. */
#order-standard_cart .coowhm-actions #btnCompleteProductConfig,
#order-standard_cart .coowhm-actions .btn.btn-buy-modern,
#order-standard_cart.coowhm-domain .bottom-actions .btn-buy-modern,
#order-standard_cart.coowhm-domain .bottom-actions #btnDomainContinue {
    background: var(--grad-success);
    color: #fff;
    border: 0;
    box-shadow: var(--shadow-success);
}
#order-standard_cart .coowhm-actions #btnCompleteProductConfig:hover,
#order-standard_cart .coowhm-actions .btn.btn-buy-modern:hover,
#order-standard_cart.coowhm-domain .bottom-actions .btn-buy-modern:hover,
#order-standard_cart.coowhm-domain .bottom-actions #btnDomainContinue:hover {
    background: var(--brand-success);
    color: #fff;
}
/* Back → neutral outline. SHARED across both bottom-action bars. */
#order-standard_cart .coowhm-actions .coowhm-btn-back,
#order-standard_cart.coowhm-domain .bottom-actions .coowhm-btn-back {
    background: var(--brand-white);
    color: var(--brand-charcoal);
    border: 1px solid var(--brand-slate);
    box-shadow: none;
}
#order-standard_cart .coowhm-actions .coowhm-btn-back:hover,
#order-standard_cart.coowhm-domain .bottom-actions .coowhm-btn-back:hover {
    background: var(--brand-slate-tint);
    color: var(--brand-gunmetal);
    border-color: var(--brand-slate);
    text-decoration: none;
}

/* Intro / error alert icon spacing (per rulebook 2.3) */
#order-standard_cart .alert i {
    margin-right: 6px;
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width: 767px) {
    .coowhm-product .product .offer-header {
        min-height: 78px;
        padding: 20px 16px;
    }
    .coowhm-product .product .offer-header .product-name {
        font-size: 16px;
    }
}

/* ---- Section titles (rulebook 2.5) -------------------------------------- */
#order-standard_cart .section-title {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 22px;
    font-weight: 600;
}
#order-standard_cart .section-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(135deg, #2f6df0 0%, #1f4fc0 100%);
}

/* ---- Uniform button sizing (rulebook 2.4) ------------------------------- */
#order-standard_cart .btn.fixed-size-btn {
    min-width: 190px;
}

/* ---- Addons card grid: modern header band ------------------------------- */
/* Addons use `.products .product` (padding: 1px 0 10px) — a flush full-width
   band, scoped to its own selector so it never affects the cart `.products`. */
#order-standard_cart .products .product .offer-header {
    margin: -1px 0 18px;
    padding: 22px 16px;
    min-height: 84px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff;
    text-align: center;
}
#order-standard_cart .products .product .offer-header span {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
}
#order-standard_cart .products .product .offer-header.bg-primary-lvl1 { background: linear-gradient(135deg, #5b9bff 0%, #3f7ce6 100%); }
#order-standard_cart .products .product .offer-header.bg-primary-lvl2 { background: linear-gradient(135deg, #3f86f5 0%, #2a63d6 100%); }
#order-standard_cart .products .product .offer-header.bg-primary-lvl3 { background: linear-gradient(135deg, #2f6df0 0%, #1f4fc0 100%); }
#order-standard_cart .products .product .offer-header.bg-success-lvl2 { background: linear-gradient(135deg, #3bb98a 0%, #1f9466 100%); }

/* =========================================================================
   Radio-expandable Plan Selector  (per docs/idea.php)
   Used by: products.tpl (plan listing) and configureproduct.tpl (billing cycle).
   Vertical stack of selectable cards; the selected card expands its details.
   ADDITIVE + SCOPED to .coowhm-plans — no existing WHMCS class/ID/JS hook touched.
   Radios carry `.no-icheck` so they stay native (see scripts.js iCheck init),
   which is what makes the pure-CSS `:checked + .card` expand work.
   ========================================================================= */
#order-standard_cart .coowhm-plans {
    /* Mapped to the brand palette (docs/palette.scss). Palette has no gold,
       so the "featured" accent uses brand red, matching the redesign. */
    --cp-primary: var(--brand-indigo);
    --cp-border: var(--brand-slate);
    --cp-text: var(--brand-gunmetal);
    --cp-muted: var(--brand-charcoal);
    --cp-price: var(--brand-red);
    --cp-featured: var(--brand-red);
    --cp-featured-light: var(--brand-red-tint);

    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Each option = <label> wrapping a hidden native radio + the visible card */
#order-standard_cart .coowhm-plans .coowhm-plan {
    display: block;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}
#order-standard_cart .coowhm-plans .coowhm-plan-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

#order-standard_cart .coowhm-plans .coowhm-plan-card {
    background: #fff;
    border: 2px solid var(--cp-border);
    border-radius: 12px;
    transition: border-color .3s ease, box-shadow .3s ease;
    overflow: hidden;
    position: relative;
}
#order-standard_cart .coowhm-plans .coowhm-plan:hover .coowhm-plan-card {
    border-color: var(--brand-lavender);
}

/* Featured / "پیشنهاد ویژه" variant (driven by WHMCS $product.isFeatured) */
#order-standard_cart .coowhm-plans .coowhm-plan-card.is-featured {
    border-color: var(--cp-featured);
    box-shadow: 0 2px 10px rgba(208, 33, 39, .1);
}
#order-standard_cart .coowhm-plans .coowhm-plan:hover .coowhm-plan-card.is-featured {
    box-shadow: 0 4px 15px rgba(208, 33, 39, .2);
}
#order-standard_cart .coowhm-plans .coowhm-plan-badge {
    position: absolute;
    top: 0;
    left: 0; /* RTL: ribbon sits on the far (left) corner */
    background-color: var(--cp-featured);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 12px;
    border-bottom-right-radius: 12px;
}

/* ---- Header row (always visible) --------------------------------------- */
#order-standard_cart .coowhm-plans .coowhm-plan-head {
    display: flex;
    align-items: center;
    padding: 25px;
    gap: 0;
}
#order-standard_cart .coowhm-plans .coowhm-radio {
    width: 22px;
    height: 22px;
    border: 2px solid var(--brand-slate);
    border-radius: 50%;
    margin-left: 15px; /* RTL: spacing between radio (right) and title */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color .2s ease;
}
#order-standard_cart .coowhm-plans .coowhm-radio::after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--cp-primary);
    border-radius: 50%;
    transform: scale(0);
    transition: transform .2s;
}
#order-standard_cart .coowhm-plans .coowhm-plan-card.is-featured .coowhm-radio::after {
    background: var(--cp-featured);
}

#order-standard_cart .coowhm-plans .coowhm-plan-titles {
    flex-grow: 1;
    min-width: 0;
}
#order-standard_cart .coowhm-plans .coowhm-plan-name {
    font-weight: 700;
    font-size: 16px;
    color: var(--cp-primary);
    line-height: 1.35;
}
#order-standard_cart .coowhm-plans .coowhm-plan-card.is-featured .coowhm-plan-name {
    color: var(--cp-featured);
}
#order-standard_cart .coowhm-plans .coowhm-plan-brief {
    font-size: 13px;
    color: var(--cp-muted);
    margin-top: 4px;
}
#order-standard_cart .coowhm-plans .coowhm-plan-price {
    text-align: left; /* RTL: price aligns to the far (left) edge */
    flex-shrink: 0;
    padding-right: 12px;
}
#order-standard_cart .coowhm-plans .coowhm-price-val {
    color: var(--cp-price);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
}
/* Neutralize any inherited/legacy .price styling; keep .price for currency JS */
#order-standard_cart .coowhm-plans .coowhm-price-val .price {
    color: inherit;
    font: inherit;
    display: inline;
    margin: 0;
}
#order-standard_cart .coowhm-plans .coowhm-price-period {
    font-size: 11px;
    color: var(--cp-muted);
}

/* ---- Collapsible details ------------------------------------------------ */
#order-standard_cart .coowhm-plans .coowhm-plan-body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .4s ease, opacity .4s ease, padding .4s ease;
    padding: 0 20px;
    background-color: var(--brand-slate-tint);
    border-top: 1px solid transparent;
}
#order-standard_cart .coowhm-plans .coowhm-plan-card.is-featured .coowhm-plan-body {
    background-color: var(--cp-featured-light);
}
#order-standard_cart .coowhm-plans .coowhm-plan-desc {
    font-size: 13px;
    color: var(--cp-muted);
    padding-top: 15px;
    margin-top: -15px;
}
#order-standard_cart .coowhm-plans .coowhm-features {
    list-style: none;
    margin: 0;
    padding: 15px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px 24px;
    font-size: 13px;
}
#order-standard_cart .coowhm-plans .coowhm-feature {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px dashed var(--dm-card-border);
    padding-bottom: 4px;
}
#order-standard_cart .coowhm-plans .coowhm-plan-card.is-featured .coowhm-feature {
    border-bottom-color: rgba(208, 33, 39, .2);
}
#order-standard_cart .coowhm-plans .coowhm-feature .feature-value {
    color: var(--cp-text);
    font-weight: 500;
}
#order-standard_cart .coowhm-plans .coowhm-feature > span:first-child {
    color: var(--cp-muted);
}
#order-standard_cart .coowhm-plans .coowhm-plan-foot {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 4px 0 18px;
}
#order-standard_cart .coowhm-plans .coowhm-plan-foot .coowhm-setupFee {
    color: var(--cp-muted);
    font-size: 12px;
}

/* ---- Selected (checked) state ------------------------------------------ */
#order-standard_cart .coowhm-plans .coowhm-plan-input:checked + .coowhm-plan-card {
    border-color: var(--cp-primary);
    box-shadow: 0 4px 15px rgba(32, 53, 112, .15);
}
#order-standard_cart .coowhm-plans .coowhm-plan-input:checked + .coowhm-plan-card.is-featured {
    border-color: var(--cp-featured);
    box-shadow: 0 4px 15px rgba(208, 33, 39, .25);
}
#order-standard_cart .coowhm-plans .coowhm-plan-input:checked + .coowhm-plan-card .coowhm-radio {
    border-color: var(--cp-primary);
}
#order-standard_cart .coowhm-plans .coowhm-plan-input:checked + .coowhm-plan-card.is-featured .coowhm-radio {
    border-color: var(--cp-featured);
}
#order-standard_cart .coowhm-plans .coowhm-plan-input:checked + .coowhm-plan-card .coowhm-radio::after {
    transform: scale(1);
}
#order-standard_cart .coowhm-plans .coowhm-plan-input:checked + .coowhm-plan-card .coowhm-plan-body {
    max-height: 600px;
    opacity: 1;
    padding-bottom: 15px;
    border-top-color: var(--cp-border);
}
#order-standard_cart .coowhm-plans .coowhm-plan-input:checked + .coowhm-plan-card.is-featured .coowhm-plan-body {
    border-top-color: rgba(208, 33, 39, .3);
}
/* Keyboard focus visibility (native radio is visually hidden) */
#order-standard_cart .coowhm-plans .coowhm-plan-input:focus + .coowhm-plan-card {
    outline: 2px solid rgba(32, 53, 112, .4);
    outline-offset: 2px;
}

/* ---- Billing-cycle variant (configureproduct.tpl): no expandable body --- */
#order-standard_cart .coowhm-plans.coowhm-plans--cycles {
    max-width: 100%;
}
#order-standard_cart .coowhm-plans--cycles .coowhm-plan-head {
    padding: 16px 20px;
}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width: 575px) {
    #order-standard_cart .coowhm-plans .coowhm-plan-head {
        flex-wrap: wrap;
    }
    #order-standard_cart .coowhm-plans .coowhm-plan-price {
        width: 100%;
        text-align: right;
        padding: 8px 37px 0 0; /* align under the title, past the radio */
    }
    #order-standard_cart .coowhm-plans .coowhm-features {
        grid-template-columns: 1fr;
    }
}

/* =========================================================================
   BRAND PALETTE  (docs/palette.scss → CSS custom properties)
   Single source of truth for colours. Reference via var(--brand-*).
   ========================================================================= */
:root {
    --brand-indigo: #203570;      /* twilight-indigo — primary / selected  */
    --brand-indigo-2: #20346D;    /* gradient depth                        */
    --brand-smart-blue: #5B6A95;  /* secondary blue — CTA gradient start   */
    --brand-lavender: #99A5C3;    /* soft accent / hover                   */
    --brand-slate: #CBCDD9;       /* borders / dividers                    */
    --brand-charcoal: #54585F;    /* muted text                            */
    --brand-gunmetal: #343A40;    /* main text                             */
    --brand-red: #D02127;         /* prices / featured accent              */
    --brand-white: #FFFFFF;
    --brand-offwhite: #FCFCFD;
    --brand-slate-tint: #F5F6F9;  /* panels                                */
    --brand-red-tint: #FBEFEF;    /* danger tint                           */
    /* success — green CTA for "continue / add to cart" (not in base palette,
       approved as a dedicated success token to match the order-form redesign) */
    --brand-success: #1F8A5B;
    --brand-success-2: #2CAA74;
    --brand-success-tint: #E9F6EF;

    /* shared card/divider tokens — used by the header/statusbar re-skin below
       and by the domain re-skin section; kept global so any page that opts
       in (via .coowhm-domain or .coowhm-header-styled) resolves the same
       values instead of getting an undefined var() on non-domain pages. */
    --dm-card-border: #E1E3EC;
    --dm-divider: #EEF0F5;

    /* ---- Component style tokens: single source for the brand's repeated
       gradients + the success-button glow. Previously these literals were
       duplicated across ~20 button/summary/header rules; change them here to
       restyle every occurrence at once. --------------------------------- */
    --grad-indigo: linear-gradient(135deg, var(--brand-indigo), var(--brand-indigo-2));
    --grad-success: linear-gradient(135deg, var(--brand-success-2), var(--brand-success));
    --shadow-success: 0 10px 22px rgba(31, 138, 91, .28);
}

/* =========================================================================
   HEADER + STATUSBAR RE-SKIN  (shared across the order-flow header)
   Scope: the `.header-lined` block on any page that adds the additive class
   `coowhm-header-styled` to it (currently: viewcart.tpl, checkout.tpl,
   configureproduct.tpl), plus `configureproductdomain.tpl` via its existing
   `.coowhm-domain` scope.
   ADDITIVE + presentation-only: no WHMCS id/name/JS-hook is altered.
   ========================================================================= */
/* ---- Section heading (indigo title + gradient underline) ---- */
#order-standard_cart.coowhm-domain .header-lined,
#order-standard_cart .header-lined.coowhm-header-styled {
    border: 0;
    margin-bottom: 22px;
}
#order-standard_cart.coowhm-domain .header-lined h1,
#order-standard_cart .header-lined.coowhm-header-styled h1 {
    font-weight: 800;
    color: var(--brand-indigo);
    position: relative;
    padding-bottom: 12px;
}
#order-standard_cart.coowhm-domain .header-lined h1::after,
#order-standard_cart .header-lined.coowhm-header-styled h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 64px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(135deg, var(--brand-smart-blue), var(--brand-indigo));
}

/* The sidebar dropdown button becomes the design's "cart" pill */
#order-standard_cart.coowhm-domain .show-more-sidebar,
#order-standard_cart .header-lined.coowhm-header-styled .show-more-sidebar {
    background: #EDEFF7;
    color: #3A4A82;
    border: 0;
    border-radius: 30px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
}

/* =========================================================================
   DOMAINS SECTION RE-SKIN  (per OrderForm-Redesign, sections ۰۱-الف … ۰۱-ه)
   Scope: only pages that add class `coowhm-domain` to #order-standard_cart
   (domainregister, domainregisters, domainoptions, configuredomains,
   domaintransfer, domain-renewals). NO other order-form page is touched.
   ADDITIVE + presentation-only: no WHMCS id/name/JS-hook is altered — this
   restyles existing WHMCS classes and a few additive .coowhm-* wrappers.
   ========================================================================= */

/* ---- Reusable card container ---- */
#order-standard_cart.coowhm-domain .coowhm-card {
    background: var(--brand-offwhite);
    border: 1px solid var(--dm-card-border);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(32, 53, 112, .12);
    overflow: hidden;
    margin-bottom: 24px;
}

/* ---- Domain search hero (indigo gradient) ---- */
#order-standard_cart.coowhm-domain .domain-checker-container {
    margin-bottom: 26px;
}
#order-standard_cart.coowhm-domain .domain-checker-bg {
    background: var(--grad-indigo);
    border-radius: 16px;
    padding: 30px 28px;
    box-shadow: 0 20px 60px rgba(32, 53, 112, .16);
}
#order-standard_cart.coowhm-domain .domain-checker-bg .input-group-box {
    background: var(--brand-white);
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
    overflow: hidden;
}
#order-standard_cart.coowhm-domain .domain-checker-bg .input-group-box .form-control {
    border: 0;
    box-shadow: none;
    padding: 14px 16px;
    height: auto;
    font-size: 15px;
    color: var(--brand-gunmetal);
}
#order-standard_cart.coowhm-domain .domain-check-availability {
    background: var(--brand-red);
    border-color: var(--brand-red);
    color: #fff;
    font-weight: 800;
    padding-inline: 26px;
}
#order-standard_cart.coowhm-domain .domain-check-availability:hover,
#order-standard_cart.coowhm-domain .domain-check-availability:focus {
    background: #b71c22;
    border-color: #b71c22;
    color: #fff;
}
#order-standard_cart.coowhm-domain .default-captcha {
    margin-top: 16px;
    color: #000000;
}
#order-standard_cart.coowhm-domain .default-captcha .form-control {
    color: var(--brand-gunmetal);
}

/* ---- Search-result headline (available / unavailable) ---- */
#order-standard_cart.coowhm-domain .domain-checker-result-headline {
    background: var(--brand-white);
    border: 1px solid var(--dm-card-border);
    border-radius: 14px;
    padding: 22px;
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: 700;
}
#order-standard_cart.coowhm-domain .domain-checker-available {
    color: var(--brand-success);
    border-color: #cdeeda;
    background: var(--brand-success-tint);
}
#order-standard_cart.coowhm-domain .domain-checker-unavailable,
#order-standard_cart.coowhm-domain .domain-checker-invalid {
    color: var(--brand-red);
    border-color: #f2d6d7;
    background: var(--brand-red-tint);
}
#order-standard_cart.coowhm-domain .idn-language-selector .form-control {
    border: 1px solid var(--brand-slate);
    border-radius: 9px;
    max-width: 420px;
    margin: 0 auto;
}

/* ---- Add-to-cart / success action buttons (green gradient) ---- */
#order-standard_cart.coowhm-domain .btn-add-to-cart,
#order-standard_cart.coowhm-domain .btn-transfer,
#order-standard_cart.coowhm-domain .btn-add-renewal-to-cart {
    background: var(--grad-success);
    border: 0;
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(31, 138, 91, .26);
}
#order-standard_cart.coowhm-domain .btn-add-to-cart:hover,
#order-standard_cart.coowhm-domain .btn-transfer:hover,
#order-standard_cart.coowhm-domain .btn-add-renewal-to-cart:hover {
    background: var(--brand-success);
    color: #fff;
}
/* the page-level continue button (shared class) → green within domain scope */
#order-standard_cart.coowhm-domain .btn-buy-modern {
    background: var(--grad-success);
    border: 0;
    box-shadow: var(--shadow-success);
}
#order-standard_cart.coowhm-domain .domain-price .price {
    color: var(--brand-indigo);
    font-weight: 800;
}

/* ---- Spotlight TLDs & suggested domains ---- */
#order-standard_cart.coowhm-domain .spotlight-tld {
    border: 1px solid var(--dm-card-border);
    border-radius: 12px;
    background: var(--brand-white);
}
#order-standard_cart.coowhm-domain .suggested-domains {
    border: 1px solid var(--dm-card-border);
    border-radius: 14px;
    overflow: hidden;
    background: var(--brand-white);
    margin-bottom: 24px;
}
#order-standard_cart.coowhm-domain .suggested-domains .panel-heading,
#order-standard_cart.coowhm-domain .suggested-domains .card-header {
    background: var(--brand-slate-tint);
    color: var(--brand-indigo);
    font-weight: 700;
    border-bottom: 1px solid var(--dm-divider);
}
#order-standard_cart.coowhm-domain .domain-suggestion.list-group-item {
    border: 0;
    border-bottom: 1px solid var(--dm-divider);
}
#order-standard_cart.coowhm-domain .domain-suggestion .price {
    color: var(--brand-success);
    font-weight: 600;
}

/* ---- TLD pricing table ---- */
#order-standard_cart.coowhm-domain .domain-pricing h4 {
    color: var(--brand-indigo);
    font-weight: 800;
}
#order-standard_cart.coowhm-domain .tld-filters .badge,
#order-standard_cart.coowhm-domain .tld-filters .tld-filters-button {
    background: var(--brand-white);
    border: 1px solid var(--brand-slate);
    color: var(--brand-charcoal);
    border-radius: 20px;
    padding: 6px 13px;
    margin: 3px;
    font-weight: 500;
}
#order-standard_cart.coowhm-domain .tld-filters .badge.active,
#order-standard_cart.coowhm-domain .tld-filters .tld-filters-button.active {
    background: var(--brand-indigo);
    border-color: var(--brand-indigo);
    color: #fff;
}
#order-standard_cart.coowhm-domain .tld-pricing-header {
    background: var(--brand-indigo);
    color: #fff;
    border-radius: 12px 12px 0 0;
    font-weight: 700;
    overflow: hidden;   /* clip the cell fills below to the rounded top corners */
}
/* Pin every header cell to indigo so all three price columns (register /
   transfer / renewal) render blue with white text. This overrides the legacy
   `.tld-pricing-header div:nth-child(odd){background:transparent!important}`
   rule (line ~2417) that left the cells relying on the ancestor's colour
   showing through — under some Bootstrap builds the white .bg-white table
   body bled through one cell, giving white text on a white background. */
#order-standard_cart.coowhm-domain .domain-pricing .tld-pricing-header div {
    background: var(--brand-indigo) !important;
    color: #fff;
}
#order-standard_cart.coowhm-domain .tld-row {
    border-bottom: 1px solid var(--dm-divider);
}
#order-standard_cart.coowhm-domain .tld-row strong {
    color: var(--brand-indigo);
}

/* ---- Promo boxes on the search page ---- */
#order-standard_cart.coowhm-domain .domain-promo-box {
    border: 1px solid var(--dm-card-border);
    border-radius: 14px;
    background: var(--brand-white);
    padding: 22px;
    box-shadow: 0 8px 30px rgba(77, 77, 119, .05);
}

/* =========================================================================
   configuredomains.tpl  (۰۱-ج)
   ========================================================================= */
#order-standard_cart.coowhm-domain .domainsaddionsbox {
    border: 1px solid var(--dm-card-border);
    border-radius: 14px;
    padding: 20px 22px;
    margin-bottom: 20px;
    background: var(--brand-white);
}
#order-standard_cart.coowhm-domain .domainsaddionsboxtitle {
    font-size: 18px;
    font-weight: 800;
    color: var(--brand-indigo);
}
#order-standard_cart.coowhm-domain .domainsaddionsboxtitle span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--brand-charcoal);
    margin-top: 4px;
}
#order-standard_cart.coowhm-domain .domainsaddionsbox-hosting-add .no a {
    display: inline-block;
    background: var(--brand-red-tint);
    color: var(--brand-red);
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 9px;
    text-decoration: none;
}
#order-standard_cart.coowhm-domain .domainsaddionsbox-hosting-add .yes {
    display: inline-block;
    background: var(--brand-success-tint);
    color: var(--brand-success);
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 9px;
}
/* Addon panels. The legacy block (#order-standard_cart .domainsaddionsbox
   .addon-products .panel-addon ..., 1 id + 4-5 classes) hard-codes off-brand
   colours: border #e2eaef, selected border #2489c5, label #40474b, info icon
   #00BCD4. Each brand rule below matches the legacy specificity + .coowhm-domain
   so the palette wins. */
#order-standard_cart.coowhm-domain .domainsaddionsbox .addon-products .panel-addon {
    border: 1.5px solid var(--dm-card-border);
    border-radius: 12px;
    box-shadow: none;
    transition: border-color .15s ease, background-color .15s ease;
}
#order-standard_cart.coowhm-domain .domainsaddionsbox .addon-products .panel-addon.panel-addon-selected {
    border-color: var(--brand-indigo);
    background: var(--brand-slate-tint);
}
#order-standard_cart.coowhm-domain .domainsaddionsbox .addon-products .panel-addon .chcktoadd span {
    font-weight: 700;
    color: var(--brand-gunmetal);
}
#order-standard_cart.coowhm-domain .domainsaddionsbox .addon-products .panel-addon .chcktoaddmore {
    color: var(--brand-indigo);
    opacity: .6;
}
#order-standard_cart.coowhm-domain .domainsaddionsbox .addon-products .panel-addon .chcktoaddmore:hover {
    opacity: 1;
}
/* Addon price pill. The legacy rule (#order-standard_cart .domainsaddionsbox
   .addon-products .panel-addon .adddomainprice, 1 id + 4 classes) hard-codes an
   off-brand teal (#D02127); this selector adds .domainsaddionsbox .addon-products
   .panel-addon (1 id + 5 classes) so the brand palette wins. */
#order-standard_cart.coowhm-domain .domainsaddionsbox .addon-products .panel-addon .adddomainprice {
    display: inline-block;
    background: var(--brand-success-tint);
    color: var(--brand-success);
    font-weight: 700;
    font-size: 12px;
    padding: 4px 12px;
    margin-top: 12px;
    border-radius: 20px;
}
#order-standard_cart.coowhm-domain .box-domainnameservers {
    border: 1px solid var(--dm-card-border);
    border-radius: 14px;
    padding: 20px 22px;
    background: var(--brand-white);
    margin-bottom: 24px;
}
#order-standard_cart.coowhm-domain .box-domainnameservers .box-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--brand-indigo);
    display: block;
    margin-bottom: 18px;
}
#order-standard_cart.coowhm-domain .box-domainnameservers .box-title span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: var(--brand-charcoal);
    margin-top: 6px;
}

/* =========================================================================
   domaintransfer.tpl  (۰۱-ه)
   ========================================================================= */
#order-standard_cart.coowhm-domain .panel {
    border: 1px solid var(--dm-card-border);
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(32, 53, 112, .08);
    overflow: hidden;
}
#order-standard_cart.coowhm-domain .panel .panel-heading {
    background: var(--brand-slate-tint);
    border-bottom: 1px solid var(--dm-divider);
    color: var(--brand-indigo);
}
#order-standard_cart.coowhm-domain .panel .panel-title {
    font-weight: 700;
    color: var(--brand-indigo);
}
#order-standard_cart.coowhm-domain .panel .panel-footer {
    background: var(--brand-slate-tint);
    border-top: 1px solid var(--dm-divider);
}

/* =========================================================================
   domain-renewals.tpl  (۰۱-د)
   ========================================================================= */
#order-standard_cart.coowhm-domain .domain-renewal {
    border: 1px solid #E8ECEF;
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 14px;
    background: var(--brand-white);
    box-shadow: 0 8px 30px rgba(77, 77, 119, .05);
}
#order-standard_cart.coowhm-domain .domain-renewal h3 {
    font-weight: 800;
    color: var(--brand-indigo);
}
#order-standard_cart.coowhm-domain #orderSummary .order-summary,
#order-standard_cart.coowhm-domain #orderSummary {
    border-radius: 14px;
    overflow: hidden;
}
#order-standard_cart.coowhm-domain #orderSummary .order-summary h2 {
    background: var(--grad-indigo);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    padding: 15px 18px;
}
#order-standard_cart.coowhm-domain #orderSummary .summary-container {
    background: var(--brand-white);
    padding: 16px 18px;
}
#order-standard_cart.coowhm-domain #btnGoToCart {
    background: var(--grad-success);
    border: 0;
    color: #fff;
    font-weight: 700;
    border-radius: 12px;
    box-shadow: var(--shadow-success);
    width: stretch;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

/* ---- Bottom action buttons: identical shape, only colour differs -------
   Bootstrap's .btn-lg / .fixed-size-btn otherwise give the continue button
   different padding/radius than the plain .coowhm-btn-back link, so both are
   forced to the same box model here regardless of which Bootstrap classes
   they also carry. ---------------------------------------------------- */
#order-standard_cart.coowhm-domain .bottom-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    min-width: 150px;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    text-decoration: none;
    box-sizing: border-box;
}
/* The green continue + neutral back skins for this bottom bar are defined once
   in the shared .coowhm-actions rule above (grouped with the domain scope). */

@media (max-width: 767px) {
    #order-standard_cart.coowhm-domain .domain-checker-bg {
        padding: 20px 16px;
    }
    #order-standard_cart.coowhm-domain .coowhm-card {
        border-radius: 12px;
    }
}

/* =========================================================================
   domainoptions.tpl  (۰۱-ب availability result fragment)
   Self-contained scope: this partial is injected into different containers,
   so it does NOT rely on the .coowhm-domain parent. Presentation-only.
   ========================================================================= */
.coowhm-domain-result {
    max-width: 760px;
    margin: 0 auto;
}
.coowhm-domain-result .domain-checker-result-headline {
    border: 1px solid #E1E3EC;
    border-radius: 14px;
    padding: 20px 22px;
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.coowhm-domain-result .domain-checker-available {
    color: var(--brand-success);
    background: var(--brand-success-tint);
    border-color: #cdeeda;
}
.coowhm-domain-result .domain-checker-unavailable {
    color: var(--brand-red);
    background: var(--brand-red-tint);
    border-color: #f2d6d7;
}
.coowhm-domain-result .sub-heading {
    font-weight: 700;
    color: var(--brand-indigo);
    margin: 22px 0 12px;
}
.coowhm-domain-result .domain-suggestions .col-sm-6 {
    background: var(--brand-white);
    border: 1px solid #E1E3EC;
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 10px;
}
.coowhm-domain-result .alert-info {
    background: var(--brand-slate-tint);
    border: 1px solid #E1E3EC;
    color: var(--brand-charcoal);
    border-radius: 10px;
}
.coowhm-domain-result .btn-primary.btn-lg[type="submit"] {
    background: var(--grad-success);
    border: 0;
    color: #fff;
    font-weight: 700;
    border-radius: 12px;
    padding: 13px 34px;
    box-shadow: var(--shadow-success);
}

/* =========================================================================
   configureproductdomain.tpl  (docs/configureproductdomain.php mockup)
   Full redesign: step bar + indigo hero search + choice-cards + suggestion
   cards + TLD chips + green continue. Brand palette only. Presentation-only:
   preserves JS hooks (.option/.option-selected, .domain-input-group #domain*,
   radios name=domainoption, #btnDomainContinue, suggestion/spotlight hooks).
   ID-scoped to beat the general .coowhm-domain rules where the mockup differs.
   ========================================================================= */

/* Order the search hero above the choice cards (JS only cares about ids/classes) */
#order-standard_cart.coowhm-domain-choose .domain-selection-options {
    display: flex;
    flex-direction: column;
}
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box { order: 2; }
#order-standard_cart.coowhm-domain-choose .domain-selection-options-list { order: 1; }

/* ---- Decorative step indicator ---- */
#order-standard_cart .coowhm-steps {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    padding: 14px 18px;
    margin: 0 0 22px;
    background: var(--brand-white);
    border: 1px solid var(--dm-card-border);
    border-radius: 14px;
}
#order-standard_cart .coowhm-step {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--brand-lavender);
    white-space: nowrap;
}
#order-standard_cart .coowhm-step-num {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--brand-slate-tint);
    color: var(--brand-lavender);
    font-size: 12px;
    font-weight: 800;
}
#order-standard_cart .coowhm-step.is-active { color: var(--brand-indigo); }
#order-standard_cart .coowhm-step.is-active .coowhm-step-num {
    background: var(--brand-indigo);
    color: #fff;
}

/* ---- Indigo hero search ---- */
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box {
    /* --- Tunable knobs: change these three to resize the search area ---
       --hero-box-h     : height of the input + button boxes
       --hero-field-font: text size inside the fields/button
       --hero-search-max: max width of the centered search row        */
    --hero-box-h: 42px;
    --hero-field-font: 14px;
    --hero-search-max: 600px;

    margin-bottom: 22px;
}
#order-standard_cart.coowhm-domain-choose .coowhm-hero-title {
    color: #000000;
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px;
}

/* Font fix: the legacy base rules force Poppins (a Latin-only face) on
   `.domain-selection-options` and `.option`, so the Persian hero title and
   choice cards fell back to a different font than the rest of the template
   (its <h1>/steps inherit the site's Persian webfont from <body>). Reset these
   to `inherit` so this whole area uses the same template font. Scoped to this
   page; presentation-only, no Smarty/JS hooks touched. */
#order-standard_cart.coowhm-domain-choose .domain-selection-options,
#order-standard_cart.coowhm-domain-choose .domain-selection-options .option,
#order-standard_cart.coowhm-domain-choose .coowhm-hero-title,
#order-standard_cart.coowhm-domain-choose .choice-card,
#order-standard_cart.coowhm-domain-choose .choice-card .choice-title,
#order-standard_cart.coowhm-domain-choose .choice-card .choice-desc {
    font-family: inherit;
}
/* NOTE: never set display here — JS toggles .domain-input-group visibility */
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .domain-input-group {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0 auto;                       /* centre the search row on the page */
    max-width: var(--hero-search-max);
    top: 40px;
}
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .form-control {
    border: 0;
    border-radius: 12px;
    height: var(--hero-box-h);
    padding: 0 12px;
    font-size: var(--hero-field-font);
    background: #fff;
    border-color: var(--brand-indigo);
    border: solid 2px;
    color: var(--brand-gunmetal);
}
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .input-group { width: 100%; }


#order-standard_cart.coowhm-domain-choose .coowhm-hero-title,
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .domain-input-group {
    position: relative;
    z-index: 1;
}

/* Submit button (استفاده / بررسی / انتقال).
   The legacy rule `#order-standard_cart .domain-resultat-tab-box
   .btn.btn-primary.btn-block` (id + 4 classes) out-specifies a 3-class
   selector, so it kept forcing `background: transparent` + a 2px white border
   on the redesigned hero button, and its `:after` sheen wedge leaked out as a
   white triangle over the button's corner. Match its specificity (id + 5
   classes) so the brand-red pill wins, and retire the sheen. */
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .btn-primary,
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .btn-block,
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .btn.btn-primary.btn-block {
    background: var(--brand-red);
    border: 0;
    color: #fff;
    font-weight: 800;
    border-radius: 12px;
    height: var(--hero-box-h);
    padding: 0 12px;
    font-size: var(--hero-field-font);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    box-shadow: 0 10px 18px rgba(208, 33, 39, .18);
}
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .btn.btn-primary.btn-block:after,
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .btn.btn-primary.btn-block:hover:after {
    content: none;
}
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .btn-primary:hover,
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .btn-block:hover,
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .btn.btn-primary.btn-block:hover {
    background: #b71c22;
    color: #fff;
}

/* ---- Hero search rows: box sizing + spacing ------------------------------
   Columns now sum to 12 (button col-sm-3 + field area col-sm-9), so the
   button box sits flush on the right with no orphan column. Layout stays
   Bootstrap's float grid — we only tune the gutters (the legacy 2px hack
   only targeted the old col-sm-2 / col-sm-8.col-sm-offset-1 pairing, so it
   no longer applies) and give the tld-select ↔ domain-input pair real
   breathing room. Equal 50px box heights (set above) keep the button
   aligned with the fields. */
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .domain-input-group > .row {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 50px;
    margin-bottom: 50px;
}
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .domain-input-group > .row > [class*="col-sm-"] {
    padding-left: 8px;
    padding-right: 8px;
}
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .domains-row {
    margin-left: -6px;
    margin-right: -6px;
}
#order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .domains-row > [class*="col-xs-"] {
    padding-left: 6px;
    padding-right: 6px;
}
/* Small screens: stack field over button (field first for a natural flow) */
@media (max-width: 767px) {
    #order-standard_cart.coowhm-domain-choose .domain-resultat-tab-box .domain-input-group > .row {
        display: flex;
        flex-direction: column-reverse;
        gap: 10px;
        margin-left: 0;
        margin-right: 0;
    }
}

/* ---- Result box: spacing + overlap fix -----------------------------------
   A legacy unscoped rule (#DomainSearchResults .domain-price .btn-add-to-cart)
   absolutely-positions that button to the bottom of #DomainSearchResults,
   which floats it on top of whatever else is in the box (spotlight TLDs,
   suggestions) and reads as overlap/clutter. Also add clear margin between
   the hero search box above and the result box below so nothing touches. --- */
#order-standard_cart.coowhm-domain-choose #DomainSearchResults {
    margin-top: 24px;
    padding: 26px 22px;
    background: var(--brand-white);
    border: 1px solid var(--dm-card-border);
    border-radius: 16px;
    box-shadow: 0 14px 40px rgba(32, 53, 112, .08);
}
#order-standard_cart.coowhm-domain-choose #searchDomainInfo {
    margin-bottom: 22px;
}
#order-standard_cart.coowhm-domain-choose #DomainSearchResults .domain-price {
    position: static;
    margin: 18px 0 0;
}
#order-standard_cart.coowhm-domain-choose #DomainSearchResults .domain-price .price {
    display: block;
    margin-bottom: 14px;
}
#order-standard_cart.coowhm-domain-choose #DomainSearchResults .domain-price .btn-add-to-cart {
    position: static;
    width: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    padding: 12px 28px;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 700;
}
#order-standard_cart.coowhm-domain-choose #spotlightTlds {
    margin-top: 22px;
}
#order-standard_cart.coowhm-domain-choose .suggested-domains {
    margin-top: 22px;
}

/* ---- Choice cards (register / transfer / own / subdomain / incart) ---- */
#order-standard_cart.coowhm-domain-choose .domain-selection-options-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin: 0 0 8px;
}
/* Reset the legacy grey .option box so only the card shows.
   `#order-standard_cart .domain-selection-options .option` (line ~218) pins
   the option to `height: 45px; line-height: 45px` — a leftover from the old
   flat list rows. The choice-card inside is 87px tall on phones (icon + title
   + description) and ~160px on desktop, so the option clamped every card's
   grid row to 45px and the cards spilled out of / over each other: the border
   sliced through the description and the icon hung off the bottom edge.
   Unpin the height and drop the legacy row divider — the card draws its own
   border now, and the grid row must size to the card. */
#order-standard_cart.coowhm-domain-choose .domain-selection-options-list .option {
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    height: auto;
    line-height: inherit;
    border-bottom: 0;
}
/* extra selector depth so the flex layout beats all.css .option/label rules */
#order-standard_cart.coowhm-domain-choose .domain-selection-options-list .option label.choice-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 2px;
    height: 70%;
    width: 70%;
    min-height: 160px;
    padding: 15px 18px 36px;
    margin: auto;
    background: var(--brand-white);
    border: 2px solid var(--dm-card-border);
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(27, 39, 64, .06);
    cursor: pointer;
    font-weight: 400;
    line-height: 1.6;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease, padding .15s ease;
}
#order-standard_cart.coowhm-domain-choose .option label.choice-card:hover { border-color: var(--brand-lavender); }
#order-standard_cart.coowhm-domain-choose .option.option-selected label.choice-card {
    border-color: var(--brand-indigo);
    background: var(--brand-slate-tint);
    box-shadow: 0 10px 24px rgba(32, 53, 112, .12);
}
/* each part on its own line, full width, wrap instead of clipping */
#order-standard_cart.coowhm-domain-choose .choice-card .choice-icon,
#order-standard_cart.coowhm-domain-choose .choice-card .choice-title,
#order-standard_cart.coowhm-domain-choose .choice-card .choice-desc {
    display: block;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}
#order-standard_cart.coowhm-domain-choose .choice-card .choice-icon {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 10px;   /* fallback spacing in case flex `gap` is unsupported */
    color: var(--brand-smart-blue);
}
#order-standard_cart.coowhm-domain-choose .option.option-selected .choice-icon { color: var(--brand-indigo); }
#order-standard_cart.coowhm-domain-choose .choice-card .choice-title {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 6px;
    color: var(--brand-indigo);
}
#order-standard_cart.coowhm-domain-choose .choice-card .choice-desc {
    font-size: 13px;
    line-height: 1.8;
    color: var(--brand-charcoal);
}
/* Hide the radio + its iCheck skin (iradio_square-blue) inside cards.
   Selection is shown by the card border; label click still toggles via iCheck. */
#order-standard_cart.coowhm-domain-choose .choice-card input[type="radio"],
#order-standard_cart.coowhm-domain-choose .choice-card [class*="iradio"] {
    position: absolute !important;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    pointer-events: none;
}

/* ---- Compact choice cards once a lookup has run -------------------------
   After a check, the result panel is the thing the user is reading — the
   picker above it is just state they already set. Collapse the cards to a
   single-line chip row (icon + title, description dropped) so the result
   isn't pushed below the fold.

   Detection is CSS-only. WHMCS's scripts.js reveals the panel with jQuery
   `.fadeIn()`, which writes an inline `display` onto #DomainSearchResults and
   leaves the .w-hidden class in place — so `[style]` is present exactly when
   results are on screen, and `:not(.w-hidden)` would never match. No JS hook,
   id, class or Smarty tag is touched; a browser without :has() simply keeps
   the full-size cards. --------------------------------------------------- */
#order-standard_cart.coowhm-domain-choose:has(#DomainSearchResults[style]) .domain-selection-options-list {
    gap: 10px;
    margin-bottom: 0;
}
#order-standard_cart.coowhm-domain-choose:has(#DomainSearchResults[style]) .domain-selection-options-list .option label.choice-card {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 0;
    padding: 11px 14px;
    border-width: 1px;
    border-radius: 12px;
    box-shadow: none;
}
#order-standard_cart.coowhm-domain-choose:has(#DomainSearchResults[style]) .choice-card .choice-icon,
#order-standard_cart.coowhm-domain-choose:has(#DomainSearchResults[style]) .choice-card .choice-title {
    display: inline-block;
    width: auto;
    margin: 0;
}
#order-standard_cart.coowhm-domain-choose:has(#DomainSearchResults[style]) .choice-card .choice-icon {
    font-size: 16px;
}
#order-standard_cart.coowhm-domain-choose:has(#DomainSearchResults[style]) .choice-card .choice-title {
    font-size: 13px;
    line-height: 1.4;
}
#order-standard_cart.coowhm-domain-choose:has(#DomainSearchResults[style]) .choice-card .choice-desc {
    display: none;
}

/* ---- Suggested domains as cards ---- */
#order-standard_cart.coowhm-domain-choose .suggested-domains {
    border: 0;
    background: transparent;
    box-shadow: none;
    margin-top: 22px;
}
#order-standard_cart.coowhm-domain-choose .suggested-domains .panel-heading {
    background: transparent;
    border: 0;
    padding: 0 0 14px;
    font-size: 18px;
    font-weight: 800;
    color: var(--brand-indigo);
}
#order-standard_cart.coowhm-domain-choose #domainSuggestions.list-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    border: 0;
}
#order-standard_cart.coowhm-domain-choose .domain-suggestion.list-group-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--dm-card-border);
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(27, 39, 64, .06);
    padding: 18px;
    background: var(--brand-white);
    min-height: 150px;
}
#order-standard_cart.coowhm-domain-choose .domain-suggestion .domain,
#order-standard_cart.coowhm-domain-choose .domain-suggestion .extension {
    font-size: 18px;
    font-weight: 800;
    color: var(--brand-gunmetal);
    direction: ltr;
}
#order-standard_cart.coowhm-domain-choose .domain-suggestion .price {
    font-size: 15px;
    font-weight: 800;
    color: var(--brand-success);
}
#order-standard_cart.coowhm-domain-choose .domain-suggestion .actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
}
#order-standard_cart.coowhm-domain-choose .domain-suggestion .btn-add-to-cart {
    background: var(--brand-indigo);
    color: #fff;
    font-weight: 800;
    border-radius: 10px;
    padding: 12px 16px;
    box-shadow: none;
}
#order-standard_cart.coowhm-domain-choose .domain-suggestion .btn-add-to-cart:hover {
    background: var(--brand-indigo-2);
    color: #fff;
}

/* ---- Spotlight TLD chips ---- */
#order-standard_cart.coowhm-domain-choose .spotlight-tlds {
    background: var(--brand-slate-tint);
    border-radius: 16px;
    padding: 12px;
    margin-top: 22px;
}
#order-standard_cart.coowhm-domain-choose .spotlight-tlds-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
#order-standard_cart.coowhm-domain-choose .spotlight-tld {
    background: #fff;
    border: 1px solid var(--dm-card-border);
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 14px;
    color: var(--brand-charcoal);
    box-shadow: 0 2px 8px rgba(31, 42, 68, .04);
    white-space: nowrap;
}

/* ---- Bottom actions ---- */
/* The action bar sits right under the choice cards while #DomainSearchResults
   is still display:none, so its top margin is the whole gap the user sees on
   first load. Keep it to a normal section gap; the result panel adds its own
   24px above and 20px below once a lookup runs. */
#order-standard_cart.coowhm-domain-choose .bottom-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
    flex-wrap: wrap;
}
/* configuredomains.tpl: same back/continue bar as the domain-choose page,
   but sits directly after the form content so it needs a modest top margin
   rather than the hero page's large 100px gap. Button box model + colours
   are inherited from the shared .coowhm-domain .bottom-actions .btn rules. */
#order-standard_cart.coowhm-domain-config .bottom-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-top: 32px;
    flex-wrap: wrap;
}

/* ---- configuredomains.tpl design pass (per docs/configuredomains.php) ------
   Intro line, contact-style field pairs, nameserver grid inputs. Colours all
   route through the brand palette: navy accents -> --brand-indigo, muted text
   -> --brand-charcoal, borders -> --dm-card-border. Presentation only, no
   WHMCS id/name/JS hook touched. ------------------------------------------- */
#order-standard_cart.coowhm-domain-config .cd-intro {
    color: var(--brand-charcoal);
    font-size: 14px;
    margin: 4px 0 24px;
}
/* Domain contact / IRNIC field pairs (label : value rows). The field cells
   carry the separator so the hosting/eppcode rows (col-sm-12) are untouched. */
#order-standard_cart.coowhm-domain-config .domainsaddionsbox .row .col-sm-4,
#order-standard_cart.coowhm-domain-config .domainsaddionsbox .row .col-sm-8 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid var(--dm-card-border);
    font-size: 14px;
}
#order-standard_cart.coowhm-domain-config .domainsaddionsbox .row .col-sm-4 {
    color: var(--brand-charcoal);
}
#order-standard_cart.coowhm-domain-config .domainsaddionsbox .row .col-sm-8 {
    color: var(--brand-indigo);
    font-weight: 700;
}
/* Nameserver grid: labels muted, inputs LTR like the doc */
#order-standard_cart.coowhm-domain-config .box-domainnameservers .form-group label {
    display: block;
    font-size: 13px;
    color: var(--brand-charcoal);
    margin-bottom: 6px;
}
#order-standard_cart.coowhm-domain-config .box-domainnameservers .form-control {
    direction: ltr;
    text-align: left;
    border: 1px solid var(--dm-card-border);
    border-radius: 8px;
    height: 44px;
}
#order-standard_cart.coowhm-domain-config .box-domainnameservers .form-control:focus {
    border-color: var(--brand-indigo);
    box-shadow: 0 0 0 3px rgba(32, 53, 112, .10);
}
#order-standard_cart.coowhm-domain-choose .coowhm-freedomain-note {
    color: var(--brand-charcoal);
    font-size: 13px;
    margin-top: 24px;       /* sits at the bottom, clear of the action buttons */
    margin-bottom: 0;
    text-align: start;      /* keep the note at the reading edge (right in RTL) */
    padding: 10px 14px;
    background: var(--brand-slate-tint);
    border-radius: 10px;
}

/* =========================================================================
   CONFIGURE-PRODUCT PAGE RE-SKIN  (per docs/configureproduct.php)
   Scope: base (unscoped) rules for `.product-info`, `.sub-heading` /
   `.primary-bg-color`, `.panel-addon`, and `#orderSummary .order-summary` —
   these classes already render on configureproduct.tpl (and are shared by
   checkout.tpl, viewcart.tpl, domainoptions.tpl, linkedaccounts.tpl). The
   higher-specificity `.coowhm-domain`-scoped rules above still win unchanged
   on domain pages, so this section only affects the non-domain pages.
   ADDITIVE + presentation-only: no WHMCS id/name/JS-hook is altered, no
   template markup is changed — only these existing classes are restyled.
   ========================================================================= */

/* ---- Product summary banner (configureproduct.tpl) ---- */
#order-standard_cart .product-info {
    background: var(--grad-indigo);
    border: 0;
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(32, 53, 112, .16);
    padding: 22px 26px;
    margin: 0 0 22px;
    font-family: inherit;
    font-size: .95em;
}
#order-standard_cart .product-info .product-title {
    margin: 0 0 6px;
    font-size: 1.5em;
    font-weight: 800;
    color: #fff;
}
#order-standard_cart .product-info p {
    margin: 0;
    color: rgba(255, 255, 255, .85);
}

/* ---- Section headings (sub-heading / primary-bg-color) ---- */
#order-standard_cart .sub-heading,
#order-standard_cart .sub-heading-borderless {
    height: auto;
    border-top: 0;
    text-align: right;
    margin-top: 28px;
    margin-bottom: 18px;
}
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    display: block;
    position: relative;
    top: 0;
    padding: 0 0 12px;
    font-size: 16px;
    font-weight: 700;
    font-family: inherit;
    color: var(--brand-indigo);
    background-color: transparent;
}
#order-standard_cart .sub-heading span::after,
#order-standard_cart .sub-heading-borderless span::after {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 56px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(135deg, var(--brand-smart-blue), var(--brand-indigo));
}

/* ---- Addon panels (configureproduct.tpl) ---- */
#order-standard_cart .panel-addon {
    font-size: .95em;
    text-align: center;
    border: 1.5px solid var(--dm-card-border);
    border-radius: 12px;
    box-shadow: none;
    overflow: hidden;
    transition: border-color .15s ease, background-color .15s ease;
}
#order-standard_cart .panel-addon .panel-body label {
    font-size: 1em;
    font-weight: 700;
    color: var(--brand-gunmetal);
}
#order-standard_cart .panel-addon .panel-price {
    padding: 6px;
    background-color: var(--brand-slate-tint);
    color: var(--brand-indigo);
    font-weight: 700;
}
#order-standard_cart .panel-addon .panel-add {
    display: block;
    padding: 6px;
    background-color: var(--brand-indigo);
    color: #fff;
    border-radius: 0;
    font-weight: 600;
}
#order-standard_cart .panel-addon-selected {
    border-color: var(--brand-success);
    background: var(--brand-success-tint);
}
#order-standard_cart .panel-addon-selected .panel-price {
    background-color: var(--brand-success);
    color: #fff;
}
#order-standard_cart .panel-addon-selected .panel-add {
    background-color: var(--brand-success-2);
    color: #fff;
}

/* ---- Order summary sidebar (shared: checkout / configureproduct / viewcart) ---- */
#order-standard_cart .order-summary {
    background: var(--grad-indigo);
    border: 0;
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(32, 53, 112, .12);
    overflow: hidden;
    position: relative;
    font-family: inherit;
}
#order-standard_cart .order-summary:before,
#order-standard_cart .order-summary:after {
    content: none;
}
#order-standard_cart .order-summary h2 {
    margin: 0;
    padding: 15px 18px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    position: relative;
}
#order-standard_cart .order-summary h2::after {
    content: none;
}
#order-standard_cart .summary-container {
    margin: 0;
    padding: 16px 18px;
    min-height: 100px;
    border-radius: 0;
    background-color: var(--brand-white);
    font-size: .85em;
    color: var(--brand-gunmetal);
    position: relative;
}
#order-standard_cart .order-summary .product-name {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    color: var(--brand-gunmetal);
}
#order-standard_cart .order-summary .product-group {
    margin: 0 0 5px 0;
    display: block;
    font-style: normal;
    color: var(--brand-charcoal);
    font-size: 11px;
}
#order-standard_cart .order-summary .summary-totals {
    margin: 5px 0;
    padding: 5px 0;
    border-top: 1px solid var(--dm-divider);
    border-bottom: 1px solid var(--dm-divider);
}
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .order-summary .total-due-today span {
    display: block;
    text-align: left;
    color: var(--brand-gunmetal);
    font-weight: 400;
}
#order-standard_cart .order-summary .total-due-today .amt {
    display: block;
    text-align: left;
    color: var(--brand-indigo);
    font-weight: 800;
}
#order-standard_cart .order-summary .loader {
    position: relative;
    top: 10px;
    height: 0;
    padding-right: 10px;
    text-align: right;
    color: var(--brand-lavender);
}

/* =========================================================================
   VIEWCART PAGE RE-SKIN  (per docs/viewcart.php)
   Scoped to .coowhm-viewcart so the shared .item / .order-summary / .btn-checkout
   classes on other pages (checkout, configureproduct) are untouched. Colours all
   route through the brand palette. Presentation only — no WHMCS id/name/JS hook,
   form action, or Smarty logic is altered.
   ========================================================================= */

/* Item cards: clean white cards with soft divider, matching the mockup .item */
#order-standard_cart.coowhm-viewcart .view-cart-items.coodiv-version .item {
    background: var(--brand-white);
    border: 1px solid var(--dm-card-border);
    border-radius: 14px;
    box-shadow: 0 8px 30px rgba(32, 53, 112, .05);
    margin-bottom: 14px;
}
#order-standard_cart.coowhm-viewcart .view-cart-items.coodiv-version .item:nth-child(even) {
    background: var(--brand-white);
}

/* Item title / meta */
#order-standard_cart.coowhm-viewcart .view-cart-items .item-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--brand-gunmetal);
}
#order-standard_cart.coowhm-viewcart .view-cart-items .item-group {
    color: var(--brand-charcoal);
    font-size: 12px;
    font-weight: 400;
}

/* Domain chip → brand-green pill (mockup .badge), was hard-coded red #D02127 */
#order-standard_cart.coowhm-viewcart .view-cart-items {
    background: var(--brand-success-tint);
    color: var(--brand-success);
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 20px;
}

/* Price block: bold total, muted billing-cycle chip */
#order-standard_cart.coowhm-viewcart .view-cart-items .item-price {
    text-align: left;
    border-left-color: var(--dm-divider);
}
#order-standard_cart.coowhm-viewcart .view-cart-items .item-price span {
    font-weight: 800;
    color: var(--brand-gunmetal);
}
#order-standard_cart.coowhm-viewcart .view-cart-items .item-price .cycle {
    background: var(--brand-slate-tint);
    color: var(--brand-charcoal);
    font-weight: 600;
    font-size: 12px;
}

/* ---- Summary action buttons (SHARED by viewcart + checkout) --------------
   Solid green CTA + outline back button, defined once for both pages. The
   legacy .btn-checkout is transparent/white-bordered — invisible on the now
   white summary body — so it is fully repainted. Only the payable-total
   colour differs per page (set separately below). --------------------- */
#order-standard_cart.coowhm-viewcart .btn-checkout,
#order-standard_cart.coowhm-checkout .btn-checkout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--grad-success);
    border: 0;
    color: #fff;
    border-radius: 12px;
    height: 46px;
    line-height: 1;
    font-size: 14px;
    font-weight: 700;
    box-shadow: var(--shadow-success);
    margin-top: 16px;
    overflow: visible;
}
#order-standard_cart.coowhm-viewcart .btn-checkout:hover,
#order-standard_cart.coowhm-checkout .btn-checkout:hover {
    filter: brightness(1.03);
}
#order-standard_cart.coowhm-viewcart .btn-checkout::before,
#order-standard_cart.coowhm-checkout .btn-checkout::before {
    content: none;
}
#order-standard_cart.coowhm-viewcart .btn-checkout i,
#order-standard_cart.coowhm-checkout .btn-checkout i {
    position: static;
    background: transparent;
    width: auto;
    height: auto;
    border-radius: 0;
    color: #fff !important;
    line-height: 1;
    top: auto;
    right: auto;
}
#order-standard_cart.coowhm-viewcart .btn-checkout[disabled],
#order-standard_cart.coowhm-viewcart .btn-checkout.disabled,
#order-standard_cart.coowhm-checkout .btn-checkout[disabled],
#order-standard_cart.coowhm-checkout .btn-checkout.disabled {
    opacity: .55;
    box-shadow: none;
}

/* Continue-shopping → outline button (mockup .btn-outline) */
#order-standard_cart.coowhm-viewcart .order-summary .btn-continue-shopping,
#order-standard_cart.coowhm-checkout .order-summary .btn-continue-shopping {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 12px;
    border: 1.5px solid var(--dm-card-border);
    border-radius: 12px;
    background: var(--brand-white);
    color: var(--brand-indigo);
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}
#order-standard_cart.coowhm-viewcart .order-summary .btn-continue-shopping:hover,
#order-standard_cart.coowhm-checkout .order-summary .btn-continue-shopping:hover {
    background: var(--brand-slate-tint);
}

/* Payable total → red (mockup .summary-row.total span:last-child) */
#order-standard_cart.coowhm-viewcart .order-summary .total-due-today .amt {
    color: var(--brand-red);
}

/* Empty-cart → soft-red pill (mockup .btn-empty) */
#order-standard_cart.coowhm-viewcart .empty-cart.coodiv-version .btn {
    background: var(--brand-red-tint);
    color: var(--brand-red);
    border-radius: 10px;
    font-weight: 600;
    font-size: 12px;
}
#order-standard_cart.coowhm-viewcart .empty-cart.coodiv-version .btn i {
    background: transparent;
    color: var(--brand-red);
}

/* =========================================================================
   CHECKOUT PAGE RE-SKIN  (per docs/checkout.php)
   Scoped to .coowhm-checkout. The order-summary card, .sub-heading section
   titles, .field inputs, and the summary CTA/back buttons are all handled by
   the shared rules above (the button block is merged with viewcart). Only the
   payable-total colour is checkout-specific (green, per the mockup).
   ========================================================================= */

/* Payable total → green (mockup .pay-row .amount, --green-dark) */
#order-standard_cart.coowhm-checkout .order-summary .total-due-today .amt {
    color: var(--brand-success);
}

/* -------------------------------------------------------------------------
   Sign-in / create-account panel (.already-registered.new-coowhm)

   Four legacy leftovers, all presentation-only — no DOM, no JS hooks, no
   Smarty touched. The panel's structure (#btnAlreadyRegistered,
   #btnNewUserSignup, #containerExistingUserSignin, #containerNewUserSignup,
   .circleactive, .prepend-icon/.field-icon) is unchanged.

   1. `font-family: Poppins` is a Latin-only face, so the Persian labels fell
      back to a different font than the rest of the template (which inherits
      the site's Persian webfont from <body>). → inherit.
   2. `text-align: left` pinned the section headers to the left of an RTL page.
   3. `.circleactive` and the expanded-state `:before`/`:after` markers were
      pinned with `left:`, putting the radio bullet on the wrong side in RTL.
   4. `.prepend-icon .field` pads on the LEFT (`padding-left: 36px`) while the
      `.field-icon` renders on the RIGHT under RTL — so placeholder text ran
      underneath the icon. Pin the icon to the right edge and move the padding
      to match it.
   ------------------------------------------------------------------------- */
#order-standard_cart.coowhm-checkout .already-registered.new-coowhm {
    font-family: inherit;
    text-align: right;
}
#order-standard_cart.coowhm-checkout .already-registered .activite-logreg-form {
    font-family: inherit;
}

/* Radio bullet on the section headers → right edge (RTL) */
#order-standard_cart.coowhm-checkout .activite-logreg-form .circleactive {
    left: auto;
    right: 0;
}
/* ...and the filled "selected" marker that overlays it when a panel is open */
#order-standard_cart.coowhm-checkout .login-claaa-box #containerExistingUserSignin:before,
#order-standard_cart.coowhm-checkout .regi-claaa-box #containerNewUserSignup:before {
    left: auto;
    right: 15px;
}
#order-standard_cart.coowhm-checkout .login-claaa-box #containerExistingUserSignin:after,
#order-standard_cart.coowhm-checkout .regi-claaa-box #containerNewUserSignup:after {
    left: auto;
    right: 19px;
}

/* Field icons: pin to the right edge, pad the text away from them.
   `#order-standard_cart label { margin-right: 10px }` (all.css) was nudging
   the absolutely-positioned icon off its static position; `right: 0` makes it
   deterministic. */
#order-standard_cart.coowhm-checkout .prepend-icon .field-icon {
    left: auto;
    right: 0;
    margin: 0;
}
#order-standard_cart.coowhm-checkout .prepend-icon .field {
    padding-left: 12px;
    padding-right: 42px;
}

/* Section dividers keep their centred-label design; only the font is fixed. */
#order-standard_cart.coowhm-checkout .sub-heading span,
#order-standard_cart.coowhm-checkout .sub-heading-borderless span {
    font-family: inherit;
}

@media (max-width: 900px) {
    #order-standard_cart.coowhm-domain-choose .domain-selection-options-list,
    #order-standard_cart.coowhm-domain-choose #domainSuggestions.list-group {
        grid-template-columns: 1fr;
    }
    #order-standard_cart .coowhm-steps { justify-content: center; }
}

/* ---- Mobile (phones): make each choice card a horizontal row so it clearly
   reads as a tappable option — icon on the right (RTL), title + description
   stacked to its left. Also hide the legacy decorative border strip that draws
   a stray gray line under the redesigned gradient search hero. ------------- */
@media (max-width: 767px) {
    #order-standard_cart.coowhm-domain-choose .domain-selection-options-list .option label.choice-card {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "icon title"
            "icon desc";
        column-gap: 14px;
        row-gap: 2px;
        align-items: center;
        text-align: right;
        min-height: 150px;
        padding: 16px 18px;
    }
    #order-standard_cart.coowhm-domain-choose .choice-card .choice-icon {
        grid-area: icon;
        align-self: center;
        width: auto;
        margin: 0;
        font-size: 26px;
    }
    #order-standard_cart.coowhm-domain-choose .choice-card .choice-title {
        grid-area: title;
        align-self: end;
        margin: 0;
    }
    #order-standard_cart.coowhm-domain-choose .choice-card .choice-desc {
        grid-area: desc;
        align-self: start;
        margin: 0;
    }
}

/* =========================================================================
   DOMAIN-ENTRY ALIGNMENT  (configureproductdomain.tpl, adddomain.tpl,
   domainregister.tpl, domainregisters.tpl, domaintransfer.tpl)
   Domain names are always Latin/LTR, so any field a visitor types a domain
   into must read left-to-right and left-align, regardless of the page's
   RTL direction.

   IMPORTANT: these rules deliberately DO NOT set `display`/`flex`/`justify-*`
   on any Bootstrap container (.input-group, .row, .col-*). WHMCS supplies
   Bootstrap system-side and this markup carries both BS3 (col-md-offset-2)
   and BS4 (offset-md-2) classes, so the grid/input-group layout model is
   install-dependent — overriding it here fights the framework. We only flip
   writing `direction` (which reorders children under both a BS3 table and a
   BS4 flex input-group) and align text. Layout stays 100% Bootstrap's job.
   ========================================================================= */

/* The fields a visitor types a domain into → ltr + left-aligned. */
#order-standard_cart.coowhm-domain #inputDomain,
#order-standard_cart.coowhm-domain #inputTransferDomain,
#order-standard_cart.coowhm-domain-choose .domains-row input,
#order-standard_cart.coowhm-domain-choose .domains-row select,
#order-standard_cart.coowhm-domain-choose #registertld,
#order-standard_cart.coowhm-domain .domains-row input,
#order-standard_cart.coowhm-domain .domains-row select {
    direction: ltr;
    text-align: left;
}

/* domainregister.tpl / domainregisters.tpl: put btnCheckAvailability on the
   right. Flipping only the box's writing direction reorders the input-group
   children left→right under BOTH BS3 (table cells) and BS4 (flex items),
   without imposing a layout model. */
#order-standard_cart.coowhm-domain .domain-checker-bg .input-group-box {
    direction: ltr;
}