#order-standard_cart{margin:0;padding:0 0 40px 0;font-size:14px}#order-standard_cart .cart-sidebar{float:left;width:25%;position:relative;min-height:1px;padding-right:15px;padding-left:15px}#order-standard_cart .cart-body{float:right;width:75%;position:relative;min-height:1px;padding-right:15px;padding-left:15px}#order-standard_cart .secondary-cart-body{float:left;width:65%;position:relative;min-height:1px;padding-right:15px;padding-left:15px}#order-standard_cart .secondary-cart-sidebar{float:right;width:35%;position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media only screen and (max-width:1199px){#order-standard_cart .cart-sidebar{display:none}#order-standard_cart .cart-body{width:100%;float:none}#order-standard_cart .secondary-cart-body{width:69%}#order-standard_cart .secondary-cart-sidebar{width:31%}}@media only screen and (max-width:991px){#order-standard_cart .secondary-cart-body{width:100%;float:none}#order-standard_cart .secondary-cart-sidebar{margin:0 auto;width:300px;float:none}}@media only screen and (max-width:575px){#order-standard_cart .secondary-cart-sidebar{width:100%}}#order-standard_cart .field-container{margin:0 0 30px 0}#order-standard_cart label,#order-standard_cart p.domain-renewal-desc,.service-renewals .div-renewal-period-label{margin-right:10px;font-weight:300;font-size:13px;color:#666}#order-standard_cart label .iradio_square-blue{margin-right:2px}#order-standard_cart .info-text-sm{font-size:.85em;text-align:center}#order-standard_cart .cart-sidebar h3,#order-standard_cart .sidebar-collapsed h3{margin:0;font-size:16px}#order-standard_cart .cart-sidebar .list-group-item{margin:0;padding:8px 15px;border-top:0;border-left:0;border-right:0}#order-standard_cart .cart-sidebar .list-group-item:first-child{border-radius:0}#order-standard_cart .cart-sidebar .list-group-item:last-child{border-bottom:0}#order-standard_cart .sidebar-collapsed{margin-top:20px;padding:4px;border-radius:4px}@media only screen and (min-width:1200px){#order-standard_cart .sidebar-collapsed{display:none}}#order-standard_cart .sidebar-collapsed::after{display:block;clear:both;content:""}#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}#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:.8em;font-style:italic;color:#888}#order-standard_cart .products .product div.product-desc{float:left;width:60%;padding:8px 14px;font-size:.8em}#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 .products .product span.feature-value{font-weight:700}#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:.8em;text-align:center}#order-standard_cart .panel-addon{font-size:.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:700;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:#bbb}#order-standard_cart .panel-addon-selected .panel-add{background-color:#5cb85c;color:#fff}#order-standard_cart .domain-selection-options{margin:15px 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{margin-bottom:2px;padding:6px 20px;border-radius:6px;background-color:#f8f8f8}#order-standard_cart .domain-selection-options .option:hover{cursor:pointer}#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-selection-options .option-selected label{font-weight:700}#order-standard_cart .domain-selection-options .option-selected{background-color:#efefef}#order-standard_cart .domain-input-group{display:none;margin:10px 0}#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{margin:20px;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-invalid,#order-standard_cart .domain-checker-unavailable{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:.8em}#order-standard_cart .domain-add-domain{margin:25px 0}#order-standard_cart .product-info{margin:0 0 20px 0;padding:6px 15px;font-size:.85em;background-color:#f8f8f8;border-top:1px solid #efefef;border-bottom:1px solid #efefef}#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:400}#order-standard_cart .summary-container{margin:0;padding:10px;min-height:100px;border-radius:3px;background-color:#f8f8f8;font-size:.8em}#order-standard_cart .order-summary .product-name{display:block;font-weight:700;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:right}#order-standard_cart .order-summary .total-due-today .amt{font-size:2.3em}#order-standard_cart .order-summary .loader{position:relative;top:10px;height:0;padding-right:10px;text-align:right;color:#efefef}#order-standard_cart .panel-taxes{font-size:.8em}#order-standard_cart .row-upgrade-credit{margin-top:5px}#order-standard_cart .row-upgrade-credit .item-price{font-size:.9em}#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:#eee}#order-standard_cart .apply-credit-container span{font-weight:700}#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 .cc-input-container{padding:15px 15px 10px 15px;background-color:#f3f3f3;border:1px solid #d9d9d9;border-radius:4px}#order-standard_cart .cc-input-container .form-group{margin-top:10px;margin-bottom:10px}#order-standard_cart .cc-input-container .radio-inline{padding-left:0;margin-bottom:10px}#order-standard_cart .cc-input-container .paymethod-info{cursor:pointer;padding-right:10px;margin-bottom:5px}#order-standard_cart .cc-input-container ul{list-style:none;margin:0;padding:0}#order-standard_cart .cc-input-container ul li{padding:2px 0}#order-standard_cart .cc-input-container i{padding:0 6px;width:28px;text-align:center}#order-standard_cart .cc-input-container .existing-cc-grid{display:inline-grid;grid-template-columns:repeat(3,auto) minmax(10em,30em) auto;font-weight:300;color:#666;font-size:13px}#order-standard_cart .checkout-security-msg{margin:20px 0;padding-left:75px;font-size:.8em}#order-standard_cart .checkout-security-msg i{float:left;margin-left:-48px;font-size:2.8em}#order-standard_cart .prepend-icon{top:0;left:0;display:inline-block;vertical-align:top;position:relative;width:100%;font-weight:400}#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:0;background-color:#fff;border-radius:3px}#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 .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .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}#order-standard_cart .view-cart-items-header{margin:0;padding:8px 15px;background-color:#058;color:#fff;font-size:.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:.8em}#order-standard_cart .view-cart-items .item:nth-child(even){background-color:#eee}#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{font-size:1.2em}#order-standard_cart .view-cart-items .item-domain{color:#056}#order-standard_cart .view-cart-items .item-price{text-align:right}#order-standard_cart .view-cart-items .item-price span{font-size:1.6em}#order-standard_cart .view-cart-items .item-price .cycle{font-size:.9em}#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:.8em}#order-standard_cart .btn-remove-from-cart{color:#444}#order-standard_cart .btn-remove-from-cart:hover{color:#c00;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;font-size:1.2em;border-bottom:1px solid #ddd}#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:.9em;color:#777;font-style:italic;text-align:right}#order-standard_cart .order-summary .btn-continue-shopping{color:#222;font-size:.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:.8em}#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true],#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected=true]{border-color:#dee2e6 #dee2e6 #f8f8f8;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}#order-standard_cart .express-checkout-buttons .separator{margin-left:70px;padding:5px;text-align:center;font-weight:700}#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-heading{margin:30px 0;font-size:1.4em;text-align:center}#order-standard_cart .modal-title i{display:block;padding-top:25px}#order-standard_cart .modal-body,#order-standard_cart .modal-footer,#order-standard_cart .modal-header{text-align:center!important;border:0}#order-standard_cart .modal-remove-item .modal-footer{padding-bottom:45px}div.domainresults div:not(.btn-group){margin:0;padding:10px 25px;background-color:#ddd;color:#666;font-size:1em;border-radius:6px 6px 0 0}div.domainresults div:not(.btn-group) span{padding-left:20px;font-size:14px;color:#888}div.domainresults table tr td{padding:5px 30px;line-height:40px}.domain-checker-container{margin:20px 0;padding:0;background-color:#ffce44;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;background:-webkit-gradient(linear,0 0,0 100%,from(#ffb201),to(#ffd960));background:-webkit-linear-gradient(top,#ffd960,#ffb201);background:-moz-linear-gradient(top,#ffd960,#ffb201);background:-ms-linear-gradient(top,#ffd960,#ffb201);background:-o-linear-gradient(top,#ffd960,#ffb201)}.domain-checker-bg{margin:0;padding:80px 0;background-repeat:no-repeat;background-position:110% -5px;background-image:url(../img/globe.png)}@media (max-width:992px){.domain-checker-bg{padding:40px 0}}.domain-checker-container .input-group-box{margin:0 auto;padding:10px;width:100%;background-color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px}.domain-bulk-options-box{position:absolute;top:18px;right:134px;z-index:100}@media (max-width:767px){.domain-checker-container .input-group-box .input-group-btn{display:block;width:100%}.domain-checker-container .input-group-box .input-group-btn .btn{width:100%;border-radius:6px}.domain-checker-container .input-group-box .form-control{border-radius:6px!important;margin-bottom:5px;float:none}}.domain-check-availability{width:100px;height:46px}.domain-step-options{min-height:300px}.domain-checker-result-headline{margin:20px;font-size:1.6em;text-align:center}.domain-checker-available{color:#5cb85c}.domain-checker-invalid,.domain-checker-unavailable{color:#d9534f}div.domainresults div.domain-checkout-area{display:none;float:right;padding:8px 40px 0}.domain-disclaimer-area{margin:0 0 25px 0;font-size:12px}.domain-bulk-domain-well{width:60%}.domain-tld-pricing-table-responsive{border:0;margin-bottom:0}a.domain-tld-pricing-category{display:block;text-align:center}.domain-pricing .tld-row{padding-top:3px;padding-bottom:3px;border-bottom:1px solid #f5f5f5}.domain-pricing .tld-row.highlighted{background:#f3f9fd}.domain-pricing .tld-pricing-header .col-sm-2,.domain-pricing .tld-pricing-header .col-xs-2{height:56px}.domain-pricing .tld-pricing-header .tld-column{padding-top:4px;padding-bottom:4px;border-radius:4px 4px 0 0}.domain-pricing .tld-pricing-header .col-sm-2,.domain-pricing .tld-pricing-header .col-sm-4,.domain-pricing .tld-pricing-header .col-xs-2,.domain-pricing .tld-pricing-header .col-xs-4{padding-top:4px;padding-bottom:4px;border-bottom:6px solid #97b5d2;background-color:#efefef;border-radius:4px 4px 0 0}.domain-pricing .no-bg{background-color:transparent!important}.domain-pricing .tld-pricing-header div:nth-child(odd){border-color:#369;background-color:#f5f5f5}.domain-pricing .two-row-center{line-height:28px;margin-top:6px;margin-bottom:6px;border-right:2px solid #c7d7e6}.domain-pricing .tld-row.no-tlds{display:none}.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:700;color:#555}.spotlight-tld span{display:block;padding:5px 0;font-weight:400}.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 .invalid,.spotlight-tld .unavailable{margin:32px 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:700;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:700;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:700;text-transform:uppercase;color:#fff;top:3px;right:-18px;background-color:#f9615a;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.suggested-domains .card-header,.suggested-domains .panel-heading{border-bottom:2px solid #62cb31}.suggested-domains .domain-lookup-suggestions-loader{padding:30px 20px;background-color:#f8f8f8;font-size:.9em;text-align:center;opacity:.7}.suggested-domains .list-group-item{border-left:0;border-right:0;word-wrap:break-word}.suggested-domains .extension{font-weight:700}.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;width:100%}}.domain-promo-box{margin-top:20px;margin-bottom:20px;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;color:#333;border-radius:4px}.domain-promo-box h3{margin:0;font-weight:400}.domain-promo-box i{float:right}.domain-promo-box p{margin:0 0 10px 0;font-size:.85em}.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:.7em}.form-control.domain-renewals-filter,.form-control.service-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}.service-renewals-quick-filter{margin-bottom:5px;width:100%}.form-control.service-renewals-filter{width:100%!important}@media (min-width:768px){.form-control.service-renewals-filter,.service-renewals-quick-filter{width:270px!important;float:right!important}}.domain-renewals,.service-renewals{margin:10px 0;border-top:1px solid #ccc}.addon-renewals .service-renewal,.domain-renewals,.service-renewals{background-color:#f8f8f8}.domain-renewals .domain-renewal,.service-renewals .service-renewal{margin:0;padding:15px;border-bottom:1px solid #ccc}.addon-renewals .service-renewal:nth-child(even),.domain-renewals .domain-renewal:nth-child(even),.service-renewals .service-renewal:nth-child(even){background-color:#f4f4f4}.domain-renewals .domain-renewal h3,.service-renewals .service-renewal h3{margin:0}.domain-renewals .domain-renewal .label,.service-renewals .service-renewal .label{border-radius:3px}.service-renewals .div-renewal-ineligible{font-weight:700;color:#666}.service-renewals .div-renewal-ineligible i{margin-right:4px}.addon-renewals{margin-top:15px}.addon-renewals>div{border:1px solid #ccc}.addon-renewals div>.service-renewal:last-child{border-bottom:0}.order-summary i.fa-trash{opacity:.5}.order-summary i.fa-trash:hover{opacity:1}#order-standard_cart .addon-promo-container{margin:20px 0;padding:20px;border:1px solid #eee;font-size:.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;background-color:#fff;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.3em}#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:.85em;display:none}#order-standard_cart .mc-promo .body i{color:#99bc3a;padding-right:3px}.mc-promo em{font-weight:700;font-style:normal}#order-standard_cart .mc-promo .body ul{list-style:none;margin:0;padding:0}#order-standard_cart .mc-promo .body li{width:50%}#order-standard_cart .mc-promo .body li.left{float:left}#order-standard_cart .mc-promo .body li.right{float:right}#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:.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.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 .mc-promo.nordvpn{border-color:#4687ff}#order-standard_cart .mc-promo.nordvpn .btn-add{background-color:#4687ff}#order-standard_cart .mc-promo.nordvpn .arrow{background-color:#4687ff}#order-standard_cart .mc-promo.nordvpn .expander,#order-standard_cart .mc-promo.nordvpn .price{color:#4687ff}#order-standard_cart .mc-promo.marketgoo{border-color:#3090e0}#order-standard_cart .mc-promo.marketgoo .btn-add{background-color:#3090e0}#order-standard_cart .mc-promo.marketgoo .arrow{background-color:#3090e0}#order-standard_cart .mc-promo.marketgoo .expander,#order-standard_cart .mc-promo.marketgoo .price{color:#3090e0}#order-standard_cart .mc-promo.threesixtymonitoring{border-color:#ce3b56}#order-standard_cart .mc-promo.threesixtymonitoring .arrow,#order-standard_cart .mc-promo.threesixtymonitoring .btn-add{background-color:#ce3b56}#order-standard_cart .mc-promo.threesixtymonitoring .expander,#order-standard_cart .mc-promo.threesixtymonitoring .fa-check,#order-standard_cart .mc-promo.threesixtymonitoring .price{color:#ce3b56}#order-standard_cart .mc-promo.xovinow{border-color:#10069f}#order-standard_cart .mc-promo.xovinow .arrow,#order-standard_cart .mc-promo.xovinow .btn-add{background-color:#10069f}#order-standard_cart .mc-promo.xovinow .expander,#order-standard_cart .mc-promo.xovinow .fa-check,#order-standard_cart .mc-promo.xovinow .price{color:#10069f}#order-standard_cart .mc-promo .rotate{-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}#order-standard_cart .mc-promo .rotate.down{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}#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:0 0 4px 1px rgba(0,0,0,.08);-webkit-box-shadow:0 0 4px 1px rgba(0,0,0,.08);-moz-box-shadow:0 0 4px 1px rgba(0,0,0,.08);text-align:center;font-size:.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 .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}#order-standard_cart .idn-language-selector{font-size:14px}#order-standard_cart .account-select-container{margin:0;border-right:1px solid #eee}#order-standard_cart .account-select-container div{padding:0}#order-standard_cart .account-select-container div.account{background:#f6f6f6;border:1px solid #eee;border-right:0;padding:10px}#order-standard_cart .account-select-container div.account:not(.border-bottom){border-bottom:0}#order-standard_cart .account-select-container div.account.active{background:#fff}#order-standard_cart .recaptcha-container{display:inline-block}@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(.935);transform-origin:0 0;-webkit-transform:scale(.935);-webkit-transform-origin:0 0}}@media (max-width:384px){#order-standard_cart .captcha-container #google-recaptcha{margin-bottom:-30px;transform:scale(.96);transform-origin:0 0}}@media (max-width:360px){#order-standard_cart .captcha-container #google-recaptcha{margin-bottom:-35px;transform:scale(.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(.83);transform-origin:0 0;-webkit-transform:scale(.785);-webkit-transform-origin:0 0}}.w-hidden{display:none}#order-standard_cart .font-size-36{font-size:36px}#order-standard_cart .font-size-30{font-size:30px}#order-standard_cart .font-size-24{font-size:24px}#order-standard_cart .font-size-22{font-size:22px}#order-standard_cart .font-size-18{font-size:18px}#order-standard_cart .font-size-14{font-size:14px}#order-standard_cart .font-size-12{font-size:12px}#recommendationsModal .product-added-panel .panel-body{display:flex;flex-flow:row wrap;justify-content:space-between}#recommendationsModal .product-added-panel .panel-body>span:first-child{flex-basis:100%;margin-bottom:.5rem}#recommendationsModal .product-added-panel .panel-body>div{display:flex;flex-direction:column}#recommendationsModal .product-added-panel .price,#recommendationsModal .product-added-panel .product-name{font-weight:bolder}#recommendationsModal .product-added-panel .product-cycle,#recommendationsModal .product-added-panel .product-price{text-align:right}#recommendationsModal .modal-header{background-color:initial;border-bottom:0;padding:1rem 1rem 0 1rem}#recommendationsModal .modal-footer{justify-content:center;border:0}.product-recommendations-container{max-height:600px;overflow-y:auto;margin-top:20px;margin-bottom:30px}.product-recommendations{margin:20px auto 30px;max-width:575px;border-color:#7b7b7b}.product-recommendations .product-recommendation{margin:0 0 10px 0;background-color:#fff;border:1px dashed #ccc;border-bottom:4px solid #9abb3a}.product-recommendations .product-recommendation .cta{float:right;padding:3px 10px;text-align:center;display:flex;flex-direction:column;align-items:end}.product-recommendations .product-recommendation .headline{padding-top:8px;font-size:1em}.product-recommendations .product-recommendation .tagline{font-size:.9em;font-weight:300}.product-recommendations .product-recommendation .header{border-bottom:0;overflow:hidden;cursor:pointer}.product-recommendations .product-recommendation .header.header-static{cursor:default}.product-recommendations .product-recommendation .body{padding:10px 15px;border-top:10px solid #eaeaea;background-color:#f8f8f8;font-size:.85em;display:none}.product-recommendations .product-recommendation .price{padding:4px 0;font-size:1em;color:#83a032;display:flex;flex-direction:column;align-items:end}.product-recommendations .product-recommendation .btn-add{padding:0;background-color:#9abb3a;color:#fff;font-size:.9em}.product-recommendations .product-recommendation .arrow{display:inline-block;padding:2px 8px;background-color:#83a032}.product-recommendations .product-recommendation .text{display:inline-block;padding:2px 8px;font-size:.9em}.product-recommendations .product-recommendation .expander{float:left;width:28px;font-size:1.5em;color:#9abb3a;text-align:right;line-height:60px;transition:all 2s linear;margin-right:15px}.product-recommendations .product-recommendation .expander .fa-square{font-size:.7em}.product-recommendations .product-recommendation .rotate{-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}.product-recommendations .product-recommendation .rotate.down{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icheckbox_square-blue,.iradio_square-blue{display:inline-block;vertical-align:middle;margin:0;padding:0;width:22px;height:22px;background:url(blue.png) no-repeat;border:none;cursor:pointer}.icheckbox_square-blue{background-position:0 0}.icheckbox_square-blue.hover{background-position:-24px 0}.icheckbox_square-blue.checked{background-position:-48px 0}.icheckbox_square-blue.disabled{background-position:-72px 0;cursor:default}.icheckbox_square-blue.checked.disabled{background-position:-96px 0}.iradio_square-blue{background-position:-120px 0}.iradio_square-blue.hover{background-position:-144px 0}.iradio_square-blue.checked{background-position:-168px 0}.iradio_square-blue.disabled{background-position:-192px 0;cursor:default}.iradio_square-blue.checked.disabled{background-position:-216px 0}@media (-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi),(min-resolution:1.25dppx){.icheckbox_square-blue,.iradio_square-blue{background-image:url(blue@2x.png);-webkit-background-size:240px 24px;background-size:240px 24px}}

/*
 * Gazduire.Net — Domain Register Page Override
 * Tintit pe clasele din domainregister.tpl
 * Cu suport dark / light mode via CSS variables
 */

/* ── VARIABILE LIGHT / DARK ─────────────────────────────────── */
#order-standard_cart {
  --dr-bg:       #fff;
  --dr-soft:     #f8fafc;
  --dr-txt:      #1e293b;
  --dr-sub:      #64748b;
  --dr-bdr:      #e2e8f0;
  --dr-p:        #2563eb;
  --dr-pdk:      #1d4ed8;
  --dr-plt:      rgba(37,99,235,.09);
  --dr-ok:       #10b981;
  --dr-warn:     #f59e0b;
  --dr-bad:      #ef4444;
  --dr-shadow:   0 2px 8px rgba(0,0,0,.05);
  --dr-shadow-h: 0 8px 24px rgba(37,99,235,.12);
  --dr-header:   #1e293b;
}
@media (prefers-color-scheme: dark) {
  #order-standard_cart {
    --dr-bg:       #1e293b;
    --dr-soft:     #111a2e;
    --dr-txt:      #f1f5f9;
    --dr-sub:      #94a3b8;
    --dr-bdr:      #334155;
    --dr-p:        #3b82f6;
    --dr-pdk:      #2563eb;
    --dr-plt:      rgba(59,130,246,.12);
    --dr-ok:       #10b981;
    --dr-warn:     #f59e0b;
    --dr-bad:      #ef4444;
    --dr-shadow:   0 2px 12px rgba(0,0,0,.3);
    --dr-shadow-h: 0 8px 24px rgba(59,130,246,.2);
    --dr-header:   #0f172a;
  }
}

/* ================================================================
   1. DOMAIN CHECKER — zona de cautare
================================================================ */
#order-standard_cart .domain-checker-container {
  background: linear-gradient(135deg, #0a1628 0%, #0f172a 55%, #1a2744 100%) !important;
  border-radius: 16px !important;
  margin: 20px 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
#order-standard_cart .domain-checker-container::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse at 80% 50%, rgba(37,99,235,.2) 0%, transparent 65%) !important;
  pointer-events: none !important;
}

#order-standard_cart .domain-checker-bg {
  background-image: none !important;
  padding: 40px 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
@media (max-width: 992px) {
  #order-standard_cart .domain-checker-bg { padding: 28px 0 !important; }
}

/* Search input box */
#order-standard_cart .input-group-box {
  background-color: rgba(255,255,255,.97) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 6px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.25) !important;
}
#order-standard_cart .input-group-box .form-control {
  border: none !important;
  background: transparent !important;
  font-size: 1rem !important;
  color: #1e293b !important;
  padding: 12px 16px !important;
  box-shadow: none !important;
  height: auto !important;
}
#order-standard_cart .input-group-box .form-control::placeholder {
  color: #94a3b8 !important;
}
#order-standard_cart .input-group-box .form-control:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* Search button */
#order-standard_cart .domain-check-availability {
  background: var(--dr-p) !important;
  border-color: var(--dr-p) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: .95rem !important;
  border-radius: 8px !important;
  padding: 10px 28px !important;
  transition: background .2s, box-shadow .2s !important;
  white-space: nowrap !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
#order-standard_cart .domain-check-availability:hover {
  background: var(--dr-pdk) !important;
  border-color: var(--dr-pdk) !important;
  box-shadow: 0 4px 14px rgba(37,99,235,.4) !important;
}

/* ================================================================
   2. SEARCH RESULTS
================================================================ */
#order-standard_cart .domain-checker-result-headline {
  margin: 20px 0 !important;
  text-align: center !important;
}
#order-standard_cart #searchDomainInfo .domain-lookup-loader {
  color: var(--dr-sub) !important;
  font-size: 1rem !important;
}
#order-standard_cart .domain-checker-available {
  color: var(--dr-ok) !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
}
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid {
  color: var(--dr-bad) !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
}
#order-standard_cart .domain-price {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 12px 0 !important;
}
#order-standard_cart .domain-price .price {
  font-size: 1.55rem !important;
  font-weight: 800 !important;
  color: var(--dr-p) !important;
}
#order-standard_cart .btn-add-to-cart {
  background: var(--dr-p) !important;
  border-color: var(--dr-p) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 9px 18px !important;
  transition: background .2s, box-shadow .2s !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
#order-standard_cart .btn-add-to-cart:hover {
  background: var(--dr-pdk) !important;
  border-color: var(--dr-pdk) !important;
  box-shadow: 0 4px 14px rgba(37,99,235,.35) !important;
}

/* ================================================================
   3. FEATURED TLDs (.com, .net cu logo)
================================================================ */
#order-standard_cart .featured-tlds-container {
  margin: 20px 0 !important;
}
#order-standard_cart .featured-tld {
  background: var(--dr-bg) !important;
  border: 1px solid var(--dr-bdr) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
  transition: box-shadow .2s, border-color .2s !important;
}
#order-standard_cart .featured-tld:hover {
  box-shadow: var(--dr-shadow-h) !important;
  border-color: var(--dr-p) !important;
}
#order-standard_cart .featured-tld .img-container {
  padding: 20px !important;
  text-align: center !important;
  background: var(--dr-bg) !important;
}
#order-standard_cart .featured-tld .img-container img {
  max-height: 60px !important;
  width: auto !important;
  margin: 0 auto !important;
}
#order-standard_cart .featured-tld .price {
  display: block !important;
  text-align: center !important;
  padding: 10px 16px !important;
  font-weight: 800 !important;
  font-size: .95rem !important;
  background: var(--dr-p) !important;
  color: #fff !important;
  border-radius: 0 0 12px 12px !important;
}

/* ================================================================
   4. SPOTLIGHT TLDs (carduri mici per TLD)
================================================================ */
#order-standard_cart .spotlight-tlds {
  background: var(--dr-soft) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin: 16px 0 !important;
  border: 1px solid var(--dr-bdr) !important;
}
#order-standard_cart .spotlight-tld {
  background: var(--dr-bg) !important;
  border: 1px solid var(--dr-bdr) !important;
  border-radius: 10px !important;
  color: var(--dr-txt) !important;
  font-weight: 700 !important;
  transition: border-color .2s, box-shadow .2s !important;
  height: 112px !important;
  overflow: hidden !important;
}
#order-standard_cart .spotlight-tld:hover {
  border-color: var(--dr-p) !important;
  box-shadow: var(--dr-shadow-h) !important;
}
#order-standard_cart .spotlight-tld span {
  color: var(--dr-sub) !important;
  font-weight: 400 !important;
    font-size: .82rem !important;
}
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) {
  background: var(--dr-p) !important;
  border-color: var(--dr-pdk) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: .78rem !important;
  padding: 3px 12px !important;
  width: 88% !important;
}
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support):hover {
  background: var(--dr-pdk) !important;
}
#order-standard_cart .spotlight-tld .unavailable,
#order-standard_cart .spotlight-tld .invalid {
  background: var(--dr-soft) !important;
  border-color: var(--dr-bdr) !important;
  color: var(--dr-sub) !important;
}
#order-standard_cart .spotlight-tld-new  { background: var(--dr-ok)   !important; border-radius: 3px !important; }
#order-standard_cart .spotlight-tld-sale { background: var(--dr-warn) !important; color: #fff !important; border-radius: 3px !important; }
#order-standard_cart .spotlight-tld-hot  { background: var(--dr-bad)  !important; border-radius: 3px !important; }

/* ================================================================
   5. TLD CATEGORY FILTER BADGES
================================================================ */
#order-standard_cart .tld-filters {
  margin: 16px 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
#order-standard_cart .tld-filters a.badge,
#order-standard_cart .tld-filters .badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 12px !important;
  border-radius: 20px !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  border: 1px solid var(--dr-bdr) !important;
  background: var(--dr-bg) !important;
  color: var(--dr-sub) !important;
  transition: background .15s, border-color .15s, color .15s !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
#order-standard_cart .tld-filters a.badge:hover,
#order-standard_cart .tld-filters .badge:hover {
  background: var(--dr-plt) !important;
  border-color: var(--dr-p) !important;
  color: var(--dr-p) !important;
}
#order-standard_cart .tld-filters a.badge.active,
#order-standard_cart .tld-filters .badge.active {
  background: var(--dr-p) !important;
  border-color: var(--dr-p) !important;
  color: #fff !important;
}

/* ================================================================
   6. TABEL PRETURI TLD — fix principal pentru afisare
================================================================ */
#order-standard_cart .domain-pricing .bg-white {
  background: var(--dr-bg) !important;
  border: 1px solid var(--dr-bdr) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Header tabel */
#order-standard_cart .domain-pricing .tld-pricing-header {
  background: var(--dr-soft) !important;
  border-bottom: 2px solid var(--dr-bdr) !important;
}
#order-standard_cart .domain-pricing .tld-pricing-header > div,
#order-standard_cart .domain-pricing .tld-pricing-header .tld-column {
  padding: 12px 16px !important;
  font-weight: 700 !important;
  font-size: .78rem !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
  color: var(--dr-sub) !important;
  background: var(--dr-soft) !important;
  border-bottom: none !important;
  border-radius: 0 !important;
}
#order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4,
#order-standard_cart .domain-pricing .tld-pricing-header .col-4 {
  padding: 12px 8px !important;
  font-weight: 700 !important;
  font-size: .78rem !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  color: var(--dr-sub) !important;
}
#order-standard_cart .domain-pricing .tld-pricing-header div:nth-child(odd) {
  background-color: rgba(37,99,235,.05) !important;
  border-color: var(--dr-bdr) !important;
}

/* Randuri TLD */
#order-standard_cart .domain-pricing .tld-row {
  border-bottom: 1px solid var(--dr-bdr) !important;
  transition: background .1s !important;
  background: var(--dr-bg) !important;
  color: var(--dr-txt) !important;
}
#order-standard_cart .domain-pricing .tld-row:last-child {
  border-bottom: none !important;
}
#order-standard_cart .domain-pricing .tld-row:hover {
  background: var(--dr-soft) !important;
}
#order-standard_cart .domain-pricing .tld-row.highlighted {
  background: var(--dr-plt) !important;
}
#order-standard_cart .domain-pricing .tld-row > div {
  color: var(--dr-txt) !important;
  font-size: .88rem !important;
  padding: 10px 8px !important;
}
#order-standard_cart .domain-pricing .tld-row strong {
  color: var(--dr-txt) !important;
  font-weight: 700 !important;
}
#order-standard_cart .domain-pricing .tld-row small {
  color: var(--dr-sub) !important;
  font-size: .75rem !important;
}

/* Coloana TLD (stanga) */
#order-standard_cart .domain-pricing .two-row-center {
  border-right: 1px solid var(--dr-bdr) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  font-weight: 600 !important;
  color: var(--dr-txt) !important;
}

/* Badge grup (NEW/SALE/HOT) in tabel */
#order-standard_cart .tld-sale-group {
  display: inline-block !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
  vertical-align: middle !important;
}
#order-standard_cart .tld-sale-group-hot  { background: var(--dr-bad)  !important; color: #fff !important; }
#order-standard_cart .tld-sale-group-new  { background: var(--dr-ok)   !important; color: #fff !important; }
#order-standard_cart .tld-sale-group-sale { background: var(--dr-warn) !important; color: #fff !important; }

/* Rand "no results" */
#order-standard_cart .tld-row.no-tlds {
  color: var(--dr-sub) !important;
  font-style: italic !important;
  background: var(--dr-soft) !important;
}

/* Heading "Browse by category" */
#order-standard_cart .domain-pricing h4 {
  font-weight: 700 !important;
  color: var(--dr-txt) !important;
  margin: 20px 0 10px !important;
  font-size: 1.05rem !important;
}

/* ================================================================
   7. SUGGESTED DOMAINS
================================================================ */
#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
  background: var(--dr-soft) !important;
  border-bottom: 1px solid var(--dr-bdr) !important;
  color: var(--dr-txt) !important;
  font-weight: 700 !important;
  padding: 12px 18px !important;
  border-radius: 12px 12px 0 0 !important;
}
#order-standard_cart .suggested-domains .list-group-item {
  background: var(--dr-bg) !important;
  border-color: var(--dr-bdr) !important;
  color: var(--dr-txt) !important;
  padding: 12px 16px !important;
}
#order-standard_cart .suggested-domains .list-group-item:hover {
  background: var(--dr-soft) !important;
}
#order-standard_cart .suggested-domains .extension {
  font-weight: 700 !important;
  color: var(--dr-p) !important;
}
#order-standard_cart .suggested-domains .price {
  color: var(--dr-p) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}
#order-standard_cart .suggested-domains .panel-footer,
#order-standard_cart .suggested-domains .card-footer {
  background: var(--dr-soft) !important;
  border-top: 1px solid var(--dr-bdr) !important;
  border-radius: 0 0 12px 12px !important;
}
#order-standard_cart .suggested-domains .panel-footer a,
#order-standard_cart .suggested-domains .card-footer a {
  color: var(--dr-p) !important;
  font-weight: 600 !important;
}
#order-standard_cart .domain-suggestions-warning {
  color: var(--dr-sub) !important;
  font-size: .78rem !important;
}

/* ================================================================
   8. DOMAIN PROMO BOX (gazduire web / transfer)
================================================================ */
#order-standard_cart .domain-promo-box {
  background: var(--dr-plt) !important;
  border: 1px solid rgba(37,99,235,.2) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
  color: var(--dr-txt) !important;
}
#order-standard_cart .domain-promo-box h3 {
  font-weight: 700 !important;
  color: var(--dr-txt) !important;
  margin: 8px 0 6px !important;
}
#order-standard_cart .domain-promo-box p {
  color: var(--dr-sub) !important;
  font-size: .9rem !important;
  line-height: 1.6 !important;
}
#order-standard_cart .domain-promo-box i.fa-server,
#order-standard_cart .domain-promo-box i.fa-globe {
  color: var(--dr-p) !important;
  float: right !important;
  margin-left: 16px !important;
  opacity: .35 !important;
}
#order-standard_cart .domain-promo-box .btn-warning {
  background: var(--dr-warn) !important;
  border-color: var(--dr-warn) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 9px 20px !important;
  transition: background .2s !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
#order-standard_cart .domain-promo-box .btn-warning:hover {
  background: #d97706 !important;
  border-color: #d97706 !important;
}
#order-standard_cart .domain-promo-box .btn-primary {
  background: var(--dr-p) !important;
  border-color: var(--dr-p) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 9px 20px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
#order-standard_cart .domain-promo-box .btn-primary:hover {
  background: var(--dr-pdk) !important;
  border-color: var(--dr-pdk) !important;
}
#order-standard_cart .domain-promo-box .small {
  color: var(--dr-sub) !important;
  font-size: .78rem !important;
}


/*
 * Gazduire.Net — View Cart Page Override (viewcart.tpl)
 * Dark / light mode via CSS variables
 */

/* ── VARIABILE (mostenite din #order-standard_cart deja definit) ─ */
/* --dr-* sunt deja definite in sectiunea anterioara               */

/* ================================================================
   1. CART ITEMS HEADER
================================================================ */
#order-standard_cart .view-cart-items-header {
  background: var(--dr-header) !important;
  color: #fff !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 12px 16px !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
}

/* ================================================================
   2. CART ITEMS CONTAINER
================================================================ */
#order-standard_cart .view-cart-items {
  border: 1px solid var(--dr-bdr) !important;
  border-top: none !important;
  border-bottom: 3px solid var(--dr-p) !important;
  border-radius: 0 0 12px 12px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}

/* ── Item row ───────────────────────────────────────────────── */
#order-standard_cart .view-cart-items .item {
  background: var(--dr-bg) !important;
  border-bottom: 1px solid var(--dr-bdr) !important;
  padding: 14px 16px !important;
  font-size: .88rem !important;
  transition: background .1s !important;
}
#order-standard_cart .view-cart-items .item:last-child {
  border-bottom: none !important;
}
#order-standard_cart .view-cart-items .item:nth-child(even) {
  background: var(--dr-soft) !important;
}

/* ── Item title ─────────────────────────────────────────────── */
#order-standard_cart .view-cart-items .item-title {
  display: block !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--dr-txt) !important;
  margin-bottom: 3px !important;
}
#order-standard_cart .view-cart-items .item-title .btn-link {
  font-size: .78rem !important;
  color: var(--dr-p) !important;
  padding: 0 6px !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  text-decoration: none !important;
}
#order-standard_cart .view-cart-items .item-title .btn-link:hover {
  text-decoration: underline !important;
}

/* ── Item group & domain ────────────────────────────────────── */
#order-standard_cart .view-cart-items .item-group {
  display: block !important;
  font-size: .82rem !important;
  color: var(--dr-sub) !important;
  font-style: normal !important;
}
#order-standard_cart .view-cart-items .item-domain {
  display: block !important;
  font-size: .82rem !important;
  color: var(--dr-p) !important;
  font-weight: 600 !important;
}
#order-standard_cart .view-cart-items .item small {
  color: var(--dr-sub) !important;
  font-size: .78rem !important;
  line-height: 1.6 !important;
}

/* ── Item price column ──────────────────────────────────────── */
#order-standard_cart .view-cart-items .item-price {
  text-align: right !important;
}
#order-standard_cart .view-cart-items .item-price > span:first-child {
  display: block !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: var(--dr-p) !important;
  line-height: 1.2 !important;
}
#order-standard_cart .view-cart-items .item-price .cycle {
  display: block !important;
  font-size: .75rem !important;
  color: var(--dr-sub) !important;
  font-weight: 500 !important;
}
#order-standard_cart .view-cart-items .item-price .renewal.cycle {
  font-size: .72rem !important;
  color: var(--dr-sub) !important;
  opacity: .8 !important;
}
#order-standard_cart .view-cart-items .item-price .renewal-price {
  font-weight: 600 !important;
}

/* ── Item qty input ─────────────────────────────────────────── */
#order-standard_cart .view-cart-items .item-qty {
  text-align: center !important;
}
#order-standard_cart .view-cart-items .item-qty .form-control {
  width: 65px !important;
  padding: 6px 8px !important;
  font-size: .88rem !important;
  border-color: var(--dr-bdr) !important;
  border-radius: 8px !important;
  background: var(--dr-bg) !important;
  color: var(--dr-txt) !important;
  text-align: center !important;
  margin-bottom: 4px !important;
}
#order-standard_cart .view-cart-items .item-qty .btn-xs {
  font-size: .75rem !important;
  padding: 3px 10px !important;
  color: var(--dr-p) !important;
  border: 1px solid var(--dr-bdr) !important;
  border-radius: 6px !important;
  background: var(--dr-bg) !important;
  transition: background .15s !important;
}
#order-standard_cart .view-cart-items .item-qty .btn-xs:hover {
  background: var(--dr-plt) !important;
  border-color: var(--dr-p) !important;
}

/* ── Remove button ──────────────────────────────────────────── */
#order-standard_cart .btn-remove-from-cart {
  color: var(--dr-sub) !important;
  padding: 2px 6px !important;
  font-size: .82rem !important;
  transition: color .15s !important;
  background: none !important;
  border: none !important;
}
#order-standard_cart .btn-remove-from-cart:hover {
  color: var(--dr-bad) !important;
}

/* ── Upgrade credit row ─────────────────────────────────────── */
#order-standard_cart .row-upgrade-credit .item-group {
  color: var(--dr-ok) !important;
  font-weight: 600 !important;
}
#order-standard_cart .upgrade-calc-msg {
  font-size: .78rem !important;
  color: var(--dr-sub) !important;
  line-height: 1.55 !important;
}
#order-standard_cart .row-upgrade-credit .item-price > span {
  color: var(--dr-ok) !important;
}

/* ── Empty cart state ───────────────────────────────────────── */
#order-standard_cart .view-cart-empty {
  padding: 36px 20px !important;
  text-align: center !important;
  color: var(--dr-sub) !important;
  font-size: .95rem !important;
}
#order-standard_cart .empty-cart {
  text-align: right !important;
  margin: -16px 4px 8px !important;
}
#order-standard_cart .empty-cart .btn {
  font-size: .78rem !important;
  color: var(--dr-sub) !important;
  padding: 4px 10px !important;
  border: none !important;
  background: none !important;
  transition: color .15s !important;
}
#order-standard_cart .empty-cart .btn:hover {
  color: var(--dr-bad) !important;
}

/* ================================================================
   3. ORDER SUMMARY SIDEBAR
================================================================ */
#order-standard_cart .secondary-cart-sidebar {
  position: relative !important;
}

#order-standard_cart .order-summary {
  background: var(--dr-header) !important;
  border: 1px solid var(--dr-bdr) !important;
  border-bottom: 3px solid var(--dr-p) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  position: sticky !important;
  top: 16px !important;
}
#order-standard_cart .order-summary h2 {
  color: #fff !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  padding: 14px 18px !important;
  margin: 0 !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#order-standard_cart .order-summary .loader {
  color: rgba(255,255,255,.7) !important;
  padding-right: 8px !important;
}

/* Summary container (white/dark body) */
#order-standard_cart .summary-container {
  background: var(--dr-bg) !important;
  padding: 16px 18px !important;
  font-size: .88rem !important;
  color: var(--dr-txt) !important;
}

/* Subtotal */
#order-standard_cart .order-summary .subtotal {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid var(--dr-bdr) !important;
  font-weight: 600 !important;
  color: var(--dr-txt) !important;
}

/* Discount / tax section */
#order-standard_cart .order-summary .bordered-totals {
  padding: 8px 0 !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid var(--dr-bdr) !important;
}
#order-standard_cart .order-summary .bordered-totals .clearfix {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 5px !important;
  font-size: .85rem !important;
  color: var(--dr-sub) !important;
}
#order-standard_cart .order-summary .bordered-totals #discount {
  color: var(--dr-ok) !important;
  font-weight: 700 !important;
}

/* Recurring totals */
#order-standard_cart .order-summary .recurring-totals {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 8px 0 !important;
  font-size: .84rem !important;
  color: var(--dr-sub) !important;
}
#order-standard_cart .order-summary .recurring-charges {
  text-align: right !important;
  font-size: .82rem !important;
  color: var(--dr-sub) !important;
  font-style: normal !important;
  line-height: 1.6 !important;
}
#order-standard_cart .order-summary .recurring-charges .cost {
  font-weight: 700 !important;
  color: var(--dr-txt) !important;
}

/* Total due today */
#order-standard_cart .order-summary .total-due-today {
  padding: 14px 0 8px !important;
  border-top: 2px solid var(--dr-bdr) !important;
  margin-top: 8px !important;
  text-align: right !important;
}
#order-standard_cart .order-summary .total-due-today > span:last-child {
  display: block !important;
  font-size: .78rem !important;
  color: var(--dr-sub) !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  font-weight: 600 !important;
  margin-top: 2px !important;
}
#order-standard_cart .order-summary .total-due-today .amt {
  display: block !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: var(--dr-p) !important;
  line-height: 1.1 !important;
}

/* Express checkout (PayPal etc.) */
#order-standard_cart .express-checkout-buttons {
  padding: 8px 0 !important;
}
#order-standard_cart .express-checkout-buttons .separator {
  text-align: center !important;
  padding: 6px 0 !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  color: var(--dr-sub) !important;
  letter-spacing: 1px !important;
  margin-left: 0 !important;
}

/* ================================================================
   4. CHECKOUT & CONTINUE SHOPPING BUTTONS
================================================================ */
#order-standard_cart .btn-checkout {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 32px !important;
  background: var(--dr-ok) !important;
  border-color: var(--dr-ok) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  border-radius: 10px !important;
  transition: background .2s, box-shadow .2s, transform .15s !important;
  letter-spacing: .2px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
#order-standard_cart .btn-checkout:hover:not(.disabled) {
  background: var(--dr-okdk, #059669) !important;
  border-color: var(--dr-okdk, #059669) !important;
  box-shadow: 0 8px 24px rgba(16,185,129,.35) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}
#order-standard_cart .btn-checkout.disabled,
#order-standard_cart .btn-checkout[disabled] {
  background: var(--dr-bdr) !important;
  border-color: var(--dr-bdr) !important;
  color: var(--dr-sub) !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: not-allowed !important;
  opacity: .7 !important;
}
#order-standard_cart .btn-continue-shopping {
  display: block !important;
  margin-top: 10px !important;
  color: var(--dr-sub) !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
#order-standard_cart .btn-continue-shopping:hover {
  color: var(--dr-p) !important;
}

/* ================================================================
   5. PROMO CODE & TAXES TABS
================================================================ */
#order-standard_cart .view-cart-tabs {
  border: 1px solid var(--dr-bdr) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
  background: var(--dr-bg) !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs {
  background: var(--dr-soft) !important;
  border-bottom: 1px solid var(--dr-bdr) !important;
  padding: 0 12px !important;
  display: flex !important;
  gap: 4px !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs .nav-item {
  margin: 0 !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link {
  display: block !important;
  padding: 10px 16px !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  color: var(--dr-sub) !important;
  border: none !important;
  border-radius: 8px 8px 0 0 !important;
  background: transparent !important;
  transition: color .15s, background .15s !important;
  text-decoration: none !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link:hover {
  color: var(--dr-p) !important;
  background: var(--dr-plt) !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active {
  color: var(--dr-p) !important;
  font-weight: 700 !important;
  background: var(--dr-bg) !important;
  border-bottom: 2px solid var(--dr-p) !important;
}
#order-standard_cart .view-cart-tabs .tab-content {
  background: var(--dr-bg) !important;
  padding: 20px !important;
}

/* Promo code applied */
#order-standard_cart .view-cart-promotion-code {
  background: rgba(16,185,129,.08) !important;
  border: 1px dashed rgba(16,185,129,.35) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  color: var(--dr-ok) !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  text-align: center !important;
  margin-bottom: 10px !important;
}

/* Promo input field cu icon */
#order-standard_cart .prepend-icon {
  position: relative !important;
}
#order-standard_cart .prepend-icon .field,
#order-standard_cart .prepend-icon .form-control {
  padding-left: 40px !important;
  border-color: var(--dr-bdr) !important;
  border-radius: 8px !important;
  background: var(--dr-bg) !important;
  color: var(--dr-txt) !important;
  font-size: .9rem !important;
}
#order-standard_cart .prepend-icon .field:focus,
#order-standard_cart .prepend-icon .form-control:focus {
  border-color: var(--dr-p) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}
#order-standard_cart .prepend-icon .field-icon {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 38px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--dr-sub) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

/* Validate promo button */
#order-standard_cart .view-cart-tabs .btn-block.btn-default {
  width: 100% !important;
  margin-top: 10px !important;
  padding: 10px !important;
  background: var(--dr-p) !important;
  border-color: var(--dr-p) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  font-size: .9rem !important;
  transition: background .2s !important;
}
#order-standard_cart .view-cart-tabs .btn-block.btn-default:hover {
  background: var(--dr-pdk) !important;
}

/* Remove promo button */
#order-standard_cart .view-cart-tabs .text-center .btn-default {
  background: var(--dr-soft) !important;
  border: 1px solid var(--dr-bdr) !important;
  color: var(--dr-sub) !important;
  border-radius: 6px !important;
  font-size: .8rem !important;
  padding: 4px 12px !important;
  transition: border-color .15s, color .15s !important;
}
#order-standard_cart .view-cart-tabs .text-center .btn-default:hover {
  border-color: var(--dr-bad) !important;
  color: var(--dr-bad) !important;
}

/* Tax estimation form */
#order-standard_cart #calcTaxes label {
  font-weight: 600 !important;
  color: var(--dr-sub) !important;
  font-size: .88rem !important;
}
#order-standard_cart #calcTaxes .form-control {
  background: var(--dr-bg) !important;
  border-color: var(--dr-bdr) !important;
  color: var(--dr-txt) !important;
  border-radius: 8px !important;
}
#order-standard_cart #calcTaxes .form-control:focus {
  border-color: var(--dr-p) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}
#order-standard_cart #calcTaxes .btn-default {
  background: var(--dr-soft) !important;
  border-color: var(--dr-bdr) !important;
  color: var(--dr-txt) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  padding: 8px 20px !important;
  transition: border-color .15s, color .15s !important;
}
#order-standard_cart #calcTaxes .btn-default:hover {
  border-color: var(--dr-p) !important;
  color: var(--dr-p) !important;
}

/* ================================================================
   6. GATEWAY CHECKOUT (PayPal etc.)
================================================================ */
#order-standard_cart .view-cart-gateway-checkout {
  background: var(--dr-soft) !important;
  border: 1px solid var(--dr-bdr) !important;
  border-radius: 10px !important;
  padding: 16px !important;
  text-align: center !important;
  margin-bottom: 16px !important;
}

/* ================================================================
   7. MODALS — Remove item / Empty cart
================================================================ */
#order-standard_cart .modal-remove-item .modal-content {
  border: 1px solid var(--dr-bdr) !important;
  border-radius: 16px !important;
  background: var(--dr-bg) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.15) !important;
}
#order-standard_cart .modal-remove-item .modal-body {
  text-align: center !important;
  padding: 28px 24px 16px !important;
  color: var(--dr-txt) !important;
  border: none !important;
}
#order-standard_cart .modal-remove-item .modal-body .modal-title {
  font-weight: 800 !important;
  font-size: 1.1rem !important;
  color: var(--dr-txt) !important;
  margin-bottom: 10px !important;
}
#order-standard_cart .modal-remove-item .modal-body i.fa-times {
  color: var(--dr-bad) !important;
  display: block !important;
  margin-bottom: 12px !important;
}
#order-standard_cart .modal-remove-item .modal-body i.fa-trash-alt {
  color: var(--dr-warn) !important;
  display: block !important;
  margin-bottom: 12px !important;
}
#order-standard_cart .modal-remove-item .modal-footer {
  border: none !important;
  background: var(--dr-soft) !important;
  border-radius: 0 0 16px 16px !important;
  padding: 16px 24px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
}
#order-standard_cart .modal-remove-item .modal-footer .btn-default {
  background: var(--dr-soft) !important;
  border: 1px solid var(--dr-bdr) !important;
  color: var(--dr-txt) !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  padding: 9px 22px !important;
  transition: border-color .15s !important;
}
#order-standard_cart .modal-remove-item .modal-footer .btn-default:hover {
  border-color: var(--dr-p) !important;
  color: var(--dr-p) !important;
}
#order-standard_cart .modal-remove-item .modal-footer .btn-primary {
  background: var(--dr-bad) !important;
  border-color: var(--dr-bad) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 9px 22px !important;
  transition: background .2s !important;
}
#order-standard_cart .modal-remove-item .modal-footer .btn-primary:hover {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
}
/* Close button in modal */
#order-standard_cart .modal-remove-item .close {
  color: var(--dr-sub) !important;
  opacity: 1 !important;
  font-size: 1.3rem !important;
  transition: color .15s !important;
}
#order-standard_cart .modal-remove-item .close:hover {
  color: var(--dr-bad) !important;
}

/* ================================================================
   8. ALERTS (erori promo, bundle warnings)
================================================================ */
#order-standard_cart .alert {
  border-radius: 10px !important;
  font-size: .9rem !important;
  margin-bottom: 16px !important;
}
#order-standard_cart .alert-warning {
  background: rgba(245,158,11,.08) !important;
  border-color: rgba(245,158,11,.3) !important;
  color: #92400e !important;
}
#order-standard_cart .alert-danger {
  background: rgba(239,68,68,.07) !important;
  border-color: rgba(239,68,68,.25) !important;
  color: #b91c1c !important;
}
#order-standard_cart .alert-info {
  background: rgba(37,99,235,.07) !important;
  border-color: rgba(37,99,235,.25) !important;
  color: #1e40af !important;
}
#order-standard_cart .alert-success {
  background: rgba(16,185,129,.07) !important;
  border-color: rgba(16,185,129,.25) !important;
  color: #065f46 !important;
}
@media (prefers-color-scheme: dark) {
  #order-standard_cart .alert-warning { color: var(--dr-warn) !important; }
  #order-standard_cart .alert-danger  { color: #fca5a5 !important; }
  #order-standard_cart .alert-info    { color: #93c5fd !important; }
  #order-standard_cart .alert-success { color: #6ee7b7 !important; }
}

/* ================================================================
   9. DROPDOWN pentru perioade domeniu (1 an / 2 ani)
================================================================ */
#order-standard_cart .item-price .dropdown-toggle {
  background: var(--dr-soft) !important;
  border: 1px solid var(--dr-bdr) !important;
  color: var(--dr-txt) !important;
  border-radius: 6px !important;
  font-size: .8rem !important;
  padding: 3px 10px !important;
  font-weight: 600 !important;
  transition: border-color .15s !important;
}
#order-standard_cart .item-price .dropdown-toggle:hover {
  border-color: var(--dr-p) !important;
  color: var(--dr-p) !important;
}
#order-standard_cart .item-price .dropdown-menu {
  border: 1px solid var(--dr-bdr) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.1) !important;
  background: var(--dr-bg) !important;
  padding: 6px !important;
}
#order-standard_cart .item-price .dropdown-item a {
  display: block !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  color: var(--dr-txt) !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  transition: background .1s !important;
  text-decoration: none !important;
}
#order-standard_cart .item-price .dropdown-item a:hover {
  background: var(--dr-soft) !important;
  color: var(--dr-p) !important;
}

/*
 * Gazduire.Net — Product Cards Override (orderform)
 * Tintit exclusiv pe clasele din .products .product
 * Cu suport dark / light mode via CSS variables
 */

/* === VARIABILE LIGHT (default) === */
#order-standard_cart {
  --c-bg:       #fff;
  --c-soft:     #f8fafc;
  --c-txt:      #1e293b;
  --c-sub:      #64748b;
  --c-bdr:      #e2e8f0;
  --c-p:        #2563eb;
  --c-pdk:      #1d4ed8;
  --c-plt:      rgba(37,99,235,.08);
  --c-ok:       #10b981;
  --c-shadow:   rgba(0,0,0,.04);
  --c-shadow-h: rgba(37,99,235,.12);
}
/* === VARIABILE DARK === */
@media (prefers-color-scheme: dark) {
  #order-standard_cart {
    --c-bg:       #1e293b;
    --c-soft:     #111a2e;
    --c-txt:      #f1f5f9;
    --c-sub:      #94a3b8;
    --c-bdr:      #334155;
    --c-p:        #3b82f6;
    --c-pdk:      #2563eb;
    --c-plt:      rgba(59,130,246,.12);
    --c-ok:       #10b981;
    --c-shadow:   rgba(0,0,0,.2);
    --c-shadow-h: rgba(59,130,246,.2);
  }
}

/* === EQUAL HEIGHT GRID === */
#order-standard_cart .row-eq-height {
  display: flex !important;
  flex-wrap: wrap !important;
}
#order-standard_cart .row-eq-height > [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
}

/* === CARD === */
#order-standard_cart .products .product {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 0 20px !important;
  background: var(--c-bg) !important;
  border: 1px solid var(--c-bdr) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px var(--c-shadow) !important;
  overflow: hidden !important;
  transition: box-shadow .2s, border-color .2s, transform .15s !important;
}
#order-standard_cart .products .product:hover {
  box-shadow: 0 10px 30px var(--c-shadow-h) !important;
  border-color: var(--c-p) !important;
  transform: translateY(-2px) !important;
}

/* === HEADER === */
#order-standard_cart .products .product header {
  position: relative !important;
  padding: 16px 20px !important;
  margin: 0 !important;
  background: var(--c-soft) !important;
  border-bottom: 1px solid var(--c-bdr) !important;
  border-radius: 16px 16px 0 0 !important;
}
#order-standard_cart .products .product header span {
  display: block !important;
  margin: 0 !important;
  color: var(--c-txt) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  line-height: 1.3 !important;
}
#order-standard_cart .products .product header .qty {
  float: right !important;
  font-size: .75rem !important;
  font-style: normal !important;
  font-weight: 600 !important;
  color: var(--c-p) !important;
  background: var(--c-plt) !important;
  padding: 2px 8px !important;
  border-radius: 20px !important;
}

/* === PRODUCT DESC === */
#order-standard_cart .products .product div.product-desc {
  float: none !important;
  width: 100% !important;
  flex: 1 !important;
  padding: 14px 20px !important;
  font-size: .88rem !important;
  color: var(--c-sub) !important;
  line-height: 1.65 !important;
}
#order-standard_cart .products .product div.product-desc ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#order-standard_cart .products .product div.product-desc ul li {
  padding: 4px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: var(--c-sub) !important;
}
#order-standard_cart .products .product div.product-desc ul li::before {
  content: "\2713" !important;
  color: var(--c-ok) !important;
  font-weight: 700 !important;
  font-size: .78rem !important;
  flex-shrink: 0 !important;
}
#order-standard_cart .products .product span.feature-value {
  color: var(--c-txt) !important;
  font-weight: 700 !important;
}

/* === FOOTER === */
#order-standard_cart .products .product footer {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 20px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-top: 1px solid var(--c-bdr) !important;
  background: var(--c-soft) !important;
  font-size: .88rem !important;
  text-align: left !important;
}

/* === PRICING === */
#order-standard_cart .products .product div.product-pricing {
  margin: 0 !important;
  line-height: 1.4 !important;
  color: var(--c-sub) !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
}
#order-standard_cart .products .product div.product-pricing span.price {
  display: block !important;
  font-size: 1.55rem !important;
  font-weight: 800 !important;
  color: var(--c-p) !important;
  line-height: 1.1 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* === BUTON COMANDA === */
#order-standard_cart .products .product .btn-order-now {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 10px 18px !important;
  background: var(--c-p) !important;
  border: 2px solid var(--c-p) !important;
  color: #fff !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: background .2s, border-color .2s, box-shadow .2s, transform .15s !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  text-decoration: none !important;
}
#order-standard_cart .products .product .btn-order-now:hover {
  background: var(--c-pdk) !important;
  border-color: var(--c-pdk) !important;
  box-shadow: 0 6px 18px var(--c-shadow-h) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}
#order-standard_cart .products .product .btn-order-now i {
  font-size: .82rem !important;
}


/* ================================================================
   GAZDUIRE.NET — FULL THEME FIX
   Footer + Tabele + Tichete + Home + Clientarea
   Dark / light mode cu CSS variables
================================================================ */

:root {
  --gz-bg:     #fff;
  --gz-soft:   #f8fafc;
  --gz-card:   #fff;
  --gz-txt:    #1e293b;
  --gz-sub:    #64748b;
  --gz-bdr:    #e2e8f0;
  --gz-p:      #2563eb;
  --gz-ok:     #10b981;
  --gz-warn:   #f59e0b;
  --gz-bad:    #ef4444;
  --gz-info:   #0ea5e9;
  --gz-head:   #0f172a;
}
@media (prefers-color-scheme: dark) {
  :root {
    --gz-bg:   #1e293b;
    --gz-soft: #111a2e;
    --gz-card: #1e293b;
    --gz-txt:  #f1f5f9;
    --gz-sub:  #94a3b8;
    --gz-bdr:  #334155;
    --gz-p:    #3b82f6;
    --gz-ok:   #10b981;
    --gz-warn: #f59e0b;
    --gz-bad:  #ef4444;
    --gz-info: #38bdf8;
    --gz-head: #060d1a;
  }
}

/* ================================================================
   1. FOOTER — ul reset: elimina bullets + padding stanga
================================================================ */
footer .footer-col ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
footer .footer-col ul li {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
footer .footer-col ul li::before {
  display: none !important;
  content: none !important;
}
/* contact-info la fel */
footer .contact-info {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
footer .contact-info li {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* ================================================================
   2. TABLE-LIST — fix alb-pe-dark pe toate paginile cu tabele
      (services, domenii, facturi, tichete)
================================================================ */

/* Container */
.table-container {
  background: var(--gz-bg) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--gz-bdr) !important;
  margin-bottom: 16px !important;
}

/* Tabel wrapper DataTables */
.dataTables_wrapper table.table-list {
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  background: var(--gz-bg) !important;
}

/* Header tabel */
table.table-list thead th {
  padding: 12px 10px !important;
  background-color: var(--gz-soft) !important;
  border-bottom: 2px solid var(--gz-bdr) !important;
  color: var(--gz-sub) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  text-align: left !important;
  white-space: nowrap !important;
}
.dataTables_wrapper table.table-list thead th {
  border-bottom: 2px solid var(--gz-bdr) !important;
  background-color: var(--gz-soft) !important;
  color: var(--gz-sub) !important;
}
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
  background-color: var(--gz-soft) !important;
  color: var(--gz-p) !important;
}

/* CELULE — FIX PRINCIPAL: alb pe dark */
.table-list > tbody > tr > td {
  background-color: var(--gz-bg) !important;
  color: var(--gz-txt) !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
  padding: 12px 10px !important;
  vertical-align: middle !important;
  font-size: .9rem !important;
}
.table-list > tbody > tr:last-child > td {
  border-bottom: none !important;
}

/* Rând alternativ */
.table-list > tbody > tr:nth-child(even) > td {
  background-color: color-mix(in srgb, var(--gz-soft) 60%, var(--gz-bg)) !important;
}

/* Hover rând */
.table-list > tbody > tr:hover {
  cursor: pointer !important;
}
.table-list > tbody > tr:hover > td {
  background-color: var(--gz-soft) !important;
  color: var(--gz-txt) !important;
}

/* Link ticket cu border-left */
.table-list > tbody > tr > td a.border-left {
  border-left: 3px solid var(--gz-p) !important;
  padding-left: 12px !important;
  display: block !important;
  color: var(--gz-txt) !important;
  text-decoration: none !important;
  transition: color .15s !important;
}
.table-list > tbody > tr > td a.border-left:hover {
  color: var(--gz-p) !important;
}

/* Numarul tichetului */
.ticket-number {
  display: inline-block !important;
  color: var(--gz-sub) !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  margin-right: 6px !important;
}
.ticket-subject {
  color: var(--gz-txt) !important;
  font-weight: 500 !important;
}
.ticket-subject.unread {
  font-weight: 700 !important;
  color: var(--gz-txt) !important;
}

/* Text in tabele */
.table-list > tbody > tr > td strong {
  color: var(--gz-txt) !important;
}
.table-list > tbody > tr > td a {
  color: var(--gz-p) !important;
}
.table-list > tbody > tr > td small,
.table-list > tbody > tr > td .text-muted {
  color: var(--gz-sub) !important;
}

/* DataTables info / filter / paginate */
.dataTables_wrapper div.dataTables_info,
.dataTables_wrapper div.dataTables_length label {
  color: var(--gz-sub) !important;
  font-size: .85rem !important;
  padding-top: 10px !important;
}
.dataTables_wrapper div.dataTables_filter label {
  color: var(--gz-sub) !important;
}
.dataTables_wrapper div.dataTables_filter label .form-control {
  background-color: var(--gz-bg) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  border-radius: 8px !important;
  padding: 7px 12px 7px 14px !important;
  background-image: none !important;
}
.dataTables_wrapper div.dataTables_filter label .form-control:focus {
  border-color: var(--gz-p) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}
.dataTables_wrapper .listtable {
  background: var(--gz-bg) !important;
}

/* Paginare DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: var(--gz-bg) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 8px !important;
  color: var(--gz-txt) !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  margin: 0 2px !important;
  padding: 5px 12px !important;
  transition: background .15s, border-color .15s !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--gz-soft) !important;
  border-color: var(--gz-p) !important;
  color: var(--gz-p) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--gz-p) !important;
  border-color: var(--gz-p) !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: var(--gz-sub) !important;
  cursor: default !important;
}

/* View filter buttons (sidebar filtre) */
.view-filter-btns .list-group-item {
  background: var(--gz-bg) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  font-weight: 600 !important;
  font-size: .88rem !important;
  cursor: pointer !important;
  transition: background .15s, color .15s !important;
}
.view-filter-btns .list-group-item:hover {
  background: var(--gz-soft) !important;
  color: var(--gz-p) !important;
}
.view-filter-btns .list-group-item.active {
  background: var(--gz-p) !important;
  border-color: var(--gz-p) !important;
  color: #fff !important;
}

/* ================================================================
   3. STATUS BADGES — .label.status
================================================================ */
.label.status {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  white-space: nowrap !important;
}
.status-active, .status-open, .status-completed, .status-paid,
.status-delivered, .status-accepted { background-color: var(--gz-ok)   !important; }
.status-pending, .status-pending-transfer
                                      { background-color: var(--gz-warn) !important; }
.status-suspended, .status-grace, .status-pending-registration,
.status-redemption, .status-customer-reply,
.status-payment-pending, .status-refunded
                                      { background-color: var(--gz-warn) !important; }
.status-fraud, .status-dead, .status-lost,
.status-cancelled, .status-terminated,
.status-unpaid                        { background-color: var(--gz-bad)  !important; }
.status-answered, .status-inprogress  { background-color: var(--gz-p)   !important; }
.status-onhold                        { background-color: var(--gz-info) !important; }
.status-closed, .status-collections,
.status-expired, .status-transferred-away
                                      { background-color: var(--gz-sub)  !important; }
/* Custom color (tichete) */
.label.status.status-custom           { color: #fff !important; }

/* ================================================================
   4. VIEW TICKET — pagina ticket individual
================================================================ */

/* Card wrapper */
.view-ticket.card {
  background: var(--gz-card) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}

/* Card body separator */
.view-ticket .card-body {
  padding: 0 !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
  background: var(--gz-bg) !important;
}
.view-ticket .card-body:last-child {
  border-bottom: none !important;
}

/* Header card (titlu + butoane) */
.view-ticket > .card-body:first-child {
  padding: 18px 22px !important;
  background: var(--gz-soft) !important;
}
.view-ticket .card-title {
  color: var(--gz-txt) !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
}
.view-ticket .card-body p {
  color: var(--gz-sub) !important;
  font-size: .9rem !important;
  margin: 0 !important;
}
.view-ticket .card-body p strong {
  color: var(--gz-txt) !important;
}

/* Posted-by bar */
.view-ticket .posted-by {
  background-color: var(--gz-soft) !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
  color: var(--gz-sub) !important;
  font-size: .85rem !important;
  padding: 10px 20px !important;
}
.view-ticket .posted-by .posted-by-name {
  font-weight: 700 !important;
  color: var(--gz-txt) !important;
}
.view-ticket .posted-by .posted-on {
  color: var(--gz-sub) !important;
}

/* Requestor badge */
.view-ticket .requestor-badge {
  font-size: .72rem !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
}
.requestor-type-client {
  background: var(--gz-plt, rgba(37,99,235,.1)) !important;
  color: var(--gz-p) !important;
}
.requestor-type-staff, .requestor-type-admin {
  background: rgba(16,185,129,.12) !important;
  color: var(--gz-ok) !important;
}

/* Message body */
.view-ticket .ticket-reply .message {
  background: var(--gz-bg) !important;
  color: var(--gz-txt) !important;
  padding: 18px 22px !important;
}
.view-ticket .ticket-reply.staff .message {
  background: color-mix(in srgb, var(--gz-soft) 70%, var(--gz-bg)) !important;
  border-left: 3px solid var(--gz-ok) !important;
}
.view-ticket .ticket-reply .message p {
  color: var(--gz-txt) !important;
}
.view-ticket .ticket-reply .message p:last-child {
  margin-bottom: 0 !important;
}
.view-ticket .ticket-reply .message hr {
  border-color: var(--gz-bdr) !important;
}
.view-ticket .ticket-reply .message a {
  color: var(--gz-p) !important;
}

/* Attachments */
.view-ticket .attachments {
  border-top: 1px dashed var(--gz-bdr) !important;
  background: var(--gz-soft) !important;
  font-size: .82rem !important;
  padding: 12px 22px !important;
  color: var(--gz-sub) !important;
}
.view-ticket .attachments strong {
  color: var(--gz-txt) !important;
}
.view-ticket .attachment-list {
  list-style: none !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.view-ticket .attachment-list li {
  display: inline-block !important;
  width: 160px !important;
  vertical-align: top !important;
}
.view-ticket .attachment-list li span {
  display: block !important;
  padding: 8px !important;
  background: var(--gz-bg) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 8px !important;
  text-align: center !important;
  color: var(--gz-sub) !important;
  font-size: .78rem !important;
  transition: border-color .15s !important;
}
.view-ticket .attachment-list li span:hover {
  border-color: var(--gz-p) !important;
  color: var(--gz-p) !important;
}
.view-ticket .attachment-list li figure {
  margin: 0 0 6px !important;
  background: var(--gz-soft) !important;
  line-height: 70px !important;
  text-align: center !important;
  font-size: 2.5rem !important;
  border-radius: 6px !important;
  color: var(--gz-sub) !important;
}

/* Rating stele */
.view-ticket .ticket-reply .rating span.star:before,
.view-ticket .ticket-reply .rating-done span.star:before {
  color: var(--gz-bdr) !important;
}
.view-ticket .ticket-reply .rating span.star:hover:before,
.view-ticket .ticket-reply .rating span.star:hover ~ span.star:before,
.view-ticket .ticket-reply .rating-done span.star.active:before {
  color: var(--gz-warn) !important;
}

/* Reply form card */
#ticketReplyContainer.card {
  background: var(--gz-card) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
#ticketReplyContainer .card-body {
  background: var(--gz-bg) !important;
  padding: 22px !important;
}
#ticketReplyContainer .card-title {
  color: var(--gz-txt) !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  margin-bottom: 18px !important;
}

/* ================================================================
   5. CLIENT HOME — tiles + cards
================================================================ */

/* Tiles (statistici sus) */
.tiles .tile {
  background-color: var(--gz-card) !important;
  border-right: 1px solid var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  text-decoration: none !important;
  display: block !important;
  position: relative !important;
  padding: 16px 20px !important;
  transition: background .2s !important;
}
.tiles .tile:hover {
  background-color: var(--gz-soft) !important;
  cursor: pointer !important;
}
.tiles .tile .stat {
  font-size: 2.8rem !important;
  font-weight: 800 !important;
  color: var(--gz-txt) !important;
  line-height: 1 !important;
  margin-top: 16px !important;
}
.tiles .tile .title {
  font-weight: 700 !important;
  color: var(--gz-sub) !important;
  text-transform: uppercase !important;
  font-size: .72rem !important;
  letter-spacing: .8px !important;
  margin-top: 4px !important;
}
.tiles .tile i {
  position: absolute !important;
  top: 12px !important;
  right: 16px !important;
  font-size: 3.2rem !important;
  color: var(--gz-bdr) !important;
  transition: font-size .2s, color .2s !important;
}
.tiles .tile:hover i {
  font-size: 4rem !important;
  color: var(--gz-p) !important;
  opacity: .3 !important;
}
.tiles .tile .highlight {
  margin-top: 6px !important;
  height: 3px !important;
  border-radius: 2px !important;
}
.tiles .row > div:last-child .tile {
  border-right: 0 !important;
}
@media (max-width: 1199.98px) {
  .tiles div:nth-child(2) > .tile,
  .tiles div:nth-child(4) > .tile { border-right: 0 !important; }
  .tiles div:nth-child(3) > .tile,
  .tiles div:nth-child(4) > .tile { border-top: 1px solid var(--gz-bdr) !important; }
}
@media (max-width: 575.98px) {
  .tiles div:nth-child(even) > .tile { border-right: 0 !important; }
  .tiles div:nth-child(n+3) > .tile  { border-top: 1px solid var(--gz-bdr) !important; }
}

/* bg-color overrides (tile highlights) */
.bg-color-blue    { background-color: var(--gz-p)    !important; }
.bg-color-green   { background-color: var(--gz-ok)   !important; }
.bg-color-red     { background-color: var(--gz-bad)  !important; }
.bg-color-gold    { background-color: var(--gz-warn) !important; }
.bg-color-teal    { background-color: #0ea5e9        !important; }
.bg-color-orange  { background-color: #f97316        !important; }
.bg-color-purple  { background-color: #8b5cf6        !important; }

/* Client home cards wrapper */
.client-home-cards .card {
  background: var(--gz-card) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}
.client-home-cards .card-header {
  background: var(--gz-soft) !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
  padding: 12px 18px !important;
}
.client-home-cards .card-title {
  color: var(--gz-txt) !important;
  font-weight: 700 !important;
  font-size: .95rem !important;
  margin: 0 !important;
}
.client-home-cards .card-title i {
  color: var(--gz-p) !important;
}
.client-home-cards .card-body {
  background: var(--gz-bg) !important;
  padding: 16px 18px !important;
  color: var(--gz-txt) !important;
}
.client-home-cards .card-footer {
  background: var(--gz-soft) !important;
  border-top: 1px solid var(--gz-bdr) !important;
  padding: 10px 18px !important;
  min-height: 0 !important;
}
/* Empty card-footer (fara continut) */
.client-home-cards .card-footer:empty {
  display: none !important;
}

/* card-accent colors */
.card-accent-gold        { border-top: 3px solid var(--gz-warn) !important; }
.card-accent-green       { border-top: 3px solid var(--gz-ok)   !important; }
.card-accent-red         { border-top: 3px solid var(--gz-bad)  !important; }
.card-accent-blue        { border-top: 3px solid var(--gz-p)    !important; }
.card-accent-teal        { border-top: 3px solid #0ea5e9        !important; }
.card-accent-orange      { border-top: 3px solid #f97316        !important; }
.card-accent-purple      { border-top: 3px solid #8b5cf6        !important; }
.card-accent-pink        { border-top: 3px solid #ec4899        !important; }
.card-accent-lime        { border-top: 3px solid #84cc16        !important; }
.card-accent-magenta     { border-top: 3px solid #d946ef        !important; }
.card-accent-turquoise   { border-top: 3px solid #14b8a6        !important; }
.card-accent-emerald     { border-top: 3px solid #059669        !important; }
.card-accent-amethyst    { border-top: 3px solid #7c3aed        !important; }
.card-accent-silver      { border-top: 3px solid #94a3b8        !important; }
.card-accent-midnight-blue { border-top: 3px solid #1e3a5f      !important; }
.card-accent-sun-flower  { border-top: 3px solid #fbbf24        !important; }
.card-accent-pomegranate { border-top: 3px solid #dc2626        !important; }
.card-accent-wet-asphalt { border-top: 3px solid #475569        !important; }

/* btn-xs in card header (eg. "View All") */
.client-home-cards .btn.btn-xs {
  font-size: .75rem !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  background: var(--gz-bg) !important;
  border: 1px solid var(--gz-bdr) !important;
  color: var(--gz-sub) !important;
  transition: border-color .15s, color .15s !important;
}
.client-home-cards .btn.btn-xs:hover {
  border-color: var(--gz-p) !important;
  color: var(--gz-p) !important;
}

/* List group in home cards */
.client-home-cards .list-group-item {
  background: var(--gz-bg) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  padding: 11px 18px !important;
  font-size: .9rem !important;
  transition: background .1s !important;
}
.client-home-cards .list-group-item:hover {
  background: var(--gz-soft) !important;
  color: var(--gz-p) !important;
}
.client-home-cards .list-group-item.active {
  background: var(--gz-p) !important;
  border-color: var(--gz-p) !important;
  color: #fff !important;
}
.client-home-cards .list-group-item i {
  color: var(--gz-p) !important;
  width: 16px !important;
}
.client-home-cards .list-group-item.active i {
  color: #fff !important;
}
.client-home-cards .list-group-item .badge {
  background: var(--gz-soft) !important;
  color: var(--gz-sub) !important;
  border: 1px solid var(--gz-bdr) !important;
  font-size: .7rem !important;
  padding: 2px 7px !important;
  border-radius: 10px !important;
}
.client-home-cards .list-group-item.active .badge {
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.3) !important;
}

/* Panel vechi (clientareahome foloseste panel pt grupul clientului) */
.panel.panel-default {
  background: var(--gz-card) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}
.panel .panel-heading {
  background: var(--gz-soft) !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
  padding: 12px 18px !important;
}
.panel .panel-title {
  color: var(--gz-txt) !important;
  font-weight: 700 !important;
  font-size: .95rem !important;
}

/* ================================================================
   6. MARKDOWN CONTENT (mesaje tichete)
================================================================ */
.markdown-content {
  color: var(--gz-txt) !important;
}
.markdown-content h1, .markdown-content h2,
.markdown-content h3, .markdown-content h4 {
  color: var(--gz-txt) !important;
}
.markdown-content pre {
  background-color: var(--gz-head) !important;
  color: #f1f5f9 !important;
  border-radius: 8px !important;
  padding: 14px !important;
  border: 0 !important;
}
.markdown-content blockquote {
  border-left: 4px solid var(--gz-p) !important;
  background: var(--gz-soft) !important;
  padding: 10px 16px !important;
  border-radius: 0 8px 8px 0 !important;
  color: var(--gz-sub) !important;
}
.markdown-content table {
  background-color: var(--gz-bg) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.markdown-content table > thead > tr > th {
  background-color: var(--gz-soft) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-sub) !important;
}
.markdown-content table > tbody > tr > td {
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
}
.markdown-content a {
  color: var(--gz-p) !important;
}

/* ================================================================
   7. SERVICII — clientareaproducts / clientareadomains
================================================================ */
/* SSL status icon in tabel */
.table-list td.ssl-info img {
  opacity: .85 !important;
  transition: opacity .15s !important;
}
.table-list tr:hover td.ssl-info img {
  opacity: 1 !important;
}

/* ================================================================
   8. ANNOUNCEMENTS + KB
================================================================ */
.announcements .announcement article {
  background: var(--gz-soft) !important;
  border-left: 4px solid var(--gz-p) !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 14px 18px !important;
  color: var(--gz-txt) !important;
}
.announcements .announcement article p {
  color: var(--gz-txt) !important;
}

.kb-category a:hover {
  background-color: var(--gz-soft) !important;
  color: var(--gz-p) !important;
}
.kb-article-item:hover {
  background-color: var(--gz-soft) !important;
  text-decoration: none !important;
}

/* ================================================================
   9. ALERTS (flash messages)
================================================================ */
.alert {
  border-radius: 10px !important;
  font-size: .9rem !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.alert-danger  { background: rgba(239,68,68,.08)  !important; border-color: rgba(239,68,68,.25)  !important; color: #b91c1c !important; }
.alert-success { background: rgba(16,185,129,.08)  !important; border-color: rgba(16,185,129,.25) !important; color: #065f46 !important; }
.alert-warning { background: rgba(245,158,11,.08)  !important; border-color: rgba(245,158,11,.25) !important; color: #92400e !important; }
.alert-info    { background: rgba(37,99,235,.07)   !important; border-color: rgba(37,99,235,.25)  !important; color: #1e40af !important; }
@media (prefers-color-scheme: dark) {
  .alert-danger  { color: #fca5a5 !important; }
  .alert-success { color: #6ee7b7 !important; }
  .alert-warning { color: #fcd34d !important; }
  .alert-info    { color: #93c5fd !important; }
}


/* ================================================================
   GAZDUIRE.NET — FIX BATCH 2
   1. DataTables padding  2. Sidebar truncate  3. Ticket form dark
   4. Invoice dark mode   5. Payment button
================================================================ */

/* ================================================================
   1. DATATABLES WRAPPER — padding interior
================================================================ */
.dataTables_wrapper.dt-bootstrap4 {
  padding: 0 !important;
}
.dataTables_wrapper.dt-bootstrap4 .listtable {
  padding: 8px 12px !important;
  background: var(--gz-bg) !important;
}
/* Row cu filter + info */
.dataTables_wrapper.dt-bootstrap4 .row:first-child {
  padding: 10px 14px 4px !important;
  background: var(--gz-soft) !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
  margin: 0 !important;
}
/* Row cu paginare */
.dataTables_wrapper.dt-bootstrap4 .row:last-child {
  padding: 8px 14px !important;
  background: var(--gz-soft) !important;
  border-top: 1px solid var(--gz-bdr) !important;
  margin: 0 !important;
}
/* Tabelul propriu-zis fara margini proprii */
.dataTables_wrapper.dt-bootstrap4 table.table-list {
  margin: 0 !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
}

/* ================================================================
   2. SIDEBAR truncate fix — min-width:0 pe label ca sa
      permita text-overflow:ellipsis in flex container
================================================================ */
.sidebar .sidebar-menu-item-wrapper {
  display: flex !important;
  flex-flow: row !important;
  align-items: center !important;
  min-width: 0 !important;        /* esential pentru truncate in flex */
  width: 100% !important;
  gap: 6px !important;
}
.sidebar .sidebar-menu-item-label {
  min-width: 0 !important;        /* permite ellipsis */
  flex: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.sidebar .sidebar-menu-item-icon-wrapper {
  flex-shrink: 0 !important;
  width: 20px !important;
  text-align: center !important;
  margin-right: 0 !important;
}
.sidebar .sidebar-menu-item-badge {
  flex-shrink: 0 !important;
  margin-left: auto !important;
}
/* recent-ticket specific — nu trunchiem subiectul, il lasam pe 2 linii */
.sidebar .list-group-item.recent-ticket .sidebar-menu-item-label {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: .82rem !important;
  line-height: 1.4 !important;
}

/* ================================================================
   3. TICKET SUBMIT FORM — dark mode: textarea + file input
================================================================ */

/* Textarea markdown editor */
textarea.form-control,
textarea.markdown-editor,
textarea.md-input {
  background-color: var(--gz-bg) !important;
  color: var(--gz-txt) !important;
  border-color: var(--gz-bdr) !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-size: .93rem !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  line-height: 1.7 !important;
  resize: vertical !important;
}
textarea.form-control:focus,
textarea.markdown-editor:focus {
  border-color: var(--gz-p) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  outline: none !important;
  background-color: var(--gz-bg) !important;
  color: var(--gz-txt) !important;
}
textarea.form-control::placeholder {
  color: var(--gz-sub) !important;
}

/* Custom file input — butonul si label-ul */
.custom-file-label {
  background-color: var(--gz-bg) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  border-radius: 8px !important;
  padding: 9px 14px !important;
  font-size: .9rem !important;
  height: auto !important;
}
.custom-file-label::after {
  background-color: var(--gz-soft) !important;
  border-left-color: var(--gz-bdr) !important;
  color: var(--gz-sub) !important;
  border-radius: 0 8px 8px 0 !important;
  height: 100% !important;
  padding: 9px 14px !important;
  font-size: .88rem !important;
  display: flex !important;
  align-items: center !important;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: var(--gz-p) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}
/* Ascunde input-ul nativ (transparent) */
.custom-file-input {
  opacity: 0 !important;
  position: absolute !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  cursor: pointer !important;
}
.custom-file {
  position: relative !important;
  display: inline-block !important;
  width: 100% !important;
  height: auto !important;
  margin-bottom: 0 !important;
}

/* MD Editor container in dark mode */
.md-editor {
  border-color: var(--gz-bdr) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: var(--gz-bg) !important;
}
.md-editor > .md-header,
.md-editor .md-footer {
  background: var(--gz-soft) !important;
  border-color: var(--gz-bdr) !important;
}
.md-editor > .md-header .btn-group .btn {
  color: var(--gz-sub) !important;
  background: transparent !important;
  border-color: var(--gz-bdr) !important;
}
.md-editor > .md-header .btn-group .btn:hover {
  color: var(--gz-p) !important;
  background: var(--gz-plt, rgba(37,99,235,.08)) !important;
}
.md-editor textarea {
  background: var(--gz-bg) !important;
  color: var(--gz-txt) !important;
  border: none !important;
  padding: 12px 16px !important;
}
.md-editor .md-preview {
  background: var(--gz-bg) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  padding: 12px 16px !important;
}

/* ================================================================
   4. VIEWINVOICE — pagina factura, standalone (fara header WHMCS)
================================================================ */

/* Container principal */
.invoice-container {
  background-color: var(--gz-card) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Titluri */
.invoice-container h2,
.invoice-container h3 {
  color: var(--gz-txt) !important;
  font-weight: 800 !important;
}

/* Adresa / small text */
.invoice-container .small-text,
.invoice-container address {
  color: var(--gz-sub) !important;
  font-size: .9rem !important;
}
.invoice-container address strong,
.invoice-container .small-text strong {
  color: var(--gz-txt) !important;
}

/* HR */
.invoice-container hr {
  border-color: var(--gz-bdr) !important;
}

/* Status text */
.invoice-container .invoice-status {
  font-weight: 800 !important;
}
.invoice-container .draft     { color: var(--gz-sub)  !important; }
.invoice-container .unpaid    { color: var(--gz-bad)   !important; }
.invoice-container .paid      { color: var(--gz-ok)    !important; }
.invoice-container .refunded  { color: var(--gz-info)  !important; }
.invoice-container .cancelled { color: var(--gz-sub)   !important; }
.invoice-container .collections { color: var(--gz-warn) !important; }

/* Card bg-default (tabelul de items) */
.invoice-container .card.bg-default {
  background: var(--gz-card) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}
.invoice-container .card.bg-default .card-header {
  background: var(--gz-soft) !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
  padding: 12px 20px !important;
}
.invoice-container .card.bg-default .card-title {
  color: var(--gz-txt) !important;
  font-weight: 700 !important;
}

/* Tabelul de items si tranzactii */
.invoice-container .table,
.invoice-container .table-responsive .table {
  background: var(--gz-card) !important;
  color: var(--gz-txt) !important;
  margin-bottom: 0 !important;
}
.invoice-container .table td,
.invoice-container .table th {
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  vertical-align: middle !important;
  padding: 10px 14px !important;
}
.invoice-container .table thead td,
.invoice-container .table thead th {
  background: var(--gz-soft) !important;
  color: var(--gz-sub) !important;
  font-weight: 700 !important;
  font-size: .82rem !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
}
.invoice-container .table thead td strong,
.invoice-container .table thead th strong {
  color: var(--gz-sub) !important;
  font-weight: 700 !important;
}
.invoice-container td.total-row {
  background-color: var(--gz-soft) !important;
  color: var(--gz-txt) !important;
  font-weight: 700 !important;
  border-top: 2px solid var(--gz-bdr) !important;
}
.invoice-container td.total-row strong {
  color: var(--gz-txt) !important;
}

/* Container tranzactii */
.invoice-container .transactions-container {
  margin: 16px 0 !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Card credit */
.invoice-container .card.mb-3 {
  background: var(--gz-card) !important;
  border-color: var(--gz-bdr) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.invoice-container .card.mb-3 .card-header.bg-success {
  background: rgba(16,185,129,.15) !important;
  border-bottom: 1px solid rgba(16,185,129,.3) !important;
}
.invoice-container .card.mb-3 .card-header.bg-success h3 {
  color: var(--gz-ok) !important;
}
.invoice-container .card.mb-3 .card-body {
  background: var(--gz-bg) !important;
  color: var(--gz-txt) !important;
  padding: 18px 20px !important;
}

/* Payment dropdown gateway */
.invoice-container .form-inline .form-control,
.invoice-container select {
  background: var(--gz-bg) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  border-radius: 8px !important;
  padding: 7px 12px !important;
}

/* Butoane print/download */
.invoice-container .btn-group.btn-group-sm .btn-default {
  background: var(--gz-soft) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-sub) !important;
  font-weight: 600 !important;
  transition: border-color .15s, color .15s !important;
}
.invoice-container .btn-group.btn-group-sm .btn-default:hover {
  border-color: var(--gz-p) !important;
  color: var(--gz-p) !important;
}

/* Back link */
.invoice-container ~ p.text-center a {
  color: var(--gz-p) !important;
}

/* ================================================================
   5. PAYMENT BUTTON — {$paymentbutton} rendered de WHMCS
      Poate fi form cu input[type=image], button sau iframe
================================================================ */
.payment-btn-container {
  margin: 14px 0 !important;
  text-align: center !important;
}

/* Input type=image (butoane PayPal vechi etc.) */
.payment-btn-container input[type="image"] {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block !important;
  cursor: pointer !important;
  border: none !important;
  border-radius: 6px !important;
}

/* Input type=submit in zona de plata */
.payment-btn-container input[type="submit"],
.payment-btn-container .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 28px !important;
  background: var(--gz-p) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: .95rem !important;
  cursor: pointer !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  transition: background .2s, box-shadow .2s, transform .15s !important;
  min-width: 160px !important;
}
.payment-btn-container input[type="submit"]:hover,
.payment-btn-container .btn:hover {
  background: var(--gz-pdk, #1d4ed8) !important;
  box-shadow: 0 6px 18px rgba(37,99,235,.3) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

/* Tabel interior (PayPal table layout) */
.payment-btn-container table {
  margin: 0 auto !important;
  background: transparent !important;
  border: none !important;
}
.payment-btn-container table td {
  padding: 4px !important;
  border: none !important;
  background: transparent !important;
  vertical-align: middle !important;
}

/* Iframe payment (3DS etc.) */
.payment-btn-container iframe {
  max-width: 100% !important;
  border: none !important;
  border-radius: 8px !important;
}


/* ================================================================
   GAZDUIRE.NET — FIX BATCH 3
   clientareaproductdetails.tpl — fix complet dark/light mode
================================================================ */

/* ================================================================
   1. PRODUCT STATUS BOX — icon + status bar
================================================================ */

/* Container produs */
.product-status {
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
  border: 1px solid var(--gz-bdr) !important;
}

/* Icon area */
div.product-details div.product-icon {
  background-color: var(--gz-soft) !important;
  border-radius: 0 !important;
  padding: 24px 20px !important;
  line-height: 1.2 !important;
  font-size: 50px !important;
  text-align: center !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
}
div.product-details div.product-icon h3 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--gz-txt) !important;
  margin: 10px 0 4px !important;
}
div.product-details div.product-icon h4 {
  font-size: .82rem !important;
  font-weight: 500 !important;
  color: var(--gz-sub) !important;
  margin: 0 !important;
}
/* fa-stack icon color — mostenit din status color */
.product-status .fa-stack .fa-circle {
  opacity: .15 !important;
}
.product-status-active    div.product-icon .fa-circle { color: var(--gz-ok)   !important; opacity: .2 !important; }
.product-status-pending   div.product-icon .fa-circle { color: var(--gz-warn) !important; opacity: .2 !important; }
.product-status-suspended div.product-icon .fa-circle { color: var(--gz-info) !important; opacity: .2 !important; }
.product-status-terminated div.product-icon .fa-circle,
.product-status-cancelled  div.product-icon .fa-circle { color: var(--gz-sub) !important; opacity: .15 !important; }
.product-status-fraud      div.product-icon .fa-circle { color: var(--gz-bad) !important; opacity: .2 !important; }

/* Status bar colorata la baza */
.product-status-text {
  padding: 8px 12px !important;
  color: #fff !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .8px !important;
  border-radius: 0 !important;
}
.product-status-active    { background-color: transparent !important; }
.product-status-active    .product-status-text { background-color: var(--gz-ok)   !important; }
.product-status-pending   { background-color: transparent !important; }
.product-status-pending   .product-status-text { background-color: var(--gz-warn) !important; color: #fff !important; }
.product-status-suspended { background-color: transparent !important; }
.product-status-suspended .product-status-text { background-color: var(--gz-info) !important; }
.product-status-terminated { background-color: transparent !important; }
.product-status-terminated .product-status-text { background-color: var(--gz-sub) !important; }
.product-status-cancelled  { background-color: transparent !important; }
.product-status-cancelled  .product-status-text { background-color: var(--gz-sub) !important; }
.product-status-fraud      { background-color: transparent !important; }
.product-status-fraud      .product-status-text { background-color: var(--gz-bad) !important; }

/* ================================================================
   2. PRODUCT DETAILS — card principal + coloana dreapta
================================================================ */
.product-details .card {
  background: var(--gz-card) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 14px !important;
}
.product-details .card-body {
  background: var(--gz-bg) !important;
  padding: 22px !important;
  color: var(--gz-txt) !important;
}

/* Coloana dreapta — labels si valori */
.product-details .col-md-6.text-center h4 {
  font-size: .75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
  color: var(--gz-sub) !important;
  margin: 14px 0 2px !important;
}
.product-details .col-md-6.text-center h4 + * {
  color: var(--gz-txt) !important;
  font-weight: 600 !important;
  font-size: .95rem !important;
}
/* Primul h4 fara margin top */
.product-details .col-md-6.text-center h4:first-child {
  margin-top: 0 !important;
}

/* ================================================================
   3. BUTOANE ACTIUNI — Upgrade / Renew / Cancel
================================================================ */
.product-actions-wrapper {
  margin-top: 14px !important;
  gap: 8px !important;
  display: flex !important;
  flex-direction: column !important;
}
.product-actions-wrapper > div {
  margin-bottom: 0 !important;
}
.product-actions-wrapper .btn-block {
  border-radius: 10px !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  font-size: .9rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* ================================================================
   4. TABS — .nav.nav-tabs.responsive-tabs-sm
================================================================ */
ul.nav.nav-tabs.responsive-tabs-sm {
  background: var(--gz-soft) !important;
  border-color: var(--gz-bdr) !important;
  border-bottom: 0 !important;
  border-top: 1px solid var(--gz-bdr) !important;
  border-left: 1px solid var(--gz-bdr) !important;
  border-right: 1px solid var(--gz-bdr) !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 0 12px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2px !important;
  margin-top: 16px !important;
  margin-bottom: 0 !important;
}

/* Link tab */
ul.nav.nav-tabs.responsive-tabs-sm .nav-item a,
ul.nav.nav-tabs.responsive-tabs-sm .nav-item .nav-link {
  color: var(--gz-sub) !important;
  font-weight: 600 !important;
  font-size: .88rem !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  padding: 11px 14px !important;
  background: transparent !important;
  transition: color .15s, border-color .15s !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
ul.nav.nav-tabs.responsive-tabs-sm .nav-item a:hover,
ul.nav.nav-tabs.responsive-tabs-sm .nav-item .nav-link:hover {
  background-color: transparent !important;
  color: var(--gz-p) !important;
  border-bottom-color: var(--gz-bdr) !important;
}
ul.nav.nav-tabs.responsive-tabs-sm .nav-item a.active,
ul.nav.nav-tabs.responsive-tabs-sm .nav-item .nav-link.active {
  color: var(--gz-p) !important;
  font-weight: 700 !important;
  background: transparent !important;
  border-bottom: 3px solid var(--gz-p) !important;
}

/* Connector intre tabs si tab-content (desktop: ascuns) */
.responsive-tabs-sm-connector {
  display: none !important;
}

/* Mobil ≤767px */
@media (max-width: 767.98px) {
  ul.nav.nav-tabs.responsive-tabs-sm {
    background: var(--gz-card) !important;
    border-color: var(--gz-bdr) !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 0 !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  ul.nav.nav-tabs.responsive-tabs-sm .nav-item {
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--gz-bdr) !important;
  }
  ul.nav.nav-tabs.responsive-tabs-sm .nav-item a,
  ul.nav.nav-tabs.responsive-tabs-sm .nav-item .nav-link {
    border: none !important;
    border-left: 3px solid transparent !important;
    border-bottom: none !important;
    padding: 12px 16px !important;
    width: 100% !important;
    border-radius: 0 !important;
    font-size: .92rem !important;
  }
  ul.nav.nav-tabs.responsive-tabs-sm .nav-item a.active,
  ul.nav.nav-tabs.responsive-tabs-sm .nav-item .nav-link.active {
    border-left: 3px solid var(--gz-p) !important;
    border-bottom: none !important;
    background: var(--gz-plt, rgba(37,99,235,.08)) !important;
    color: var(--gz-p) !important;
    font-weight: 700 !important;
  }
  /* Connector mobil */
  .responsive-tabs-sm-connector {
    display: block !important;
  }
  .responsive-tabs-sm-connector .channel {
    float: left !important;
    background: var(--gz-card) !important;
    border-right: 1px solid var(--gz-bdr) !important;
    width: 6px !important;
    height: 5px !important;
  }
  .responsive-tabs-sm-connector .bottom-border {
    margin-left: 5px !important;
    height: 5px !important;
    border-bottom: 1px solid var(--gz-bdr) !important;
  }
}

/* ================================================================
   5. TAB CONTENT — .tab-content.bg-white.product-details-tab-container
================================================================ */

/* Override .bg-white din Bootstrap — FIX PRINCIPAL */
.tab-content.bg-white,
.bg-white {
  background-color: var(--gz-card) !important;
}

/* Container cu datele din taburi */
div.product-details-tab-container {
  background-color: var(--gz-card) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  padding: 20px 24px !important;
  color: var(--gz-txt) !important;
  margin-bottom: 16px !important;
}

/* Randuri date in taburi (domain, configoptions, customfields) */
div.product-details-tab-container .row {
  padding: 8px 0 !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
  align-items: center !important;
}
div.product-details-tab-container .row:last-child {
  border-bottom: none !important;
}
div.product-details-tab-container .row strong {
  color: var(--gz-sub) !important;
  font-weight: 600 !important;
  font-size: .88rem !important;
}
div.product-details-tab-container .row .col-sm-7,
div.product-details-tab-container .row .col-sm-6 {
  color: var(--gz-txt) !important;
  font-weight: 500 !important;
  font-size: .9rem !important;
}

/* Link-uri in tab */
div.product-details-tab-container a.btn {
  margin: 4px !important;
}

/* module-client-area */
.module-client-area {
  padding: 16px !important;
  background: var(--gz-bg) !important;
  color: var(--gz-txt) !important;
}
.module-client-area * {
  color: var(--gz-txt) !important;
}
.module-client-area table {
  background: var(--gz-bg) !important;
}
.module-client-area table td,
.module-client-area table th {
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
}

/* Resource usage dials */
div.product-details-tab-container #resourceusage h4 {
  color: var(--gz-txt) !important;
  font-weight: 700 !important;
  font-size: .9rem !important;
}
div.product-details-tab-container #resourceusage p {
  color: var(--gz-sub) !important;
  font-size: .85rem !important;
}

/* ================================================================
   6. ADDONS CARD — card.bg-default in tabAddons
================================================================ */
.card.bg-default {
  background: var(--gz-card) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 14px !important;
  color: var(--gz-txt) !important;
  overflow: hidden !important;
}
.card.bg-default .card-header {
  background: var(--gz-soft) !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  font-weight: 700 !important;
  padding: 12px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.card.bg-default .card-body {
  background: var(--gz-bg) !important;
  color: var(--gz-txt) !important;
  padding: 16px 18px !important;
}
.card.bg-default .card-body p {
  color: var(--gz-sub) !important;
  font-size: .9rem !important;
  margin-bottom: 6px !important;
}
.card.bg-default .card-footer {
  background: var(--gz-soft) !important;
  border-top: 1px solid var(--gz-bdr) !important;
  padding: 10px 18px !important;
}

/* ================================================================
   7. ACTIVE PRODUCTS SERVICES ITEM (lista servicii)
================================================================ */
.div-service-item {
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--gz-bdr) !important;
  transition: background .1s !important;
}
.div-service-item:last-child {
  border-bottom: none !important;
}
.div-service-item:hover {
  background: var(--gz-soft) !important;
  padding-left: 8px !important;
  margin-left: -8px !important;
  padding-right: 8px !important;
  border-radius: 8px !important;
}

/* Status label circular */
.div-service-status {
  text-align: center !important;
  flex-shrink: 0 !important;
  width: 52px !important;
}
.div-service-status .label {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #fff !important;
  display: inline-block !important;
  line-height: initial !important;
  margin: 0 !important;
  border-radius: 20px !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  padding: 3px 7px !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;
}
.div-service-status .label-placeholder {
  position: absolute !important;
  visibility: hidden !important;
}
.div-service-status .label-success   { background-color: var(--gz-ok)   !important; }
.div-service-status .label-warning   { background-color: var(--gz-warn) !important; }
.div-service-status .label-danger    { background-color: var(--gz-bad)  !important; }
.div-service-status .label-info      { background-color: var(--gz-info) !important; }
.div-service-status .label-default   { background-color: var(--gz-sub)  !important; }

/* Service name + domain */
.div-service-name {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.div-service-name .font-weight-bold {
  font-weight: 700 !important;
  color: var(--gz-txt) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.div-service-name .text-domain,
.div-service-name span:not(.font-weight-bold) {
  color: var(--gz-sub) !important;
  font-size: .82rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Butoane actiuni service */
.div-service-buttons {
  margin-left: auto !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.div-service-buttons .btn-default {
  background: var(--gz-soft) !important;
  border: 1px solid var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  border-radius: 7px !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  transition: border-color .15s, color .15s !important;
}
.div-service-buttons .btn-default:hover {
  border-color: var(--gz-p) !important;
  color: var(--gz-p) !important;
}
.div-service-buttons .btn-view-details {
  color: var(--gz-p) !important;
  border-color: var(--gz-p) !important;
  background: var(--gz-plt, rgba(37,99,235,.08)) !important;
}
.div-service-buttons .dropdown-menu {
  background: var(--gz-card) !important;
  border-color: var(--gz-bdr) !important;
  border-radius: 10px !important;
  padding: 6px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.1) !important;
}
.div-service-buttons .dropdown-item {
  border-radius: 6px !important;
  color: var(--gz-txt) !important;
  padding: 8px 12px !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
}
.div-service-buttons .dropdown-item:hover {
  background: var(--gz-soft) !important;
  color: var(--gz-p) !important;
}

/* ================================================================
   8. METRICS TABLE (clientareaproductusagebilling)
================================================================ */
.table.table-striped.mb-1,
.table-striped {
  background: var(--gz-bg) !important;
  color: var(--gz-txt) !important;
}
.table-striped thead tr {
  background: var(--gz-soft) !important;
}
.table-striped thead th {
  background: var(--gz-soft) !important;
  color: var(--gz-sub) !important;
  border-color: var(--gz-bdr) !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  padding: 10px 14px !important;
}
.table-striped tbody tr {
  border-color: var(--gz-bdr) !important;
}
.table-striped tbody td {
  color: var(--gz-txt) !important;
  border-color: var(--gz-bdr) !important;
  padding: 10px 14px !important;
  font-size: .88rem !important;
}
/* Rând impar — fix rgba(0,0,0,.05) invizibil pe dark */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: color-mix(in srgb, var(--gz-soft) 50%, var(--gz-bg)) !important;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: var(--gz-bg) !important;
}
.table-hover tbody tr:hover {
  background-color: var(--gz-soft) !important;
  color: var(--gz-txt) !important;
}
.table-solid-bottom-border-light-gray {
  border-bottom: 1px solid var(--gz-bdr) !important;
}


/* ================================================================
   GAZDUIRE.NET — FIX BATCH 4
   DataTables footer — length select + pagination redesign
================================================================ */

/* ================================================================
   1. DATATABLES FOOTER ROW — padding + layout
================================================================ */

/* Rândul de jos (length + paginate) */
/* footer rows combined — see below */

/* dataTables_length */
.dataTables_wrapper .dataTables_length {
  padding: 0 15px !important;
}
.dataTables_wrapper .dataTables_length label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: .83rem !important;
  font-weight: 600 !important;
  color: var(--gz-sub) !important;
  white-space: nowrap !important;
}

/* Select "articole pe pagina" */
.dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_length .custom-select,
.dataTables_wrapper .dataTables_length .form-control {
  display: inline-block !important;
  width: auto !important;
  min-width: 70px !important;
  padding: 5px 28px 5px 10px !important;
  font-size: .83rem !important;
  font-weight: 600 !important;
  color: var(--gz-txt) !important;
  background-color: var(--gz-bg) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364748b' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 9px center !important;
  background-size: 8px !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 7px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  transition: border-color .15s, box-shadow .15s !important;
  height: auto !important;
  line-height: 1.4 !important;
}
.dataTables_wrapper .dataTables_length label select:focus,
.dataTables_wrapper .dataTables_length .custom-select:focus,
.dataTables_wrapper .dataTables_length .form-control:focus {
  border-color: var(--gz-p) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  outline: none !important;
}

/* dataTables_info */
.dataTables_wrapper .dataTables_info {
  padding: 0 !important;
  font-size: .82rem !important;
  color: var(--gz-sub) !important;
  font-weight: 500 !important;
}

/* dataTables_paginate */
.dataTables_wrapper .dataTables_paginate {
 /*  float: none !important; */
  padding: 10px !important;
}

/* ================================================================
   2. PAGINATION — redesign complet
      Structura reala: ul.pagination > li.page-item > a.page-link
================================================================ */

/* Lista */
.dataTables_wrapper .pagination,
.pagination {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  flex-wrap: wrap !important;
  font-size: .83rem !important;
}

/* Elimina stilul Bootstrap de butoane lipite */
.pagination .page-item {
  margin: 0 !important;
}

/* Buton individual */
.pagination .page-item .page-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  margin-left: 0 !important;
  font-size: .83rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: var(--gz-txt) !important;
  background-color: var(--gz-bg) !important;
  border: 1px solid var(--gz-bdr) !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background .15s, border-color .15s, color .15s, box-shadow .15s !important;
  cursor: pointer !important;
}

/* Hover */
.pagination .page-item .page-link:hover {
  background-color: var(--gz-soft) !important;
  border-color: var(--gz-p) !important;
  color: var(--gz-p) !important;
  z-index: auto !important;
}

/* Focus */
.pagination .page-item .page-link:focus {
  box-shadow: 0 0 0 3px rgba(37,99,235,.15) !important;
  outline: none !important;
  z-index: auto !important;
}

/* Activ */
.pagination .page-item.active .page-link {
  background-color: var(--gz-p) !important;
  border-color: var(--gz-p) !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(37,99,235,.25) !important;
  z-index: auto !important;
}

/* Disabled (Previous / Next la capete) */
.pagination .page-item.disabled .page-link {
  background-color: var(--gz-soft) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-bdr) !important;
  cursor: default !important;
  pointer-events: none !important;
  opacity: .6 !important;
}

/* First/Last — elimina border-radius Bootstrap override */
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  border-radius: 8px !important;
}

/* Prev/Next — usor mai late */
.pagination .page-item.previous .page-link,
.pagination .page-item.next .page-link {
  min-width: 40px !important;
  font-size: .85rem !important;
  font-weight: 700 !important;
  color: var(--gz-sub) !important;
}
.pagination .page-item.previous .page-link:hover,
.pagination .page-item.next .page-link:hover {
  color: var(--gz-p) !important;
}

/* Puncte de suspensie (ellipsis) */
.pagination .page-item.disabled .page-link[data-dt-idx="..."],
.pagination .paginate_button.disabled .page-link {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--gz-sub) !important;
  opacity: 1 !important;
  cursor: default !important;
}

/* Override stiluri vechi Bootstrap din theme.css */
.pagination > li > a,
.pagination > li > span {
  background-color: var(--gz-bg) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-txt) !important;
  border-radius: 8px !important;
  margin: 0 !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
  background-color: var(--gz-soft) !important;
  border-color: var(--gz-p) !important;
  color: var(--gz-p) !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.page-item.active .page-link {
  background-color: var(--gz-p) !important;
  border-color: var(--gz-p) !important;
  color: #fff !important;
}
.page-item.disabled .page-link {
  background-color: var(--gz-soft) !important;
  border-color: var(--gz-bdr) !important;
  color: var(--gz-sub) !important;
}


/* ================================================================
   GAZDUIRE.NET — FIX BATCH 4b
   DataTables footer — paginate + length pe aceeasi linie
================================================================ */

/* ── Cele doua .row-uri de footer (paginate + length)
   devin inline-flex cu 50% latime fiecare               ── */
.dataTables_wrapper > div:has(> div > .dataTables_paginate),
.dataTables_wrapper > div:has(> div > .dataTables_length) {
  display: inline-flex !important;
  width: 50% !important;
  align-items: center !important;
  background: var(--gz-soft) !important;
  border-top: 1px solid var(--gz-bdr) !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* Paginate — dreapta */
.dataTables_wrapper > div:has(> div > .dataTables_paginate) {
  justify-content: flex-end !important;
  border-radius: 0 0 12px 0 !important;
}

/* Length — stanga */
.dataTables_wrapper > div:has(> div > .dataTables_length) {
  justify-content: flex-start !important;
  border-radius: 0 0 0 12px !important;
  order: -1 !important; /* length stanga, paginate dreapta */
}

/* col-sm-12 interior — nu mai ia 100% */
.dataTables_wrapper > div:has(> div > .dataTables_paginate) > div,
.dataTables_wrapper > div:has(> div > .dataTables_length) > div {
  width: auto !important;
  padding: 0 !important;
  flex: none !important;
  max-width: none !important;
}

/* Fallback pentru browsere fara :has() — float */
@supports not (selector(:has(*))) {
  .dataTables_wrapper .dataTables_paginate {
    float: right !important;
  }
  .dataTables_wrapper .dataTables_length {
    float: left !important;
  }
  .dataTables_wrapper > .row:nth-last-child(-n+2) {
    background: var(--gz-soft) !important;
    border-top: 1px solid var(--gz-bdr) !important;
    padding: 8px 16px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  .dataTables_wrapper > .row:last-child {
    border-radius: 0 0 12px 12px !important;
  }
}

/* ================================================================
   spotlight-tld — fix complet pastrand mecanismul JS/overflow
================================================================ */

/* Container spotlight-tlds */
#order-standard_cart .spotlight-tlds,
.spotlight-tlds {
  background: var(--dr-soft) !important;
  border: 1px solid var(--dr-bdr) !important;
  border-radius: 12px !important;
  padding: 10px !important;
  margin: 16px 0 !important;
}

/* Card — pastram height + overflow exact ca originalul */
#order-standard_cart .spotlight-tld,
.spotlight-tld {
  height: 112px !important;
  overflow: hidden !important;
  background: var(--dr-bg) !important;
  border: 1px solid var(--dr-bdr) !important;
  border-radius: 10px !important;
  color: var(--dr-txt) !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: border-color .2s, box-shadow .2s !important;
  /* NB: display, width, float — le lasa JS/originalCSS sa le gestioneze */
}

#order-standard_cart .spotlight-tld:hover,
.spotlight-tld:hover {
  border-color: var(--dr-p) !important;
  box-shadow: 0 4px 14px rgba(37,99,235,.12) !important;
}

/* Pret */
#order-standard_cart .spotlight-tld .price,
#order-standard_cart .spotlight-tld span.price,
.spotlight-tld .price {
  color: var(--dr-sub) !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
}

/* Buton Adauga */
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support),
.spotlight-tld .btn:not(.domain-contact-support) {
  background: var(--dr-p) !important;
  border-color: var(--dr-p) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: .78rem !important;
}
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support):hover,
.spotlight-tld .btn:not(.domain-contact-support):hover {
  background: var(--dr-pdk) !important;
}

/* Buton unavailable/invalid — gri */
#order-standard_cart .spotlight-tld .btn.unavailable,
#order-standard_cart .spotlight-tld .btn.invalid,
.spotlight-tld .btn.unavailable,
.spotlight-tld .btn.invalid {
  background: var(--dr-soft) !important;
  border-color: var(--dr-bdr) !important;
  color: var(--dr-sub) !important;
}

/* Badges */
.spotlight-tld-new  { background: var(--dr-ok)  !important; color:#fff!important }
.spotlight-tld-sale { background: var(--dr-warn) !important; color:#fff!important }
.spotlight-tld-hot  { background: var(--dr-bad)  !important; color:#fff!important }
/* ================================================================
   DARK MODE — sidebar list-group-item hover ALB
   Strict: doar sidebar, nu header/footer/content
================================================================ */
@media(prefers-color-scheme:dark){
  /* Filtru servicii (view-filter-btns) */
  .view-filter-btns .list-group-item:hover{
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
  }
  .view-filter-btns .list-group-item{
    color:var(--gz-sub)!important;
  }

  /* Sidebar general WHMCS (.sidebar, .panel-sidebar) */
  .sidebar .list-group-item,
  .panel-sidebar .list-group-item{
    color:var(--gz-sub)!important;
    background:var(--gz-bg)!important;
    border-color:var(--gz-bdr)!important;
  }
  .sidebar .list-group-item:hover,
  .panel-sidebar .list-group-item:hover,
  .sidebar .list-group-item-action:hover,
  .panel-sidebar .list-group-item-action:hover{
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
  }
  .sidebar .list-group-item.active,
  .panel-sidebar .list-group-item.active{
    color:#fff!important;
    background:var(--gz-p)!important;
    border-color:var(--gz-p)!important;
  }
}