/* ============================================
   WEBFORT STANDARD CART CUSTOM STYLES
   Dark theme overrides for order forms
   ============================================ */

/* CSS Variables - match main theme */
:root {
    --midnight: #0a0f1c;
    --midnight-light: #1a1f3c;
    --lime: #c8ff00;
    --brand-blue: #2563eb;
    --emerald: #10b981;
    --white-100: #ffffff;
    --white-80: rgba(255, 255, 255, 0.8);
    --white-70: rgba(255, 255, 255, 0.7);
    --white-60: rgba(255, 255, 255, 0.6);
    --white-20: rgba(255, 255, 255, 0.2);
    --white-15: rgba(255, 255, 255, 0.15);
    --white-10: rgba(255, 255, 255, 0.1);
    --white-05: rgba(255, 255, 255, 0.05);
    --white-03: rgba(255, 255, 255, 0.03);
}

/* ============================================
   DOMAIN SELECTION OPTIONS
   ============================================ */
#order-standard_cart .domain-selection-options .option {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--white-10) !important;
    color: var(--white-80) !important;
}

#order-standard_cart .domain-selection-options .option:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--white-20) !important;
}

#order-standard_cart .domain-selection-options .option-selected {
    background-color: rgba(200, 255, 0, 0.05) !important;
    border-color: var(--lime) !important;
}

#order-standard_cart .domain-selection-options .option-selected label {
    color: var(--white-100) !important;
}

#order-standard_cart .domain-selection-options .option label,
#order-standard_cart label {
    color: var(--white-80) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
}

#order-standard_cart .domain-selection-options .option label input[type="radio"] {
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* ============================================
   FORM INPUTS
   ============================================ */
#order-standard_cart .form-control {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid var(--white-15) !important;
    color: var(--white-100) !important;
    border-radius: 10px !important;
}

#order-standard_cart .form-control:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: var(--lime) !important;
    box-shadow: 0 0 20px rgba(200, 255, 0, 0.15) !important;
    color: var(--white-100) !important;
}

#order-standard_cart select.form-control,
#order-standard_cart .custom-select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid var(--white-15) !important;
    color: var(--white-100) !important;
}

#order-standard_cart select.form-control option,
#order-standard_cart .custom-select option {
    background: var(--midnight) !important;
    color: var(--white-100) !important;
}

/* Input group addons (www. prefix) */
#order-standard_cart .input-group-addon,
#order-standard_cart .input-group-prepend,
#order-standard_cart .input-group-text {
    background: var(--white-10) !important;
    border: 1px solid var(--white-15) !important;
    color: var(--white-60) !important;
}

/* ============================================
   PRODUCTS
   ============================================ */
#order-standard_cart .products .product {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--white-10) !important;
    color: var(--white-80) !important;
    border-radius: 12px !important;
}

#order-standard_cart .products .product:hover {
    border-color: rgba(200, 255, 0, 0.3) !important;
}

#order-standard_cart .products .product header {
    background: var(--white-05) !important;
    border-bottom: 1px solid var(--white-10) !important;
}

#order-standard_cart .products .product header h4,
#order-standard_cart .products .product header .product-title,
#order-standard_cart .products .product .product-name {
    color: var(--white-100) !important;
}

#order-standard_cart .products .product .product-desc {
    color: var(--white-70) !important;
    font-size: 15px !important;
}

#order-standard_cart .product-info {
    background-color: transparent !important;
    font-size: 1em !important;
}

#order-standard_cart .products .product footer {
    background: var(--white-03) !important;
    border-top: 1px solid var(--white-10) !important;
}

/* ============================================
   SUB HEADINGS
   ============================================ */
#order-standard_cart .sub-heading {
    border-top-color: var(--white-10) !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    background: var(--midnight) !important;
    color: var(--lime) !important;
}

/* ============================================
   DOMAIN RESULTS
   ============================================ */
#order-standard_cart .transfer-eligible {
    background-color: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
    color: var(--emerald) !important;
    border-radius: 10px;
}

#order-standard_cart .transfer-not-eligible {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: var(--white-60) !important;
    border-radius: 10px;
}

#order-standard_cart .domain-checker-available {
    color: var(--lime) !important;
}

/* ============================================
   DOMAIN SUGGESTIONS
   ============================================ */
#order-standard_cart .suggested-domains,
#order-standard_cart .domain-suggestions {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--white-10) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
    background: var(--white-05) !important;
    border-bottom: 1px solid var(--white-10) !important;
    color: var(--white-100) !important;
}

#order-standard_cart .suggested-domains .panel-body,
#order-standard_cart .suggested-domains .card-body {
    background: transparent !important;
}

#order-standard_cart .suggested-domains .panel-footer,
#order-standard_cart .suggested-domains .card-footer,
#order-standard_cart .more-suggestions {
    background: var(--white-03) !important;
    border-top: 1px solid var(--white-10) !important;
}

#order-standard_cart .domain-suggestion,
#order-standard_cart .list-group-item {
    background: transparent !important;
    border-color: var(--white-10) !important;
    color: var(--white-80) !important;
}

#order-standard_cart .list-group-item:hover {
    background: var(--white-05) !important;
}

/* ============================================
   SPOTLIGHT TLDs
   ============================================ */
#order-standard_cart .spotlight-tlds {
    background: transparent !important;
}

#order-standard_cart .spotlight-tld {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--white-10) !important;
    color: var(--white-80) !important;
    border-radius: 10px;
}

#order-standard_cart .spotlight-tld:hover {
    border-color: var(--white-20) !important;
}

/* ============================================
   BUTTONS
   ============================================ */
#order-standard_cart .btn-primary {
    background: var(--lime) !important;
    border-color: var(--lime) !important;
    color: var(--midnight) !important;
    font-weight: 600;
}

#order-standard_cart .btn-primary:hover {
    background: #d4ff33 !important;
    border-color: #d4ff33 !important;
}

#order-standard_cart .btn-default {
    background: var(--white-05) !important;
    border: 1px solid var(--white-15) !important;
    color: var(--white-80) !important;
}

#order-standard_cart .btn-default:hover {
    background: var(--white-10) !important;
    border-color: var(--white-20) !important;
    color: var(--white-100) !important;
}

#order-standard_cart .btn-add-to-cart {
    background: var(--lime) !important;
    border-color: var(--lime) !important;
    color: var(--midnight) !important;
}

/* ============================================
   PANELS & CARDS
   ============================================ */
#order-standard_cart .panel,
#order-standard_cart .card {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--white-10) !important;
    border-radius: 12px !important;
}

#order-standard_cart .panel-heading,
#order-standard_cart .card-header {
    background: var(--white-05) !important;
    border-bottom: 1px solid var(--white-10) !important;
    color: var(--white-100) !important;
}

#order-standard_cart .panel-body,
#order-standard_cart .card-body {
    background: transparent !important;
    color: var(--white-80) !important;
}

#order-standard_cart .panel-footer,
#order-standard_cart .card-footer {
    background: var(--white-03) !important;
    border-top: 1px solid var(--white-10) !important;
}

/* ============================================
   HEADINGS & TEXT
   ============================================ */
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart .header-lined h1 {
    color: var(--white-100) !important;
}

#order-standard_cart p {
    color: var(--white-70) !important;
}

#order-standard_cart .text-muted {
    color: var(--white-50) !important;
}

/* ============================================
   TABLES
   ============================================ */
#order-standard_cart table {
    color: var(--white-80) !important;
}

#order-standard_cart table th {
    color: var(--white-100) !important;
    background: var(--white-05) !important;
    border-color: var(--white-10) !important;
}

#order-standard_cart table td {
    border-color: var(--white-10) !important;
}

/* ============================================
   ALERTS
   ============================================ */
#order-standard_cart .alert-info {
    background: rgba(37, 99, 235, 0.1) !important;
    border-color: rgba(37, 99, 235, 0.3) !important;
    color: var(--brand-blue) !important;
}

#order-standard_cart .alert-success {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
    color: var(--emerald) !important;
}

#order-standard_cart .alert-warning {
    background: rgba(251, 191, 36, 0.1) !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
    color: #fbbf24 !important;
}

#order-standard_cart .alert-danger {
    background: rgba(255, 107, 107, 0.1) !important;
    border-color: rgba(255, 107, 107, 0.3) !important;
    color: #ff6b6b !important;
}

/* ============================================
   VIEW CART / CHECKOUT
   ============================================ */
/* Cart items header */
#order-standard_cart .view-cart-items-header {
    background-color: var(--white-10) !important;
    color: var(--white-100) !important;
    border-radius: 12px 12px 0 0 !important;
}

/* Cart items container */
#order-standard_cart .view-cart-items {
    border-bottom: 2px solid var(--lime) !important;
    border-radius: 0 0 12px 12px !important;
}

/* Individual cart items */
#order-standard_cart .view-cart-items .item {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: var(--white-80) !important;
    border-bottom: 1px solid var(--white-10) !important;
}

#order-standard_cart .view-cart-items .item:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

#order-standard_cart .view-cart-items .item:last-child {
    border-bottom: none !important;
}

#order-standard_cart .view-cart-items .item-title {
    color: var(--white-100) !important;
}

#order-standard_cart .view-cart-items .item-group {
    color: var(--white-60) !important;
}

#order-standard_cart .view-cart-items .item-domain {
    color: var(--lime) !important;
}

#order-standard_cart .view-cart-items .item-price {
    color: var(--white-100) !important;
}

#order-standard_cart .view-cart-items .item-price .cycle {
    color: var(--white-60) !important;
}

#order-standard_cart .btn-remove-from-cart {
    color: var(--white-60) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#order-standard_cart .btn-remove-from-cart:hover {
    color: #ff6b6b !important;
}

#order-standard_cart .btn-remove-from-cart i {
    color: inherit !important;
}

/* Ensure remove column is visible */
#order-standard_cart .view-cart-items .item .col-sm-1,
#order-standard_cart .view-cart-items .col-sm-1.d-none,
#order-standard_cart .view-cart-items .col-sm-1.hidden-xs,
#order-standard_cart .view-cart-items .d-sm-block {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (min-width: 576px) {
    #order-standard_cart .view-cart-items .col-sm-1.d-none.d-sm-block {
        display: block !important;
    }
}

/* Modal/Popup z-index fixes */
.modal,
.modal-dialog,
.modal-content {
    z-index: 10500 !important;
}

.modal-backdrop {
    z-index: 10400 !important;
}

.modal-content {
    background: var(--midnight-light) !important;
    border: 1px solid var(--white-10) !important;
    border-radius: 16px !important;
    color: var(--white-100) !important;
}

.modal-header {
    background: var(--white-05) !important;
    border-bottom: 1px solid var(--white-10) !important;
    border-radius: 16px 16px 0 0 !important;
}

.modal-header .modal-title {
    color: var(--white-100) !important;
}

.modal-header .close {
    color: var(--white-60) !important;
    opacity: 1 !important;
}

.modal-header .close:hover {
    color: var(--white-100) !important;
}

.modal-body {
    background: transparent !important;
    color: var(--white-80) !important;
}

.modal-footer {
    background: var(--white-03) !important;
    border-top: 1px solid var(--white-10) !important;
    border-radius: 0 0 16px 16px !important;
}

/* Empty cart button */
#order-standard_cart .empty-cart .btn {
    background-color: var(--white-10) !important;
    color: var(--white-80) !important;
}

#order-standard_cart .empty-cart .btn:hover {
    background-color: rgba(255, 107, 107, 0.2) !important;
    color: #ff6b6b !important;
}

/* ============================================
   ORDER SUMMARY SIDEBAR
   ============================================ */
#order-standard_cart .order-summary {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--white-10) !important;
    border-bottom: 3px solid var(--lime) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

#order-standard_cart .order-summary h2 {
    background: var(--white-10) !important;
    color: var(--white-100) !important;
}

#order-standard_cart .summary-container {
    background-color: transparent !important;
    color: var(--white-80) !important;
}

#order-standard_cart .order-summary .product-name {
    color: var(--white-100) !important;
}

#order-standard_cart .order-summary .product-group {
    color: var(--white-60) !important;
}

#order-standard_cart .order-summary .summary-totals {
    border-top-color: var(--white-10) !important;
    border-bottom-color: var(--white-10) !important;
}

#order-standard_cart .order-summary .subtotal {
    border-bottom-color: var(--white-10) !important;
    color: var(--white-80) !important;
}

#order-standard_cart .order-summary .bordered-totals {
    border-bottom-color: var(--white-10) !important;
}

#order-standard_cart .order-summary .total-due-today span {
    color: var(--white-80) !important;
}

#order-standard_cart .order-summary .total-due-today .amt {
    color: var(--lime) !important;
}

#order-standard_cart .order-summary .recurring-totals,
#order-standard_cart .order-summary .recurring-charges {
    color: var(--white-60) !important;
}

#order-standard_cart .order-summary .btn-checkout {
    background: var(--lime) !important;
    border-color: var(--lime) !important;
    color: var(--midnight) !important;
    font-weight: 600 !important;
}

#order-standard_cart .order-summary .btn-checkout:hover {
    background: #d4ff33 !important;
    border-color: #d4ff33 !important;
}

#order-standard_cart .order-summary .btn-continue-shopping {
    color: var(--white-60) !important;
}

#order-standard_cart .order-summary .btn-continue-shopping:hover {
    color: var(--lime) !important;
}

/* ============================================
   PROMO CODE / TABS
   ============================================ */
#order-standard_cart .view-cart-tabs {
    background: transparent !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs {
    border-bottom-color: var(--white-10) !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs a {
    background: transparent !important;
    color: var(--white-60) !important;
    border-color: transparent !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs a:hover {
    background: var(--white-05) !important;
    color: var(--white-100) !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"],
#order-standard_cart .view-cart-tabs .nav-tabs .active a {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: var(--white-10) !important;
    border-bottom-color: transparent !important;
    color: var(--lime) !important;
}

#order-standard_cart .view-cart-tabs .tab-content {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--white-10) !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
    color: var(--white-80) !important;
}

#order-standard_cart .view-cart-promotion-code,
#order-standard_cart .view-cart-gateway-checkout {
    background: transparent !important;
}

/* ============================================
   VIEW CART EMPTY STATE
   ============================================ */
#order-standard_cart .view-cart-empty {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--white-10) !important;
    border-radius: 12px !important;
    color: var(--white-60) !important;
}

/* ============================================
   CART VIEW FIXES - WEBFORT THEME
   ============================================ */

/* FIX 1: Remove button (×) - keep inside row */
#order-standard_cart .view-cart-items .item .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
}

#order-standard_cart .view-cart-items .item .col-sm-1 {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 40px !important;
    text-align: right !important;
    padding-right: 15px !important;
}

#order-standard_cart .view-cart-items .item .col-sm-7 {
    flex: 1 1 auto !important;
}

#order-standard_cart .view-cart-items .item .col-sm-4 {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 120px !important;
}

/* FIX 2: Edit link text colour - make visible */
#order-standard_cart .view-cart-items .item .btn-link,
#order-standard_cart .view-cart-items .item a.btn-link {
    color: var(--lime) !important;
    opacity: 0.8 !important;
}

#order-standard_cart .view-cart-items .item .btn-link:hover,
#order-standard_cart .view-cart-items .item a.btn-link:hover {
    color: var(--lime) !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

#order-standard_cart .view-cart-items .item .btn-link i,
#order-standard_cart .view-cart-items .item a.btn-link i {
    color: inherit !important;
}

/* FIX 3: Promo code icon - add left padding */
#order-standard_cart .prepend-icon {
    position: relative !important;
}

#order-standard_cart .prepend-icon .field-icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    color: var(--white-60) !important;
    pointer-events: none !important;
}

#order-standard_cart .prepend-icon .field-icon i {
    color: var(--white-60) !important;
}

#order-standard_cart .prepend-icon .form-control,
#order-standard_cart .prepend-icon input.field {
    padding-left: 40px !important;
}

/* FIX 4: Remove item modal - ensure it appears above all elements */
/* The modal is trapped in a stacking context, so we need to use fixed positioning */
#modalRemoveItem,
#modalEmptyCart,
.modal-remove-item {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999999 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

#modalRemoveItem.show,
#modalEmptyCart.show,
#modalRemoveItem.in,
#modalEmptyCart.in,
.modal-remove-item.show,
.modal-remove-item.in {
    display: block !important;
    z-index: 999999 !important;
}

/* Modal backdrop - must be below modal but above everything else */
body > .modal-backdrop,
.modal-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999998 !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
}

#modalRemoveItem .modal-dialog,
#modalEmptyCart .modal-dialog,
.modal-remove-item .modal-dialog {
    position: relative !important;
    z-index: 999999 !important;
    margin: 100px auto !important;
    max-width: 500px !important;
}

#modalRemoveItem .modal-content,
#modalEmptyCart .modal-content,
.modal-remove-item .modal-content {
    position: relative !important;
    z-index: 999999 !important;
    background: #1a1f3c !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    color: #ffffff !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8) !important;
}

#modalRemoveItem .modal-body,
#modalEmptyCart .modal-body,
.modal-remove-item .modal-body {
    padding: 30px !important;
    text-align: center !important;
}

#modalRemoveItem .modal-body h4,
#modalEmptyCart .modal-body h4,
.modal-remove-item .modal-body h4 {
    color: #ffffff !important;
}

#modalRemoveItem .modal-body i.fa-3x,
#modalEmptyCart .modal-body i.fa-3x,
.modal-remove-item .modal-body i.fa-3x {
    color: #ff6b6b !important;
    margin-bottom: 15px !important;
    display: block !important;
}

#modalRemoveItem .modal-footer,
#modalEmptyCart .modal-footer,
.modal-remove-item .modal-footer {
    background: rgba(255, 255, 255, 0.03) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 0 16px 16px !important;
    padding: 20px !important;
}

#modalRemoveItem .close,
#modalEmptyCart .close,
.modal-remove-item .close {
    color: rgba(255, 255, 255, 0.6) !important;
    opacity: 1 !important;
    text-shadow: none !important;
    font-size: 28px !important;
}

#modalRemoveItem .close:hover,
#modalEmptyCart .close:hover,
.modal-remove-item .close:hover {
    color: #ffffff !important;
}

/* FIX 5: Generate Password modal - same z-index fix */
#modalGeneratePassword,
#frmGeneratePassword {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999999 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

#frmGeneratePassword {
    pointer-events: none !important;
}

#frmGeneratePassword #modalGeneratePassword {
    pointer-events: auto !important;
}

#modalGeneratePassword.show,
#modalGeneratePassword.in {
    display: block !important;
    z-index: 999999 !important;
}

#modalGeneratePassword .modal-dialog {
    position: relative !important;
    z-index: 999999 !important;
    margin: 100px auto !important;
    max-width: 500px !important;
}

#modalGeneratePassword .modal-content {
    position: relative !important;
    z-index: 999999 !important;
    background: #1a1f3c !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    color: #ffffff !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8) !important;
}

#modalGeneratePassword .modal-header {
    background: rgba(200, 255, 0, 0.1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px 16px 0 0 !important;
    padding: 20px !important;
}

#modalGeneratePassword .modal-header .modal-title {
    color: #c8ff00 !important;
}

#modalGeneratePassword .modal-header .close {
    color: rgba(255, 255, 255, 0.6) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#modalGeneratePassword .modal-header .close:hover {
    color: #ffffff !important;
}

#modalGeneratePassword .modal-body {
    padding: 25px !important;
    background: transparent !important;
}

#modalGeneratePassword .modal-body label {
    color: rgba(255, 255, 255, 0.8) !important;
}

#modalGeneratePassword .modal-body .form-control {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
}

#modalGeneratePassword .modal-body .form-control:focus {
    border-color: #c8ff00 !important;
    box-shadow: 0 0 20px rgba(200, 255, 0, 0.15) !important;
}

#modalGeneratePassword .modal-footer {
    background: rgba(255, 255, 255, 0.03) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 0 16px 16px !important;
    padding: 20px !important;
}

#modalGeneratePassword .btn-primary {
    background: #c8ff00 !important;
    border-color: #c8ff00 !important;
    color: #0a0f1c !important;
}

#modalGeneratePassword .btn-primary:hover {
    background: #d4ff33 !important;
    border-color: #d4ff33 !important;
}

#modalGeneratePassword .btn-default {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

#modalGeneratePassword .btn-default:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

/* FIX 6: International telephone input (country code dropdown) */
/* Ensure phone input has enough left padding for country code */
#order-standard_cart .intl-tel-input,
.intl-tel-input {
    width: 100% !important;
    display: block !important;
}

#order-standard_cart .intl-tel-input input,
#order-standard_cart .intl-tel-input input.form-control,
#order-standard_cart .intl-tel-input input[type="tel"],
.intl-tel-input input,
.intl-tel-input input.form-control,
.intl-tel-input input[type="tel"] {
    padding-left: 72px !important;
}

/* Country flag button */
#order-standard_cart .intl-tel-input .flag-container,
.intl-tel-input .flag-container {
    background: transparent !important;
}

#order-standard_cart .intl-tel-input .selected-flag,
.intl-tel-input .selected-flag {
    background: rgba(255, 255, 255, 0.05) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 0 10px !important;
    width: 46px !important;
}

#order-standard_cart .intl-tel-input .selected-flag:hover,
#order-standard_cart .intl-tel-input .selected-flag:focus,
.intl-tel-input .selected-flag:hover,
.intl-tel-input .selected-flag:focus {
    background: rgba(255, 255, 255, 0.1) !important;
}

#order-standard_cart .intl-tel-input .selected-flag .arrow,
.intl-tel-input .selected-flag .arrow {
    border-top-color: rgba(255, 255, 255, 0.6) !important;
}

#order-standard_cart .intl-tel-input .selected-flag .arrow.up,
.intl-tel-input .selected-flag .arrow.up {
    border-top-color: transparent !important;
    border-bottom-color: rgba(255, 255, 255, 0.6) !important;
}

/* Country dropdown list - dark theme */
#order-standard_cart .intl-tel-input .country-list,
.intl-tel-input .country-list {
    background-color: #1a1f3c !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
    z-index: 999999 !important;
    max-height: 250px !important;
    margin-top: 2px !important;
}

#order-standard_cart .intl-tel-input .country-list .country,
.intl-tel-input .country-list .country {
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.8) !important;
    padding: 8px 15px !important;
}

#order-standard_cart .intl-tel-input .country-list .country:hover,
.intl-tel-input .country-list .country:hover,
#order-standard_cart .intl-tel-input .country-list .country.highlight,
.intl-tel-input .country-list .country.highlight {
    background-color: rgba(200, 255, 0, 0.1) !important;
    color: #c8ff00 !important;
}

#order-standard_cart .intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .country-name {
    color: rgba(255, 255, 255, 0.9) !important;
}

#order-standard_cart .intl-tel-input .country-list .dial-code,
.intl-tel-input .country-list .dial-code {
    color: rgba(255, 255, 255, 0.5) !important;
}

#order-standard_cart .intl-tel-input .country-list .divider,
.intl-tel-input .country-list .divider {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 5px 0 !important;
}

/* Preferred countries section */
#order-standard_cart .intl-tel-input .country-list .country.preferred,
.intl-tel-input .country-list .country.preferred {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

/* Search input in dropdown (if enabled) */
#order-standard_cart .intl-tel-input .country-list .search,
.intl-tel-input .country-list .search {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#order-standard_cart .intl-tel-input .country-list .search-box,
.intl-tel-input .country-list .search-box {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

#order-standard_cart .intl-tel-input .country-list .search-box::placeholder,
.intl-tel-input .country-list .search-box::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}