/* *****************************************************

    ** Custom Stylesheet for Order Forms **
    CloudSensation - Modern Pricing Cards

***************************************************** */

/* ===== COLOR VARIABLES ===== */
:root {
    --primary-orange: #FF6B35;
    --primary-orange-dark: #FF5722;
    --primary-orange-light: #FF8C42;
    --text-dark: #2d3748;
    --text-medium: #4a5568;
    --text-light: #718096;
    --border-light: #e2e8f0;
    --bg-light: #f7fafc;
    --success-green: #38a169;
    --white: #ffffff;
}

/* ===== HIDE SIDEBAR & FULL WIDTH ===== */
.cart-sidebar {
    display: none !important;
}

/* Override Bootstrap container max-width for full page width */
#main-body .container {
    max-width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

#main-body .primary-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cart-body.full-width {
    width: 100%;
    max-width: 100%;
    flex: 1;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#order-standard_cart .cart-body {
    width: 100% !important;
}

#order-standard_cart .row {
    display: flex;
    flex-direction: column;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.header-lined {
    text-align: center;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.products {
    width: 100%;
    display: flex;
    justify-content: center;
}

.sidebar-categories-collapsed {
    display: none !important;
}

@media (max-width: 768px) {
    #main-body .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* ===== PRICING CARDS GRID ===== */
.pricing-cards-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    width: 100%;
}

@media (max-width: 768px) {
    .pricing-cards-grid {
        gap: 15px;
    }
}

/* ===== PRICING CARD ===== */
.pricing-card {
    flex: 1;
    min-width: 0;
    background: var(--white);
    border: 2px solid var(--border-light);
    border-radius: 20px;
    padding: 35px 25px;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
}

.pricing-card:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    transform: translateY(-5px);
}

.pricing-card.popular {
    border: 3px solid var(--primary-orange);
    box-shadow: 0 12px 32px rgba(255, 107, 53, 0.2);
    transform: scale(1.05);
}

.pricing-card.popular:hover {
    transform: scale(1.05) translateY(-5px);
}

@media (max-width: 1200px) {
    .pricing-card.popular {
        transform: scale(1);
    }
}

/* ===== POPULAR BADGE ===== */
.popular-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, var(--primary-orange) 0%, var(--primary-orange-light) 100%);
    color: var(--white);
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* ===== PRICING CARD HEADER ===== */
.pricing-card-header {
    text-align: center;
    margin-bottom: 25px;
}

.plan-name {
    font-size: 24px;
    font-weight: 800;
    color: var(--text-dark);
    margin-bottom: 10px;
}

.plan-description {
    font-size: 14px;
    color: var(--text-medium);
    margin: 0;
}

/* ===== PRICING CARD PRICE ===== */
.pricing-card-price {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid var(--bg-light);
}

.price-amount {
    font-size: 42px;
    font-weight: 800;
    color: var(--text-dark);
    line-height: 1;
}

.price-period {
    font-size: 15px;
    color: var(--text-light);
    font-weight: 500;
    margin-top: 5px;
}

/* ===== PLAN FEATURES ===== */
.plan-features {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    flex: 1;
}

.plan-features li {
    padding: 10px 0;
    font-size: 14px;
    color: var(--text-medium);
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.plan-features li i {
    color: var(--success-green);
    font-size: 14px;
    margin-top: 3px;
    flex-shrink: 0;
}

.plan-features li strong {
    color: var(--primary-orange);
    font-weight: 600;
}

/* ===== PLAN SELECT BUTTON ===== */
.btn-plan-select {
    width: 100%;
    padding: 14px 24px;
    border: 2px solid var(--text-dark);
    background: var(--white);
    color: var(--text-dark);
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-plan-select:hover {
    background: var(--text-dark);
    color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

.btn-plan-select.btn-popular {
    background: linear-gradient(135deg, var(--primary-orange) 0%, var(--primary-orange-light) 100%);
    border: none;
    color: var(--white);
    box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);
}

.btn-plan-select.btn-popular:hover {
    background: linear-gradient(135deg, var(--primary-orange-dark) 0%, var(--primary-orange) 100%);
    box-shadow: 0 10px 28px rgba(255, 107, 53, 0.4);
}

.btn-plan-select i {
    font-size: 14px;
}

/* ===== DOMAIN CONFIGURATION PAGE ===== */
/* Center everything */
#order-standard_cart .domain-selection-options {
    max-width: 1200px;
    margin: 40px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/* Hide transfer, subdomain, and incart options - only show register and owndomain */
#order-standard_cart .domain-selection-options .option:has(#seltransfer),
#order-standard_cart .domain-selection-options .option:has(#selsubdomain),
#order-standard_cart .domain-selection-options .option:has(#selincart) {
    display: none;
}

/* Hide radio buttons - we'll use cards instead */
#order-standard_cart .domain-selection-options .option > label {
    display: none;
}

/* Domain Option Cards */
#order-standard_cart .domain-selection-options .option {
    background: var(--white);
    border: 2px solid var(--border-light);
    border-radius: 16px;
    padding: 35px 30px;
    margin-bottom: 0;
    cursor: default;
    transition: all 0.3s ease;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .domain-selection-options .option:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Card Headers - Add with CSS pseudo-elements */
#order-standard_cart .domain-selection-options .option::before {
    content: attr(data-title);
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 8px;
}

#order-standard_cart .domain-selection-options .option::after {
    content: attr(data-description);
    display: block;
    font-size: 14px;
    color: var(--text-medium);
    margin-bottom: 25px;
    line-height: 1.5;
}

/* Override WHMCS default display:none */
#order-standard_cart .domain-input-group {
    display: block !important;
    padding: 0;
    margin: 0 0 25px 0;
}

/* Input containers */
#order-standard_cart .domain-flex-container {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 8px;
    margin: 0;
    width: 100%;
}

/* Input group (www. + input field) */
#order-standard_cart .domain-flex-container .input-group {
    flex: 1;
    margin-bottom: 0;
    display: flex;
}

#order-standard_cart .domain-flex-container .input-group .form-control {
    border-radius: 8px;
    border: 1px solid var(--border-light);
    padding: 12px 16px;
    font-size: 15px;
    height: auto;
}

/* Direct input fields (without input-group wrapper) */
#order-standard_cart .domain-flex-container > .form-control,
#order-standard_cart .domain-flex-container > input.form-control {
    border-radius: 8px;
    border: 1px solid var(--border-light);
    padding: 12px 16px;
    font-size: 15px;
    height: auto;
}

/* Hide www. prefix for cleaner look */
#order-standard_cart .domain-flex-container .input-group-addon,
#order-standard_cart .domain-flex-container .input-group-prepend {
    display: none !important;
}

/* TLD dropdown */
#order-standard_cart .domain-flex-container .domain-tld-select {
    width: 100px;
    flex: 0 0 100px;
    border-radius: 8px;
    border: 1px solid var(--border-light);
    padding: 12px;
    font-size: 15px;
    height: auto;
}

/* TLD input (for own domain) */
#order-standard_cart .domain-flex-container .domain-tld-input {
    width: 140px;
    flex: 0 0 140px;
    border-radius: 8px;
    border: 1px solid var(--border-light);
    padding: 12px 16px;
    font-size: 15px;
    height: auto;
}

/* Search/Check/Transfer buttons - Orange style */
#order-standard_cart .domain-flex-container .domain-check-btn {
    background: var(--primary-orange);
    border: none;
    color: var(--white);
    border-radius: 8px;
    padding: 12px 24px;
    font-weight: 600;
    font-size: 15px;
    flex: 0 0 auto;
    transition: all 0.2s ease;
    white-space: nowrap;
}

#order-standard_cart .domain-flex-container .domain-check-btn:hover {
    background: var(--primary-orange-dark);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
    transform: translateY(-1px);
}

/* Features list styling */
#order-standard_cart .domain-selection-options .option ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

#order-standard_cart .domain-selection-options .option ul li {
    padding: 10px 0;
    font-size: 14px;
    color: var(--text-medium);
    display: flex;
    align-items: center;
    gap: 10px;
}

#order-standard_cart .domain-selection-options .option ul li::before {
    content: "✓";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: var(--success-green);
    color: var(--white);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}

/* Bonus box styling */
#order-standard_cart .domain-bonus-box {
    background: linear-gradient(135deg, #f0fff4 0%, #e6f9ed 100%);
    border: 1px solid #86d4a8;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}

#order-standard_cart .domain-bonus-box h4 {
    color: var(--success-green);
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

#order-standard_cart .domain-bonus-box p {
    color: var(--text-medium);
    font-size: 13px;
    margin: 0;
    line-height: 1.5;
}

/* Continue button styling */
#order-standard_cart .domain-selection-options .option button[type="submit"]:not(.domain-check-btn) {
    width: 100%;
    background: var(--white);
    border: 2px solid var(--text-dark);
    color: var(--text-dark);
    border-radius: 10px;
    padding: 14px 24px;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s ease;
    margin-top: auto;
}

#order-standard_cart .domain-selection-options .option button[type="submit"]:not(.domain-check-btn):hover {
    background: var(--text-dark);
    color: var(--white);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

@media (max-width: 992px) {
    #order-standard_cart .domain-selection-options {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    #order-standard_cart .domain-flex-container {
        flex-wrap: wrap;
    }

    #order-standard_cart .domain-flex-container .input-group {
        flex: 1 1 100%;
    }

    #order-standard_cart .domain-flex-container .domain-tld-select,
    #order-standard_cart .domain-flex-container .domain-tld-input {
        flex: 1 1 auto;
    }
}

/* ===== SPOTLIGHT TLDs - MODERN CARD STYLE ===== */
#order-standard_cart .spotlight-tlds {
    margin: 30px auto;
    padding: 0;
    background: transparent;
    max-width: 1200px;
}

#order-standard_cart .spotlight-tlds-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    margin: 0;
}

#order-standard_cart .spotlight-tld-container {
    float: none;
    padding: 0;
    width: auto !important;
}

#order-standard_cart .spotlight-tld {
    background: var(--white);
    border: 2px solid var(--border-light);
    border-radius: 16px;
    padding: 25px 20px;
    height: auto;
    min-height: 180px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

#order-standard_cart .spotlight-tld:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
    border-color: var(--primary-orange);
}

/* TLD extension styling */
#order-standard_cart .spotlight-tld {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-dark);
}

/* Price styling */
#order-standard_cart .spotlight-tld span.price {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-orange);
    padding: 0;
}

/* Buttons in spotlight */
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support) {
    background: var(--primary-orange);
    border: none;
    color: var(--white);
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    max-width: none;
    transition: all 0.2s ease;
}

#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support):hover {
    background: var(--primary-orange-dark);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
    transform: translateY(-1px);
}

#order-standard_cart .spotlight-tld .btn.unavailable,
#order-standard_cart .spotlight-tld .btn.invalid {
    background: #eee;
    border-color: #ddd;
    color: #bbb;
    margin: 0;
}

#order-standard_cart .spotlight-tld .btn.domain-contact-support {
    background: var(--white);
    border: 2px solid var(--text-dark);
    color: var(--text-dark);
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    min-width: auto;
    margin: 0;
}

#order-standard_cart .spotlight-tld .btn.domain-contact-support:hover {
    background: var(--text-dark);
    color: var(--white);
}

/* Loading spinner */
#order-standard_cart .spotlight-tld .domain-lookup-spotlight-loader {
    line-height: normal;
    font-size: 1.2em;
    color: var(--primary-orange);
}

/* Badge styling (New, Sale, Hot) */
#order-standard_cart .spotlight-tld-new,
#order-standard_cart .spotlight-tld-sale,
#order-standard_cart .spotlight-tld-hot {
    width: 70px;
    position: absolute;
    top: 8px;
    right: -20px;
    padding: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

#order-standard_cart .spotlight-tld-new {
    background-color: var(--success-green);
}

#order-standard_cart .spotlight-tld-sale {
    background-color: #f7d458;
}

#order-standard_cart .spotlight-tld-hot {
    background-color: var(--primary-orange);
}

@media (max-width: 768px) {
    #order-standard_cart .spotlight-tlds-container {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 15px;
    }

    #order-standard_cart .spotlight-tld {
        min-height: 160px;
        padding: 20px 15px;
    }
}

/* ===== SUGGESTED DOMAINS - MODERN STYLE ===== */
#order-standard_cart .suggested-domains {
    margin: 30px auto;
    max-width: 1200px;
    border: 2px solid var(--border-light);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
    background: var(--white);
    border-bottom: 2px solid var(--primary-orange);
    padding: 20px 25px;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
}

#order-standard_cart .suggested-domains .list-group-item {
    border-left: 0;
    border-right: 0;
    padding: 20px 25px;
    transition: all 0.2s ease;
}

#order-standard_cart .suggested-domains .list-group-item:hover {
    background-color: var(--bg-light);
}

#order-standard_cart .suggested-domains .domain {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-dark);
}

#order-standard_cart .suggested-domains .extension {
    font-weight: 700;
    color: var(--primary-orange);
}

#order-standard_cart .suggested-domains .price {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-orange);
}

#order-standard_cart .suggested-domains .btn:not(.domain-contact-support) {
    background: var(--primary-orange);
    border: none;
    color: var(--white);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}

#order-standard_cart .suggested-domains .btn:not(.domain-contact-support):hover {
    background: var(--primary-orange-dark);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
    transform: translateY(-1px);
}

#order-standard_cart .suggested-domains .btn.domain-contact-support {
    background: var(--white);
    border: 2px solid var(--text-dark);
    color: var(--text-dark);
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
}

#order-standard_cart .suggested-domains .btn.domain-contact-support:hover {
    background: var(--text-dark);
    color: var(--white);
}

#order-standard_cart .suggested-domains .panel-footer,
#order-standard_cart .suggested-domains .card-footer {
    background: var(--bg-light);
    border-top: 1px solid var(--border-light);
    padding: 15px 25px;
}

#order-standard_cart .suggested-domains #moreSuggestions {
    color: var(--primary-orange);
    font-weight: 600;
    text-decoration: none;
}

#order-standard_cart .suggested-domains #moreSuggestions:hover {
    color: var(--primary-orange-dark);
    text-decoration: underline;
}

/* ===== PRODUCT CONFIGURATION PAGE ===== */
/* Center the content */
#order-standard_cart .secondary-cart-body {
    max-width: 900px;
    margin: 0 auto;
    float: none;
}

#order-standard_cart .secondary-cart-sidebar {
    max-width: 900px;
    margin: 0 auto;
    float: none;
    width: 100%;
}

/* Make order summary container full width */
#order-standard_cart .secondary-cart-sidebar #orderSummary {
    max-width: 900px;
    margin: 0 auto;
}

/* Product Info Box */
#order-standard_cart .product-info {
    background: var(--white);
    border: 2px solid var(--border-light);
    border-radius: 16px;
    padding: 25px 30px;
    margin-bottom: 30px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .product-info .product-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 10px;
}

#order-standard_cart .product-info p {
    color: var(--text-medium);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

/* Section Headings */
#order-standard_cart .sub-heading {
    border: none;
    height: auto;
    margin: 40px 0 25px 0;
    text-align: left;
}

#order-standard_cart .sub-heading span {
    display: inline-block;
    background: none;
    padding: 0;
    top: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    border-bottom: 2px solid var(--text-dark);
    padding-bottom: 8px;
}

/* Form Controls */
#order-standard_cart .form-control,
#order-standard_cart select.form-control,
#order-standard_cart input.form-control,
#order-standard_cart textarea.form-control {
    border-radius: 8px;
    border: 1px solid var(--border-light);
    padding: 12px 16px;
    font-size: 15px;
    transition: all 0.2s ease;
}

#order-standard_cart select.form-control {
    height: 100%;
}

#order-standard_cart .form-control:focus {
    border-color: var(--text-dark);
    box-shadow: 0 0 0 3px rgba(45, 55, 72, 0.1);
}

#order-standard_cart label {
    font-weight: 600;
    font-size: 14px;
    color: var(--text-dark);
    margin-bottom: 8px;
}

/* Billing Cycle Selector */
#order-standard_cart #inputBillingcycle {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

/* Make sure select text doesn't get cut off */
#order-standard_cart select.form-control {
    padding-right: 40px;
}

/* Configurable Options Grid */
#order-standard_cart .product-configurable-options {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 30px;
}

#order-standard_cart .product-configurable-options .row {
    margin-left: -10px;
    margin-right: -10px;
}

#order-standard_cart .product-configurable-options .col-sm-6,
#order-standard_cart .product-configurable-options .col-sm-12 {
    padding-left: 10px;
    padding-right: 10px;
}

/* Radio buttons and checkboxes */
#order-standard_cart input[type="radio"],
#order-standard_cart input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    accent-color: var(--text-dark);
}

/* Addon Panels - Modern Cards */
#order-standard_cart .addon-products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

#order-standard_cart .panel-addon {
    background: var(--white);
    border: 2px solid var(--border-light);
    border-radius: 16px;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .panel-addon:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
    border-color: var(--text-dark);
}

#order-standard_cart .panel-addon-selected {
    border-color: var(--text-dark);
    box-shadow: 0 8px 24px rgba(45, 55, 72, 0.2);
}

#order-standard_cart .panel-addon .panel-body,
#order-standard_cart .panel-addon .card-body {
    padding: 25px;
    border-radius: 0;
    background: transparent;
}

#order-standard_cart .panel-addon label {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 10px;
    cursor: pointer;
}

#order-standard_cart .panel-addon input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

#order-standard_cart .panel-addon .panel-price {
    background: var(--bg-light);
    padding: 15px 25px;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    text-align: center;
}

#order-standard_cart .panel-addon .panel-add {
    background: var(--text-dark);
    color: var(--white);
    padding: 12px 25px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    border-radius: 0;
}

#order-standard_cart .panel-addon-selected .panel-add {
    background: var(--success-green);
}

/* Order Summary Sidebar */
#order-standard_cart .order-summary {
    background: var(--white);
    border: 2px solid var(--border-light);
    border-radius: 16px;
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .order-summary h2 {
    background: var(--bg-light);
    color: var(--text-dark);
    padding: 20px 25px;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid var(--border-light);
}

#order-standard_cart .order-summary .summary-container {
    padding: 25px;
    background: var(--white);
    min-height: 150px;
}

/* Continue Button */
#order-standard_cart #btnCompleteProductConfig {
    background: var(--primary-orange);
    border: none;
    color: var(--white);
    border-radius: 12px;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease;
    width: 100%;
}

#order-standard_cart #btnCompleteProductConfig:hover {
    background: var(--primary-orange-dark);
    box-shadow: 0 8px 24px rgba(255, 107, 53, 0.3);
    transform: translateY(-2px);
}

#order-standard_cart #btnCompleteProductConfig i {
    margin-left: 8px;
}

/* Alert Boxes */
#order-standard_cart .alert-warning {
    background: linear-gradient(135deg, #fff8e6 0%, #fff4d6 100%);
    border: 2px solid #ffd966;
    border-radius: 12px;
    padding: 15px 20px;
    color: var(--text-medium);
}

#order-standard_cart .alert-danger {
    background: linear-gradient(135deg, #ffe6e6 0%, #ffd6d6 100%);
    border: 2px solid #ff6b6b;
    border-radius: 12px;
    padding: 15px 20px;
}

/* Field Container */
#order-standard_cart .field-container {
    margin-bottom: 20px;
}

/* Custom Fields */
#order-standard_cart .field-help-text {
    display: block;
    font-size: 13px;
    color: var(--text-light);
    margin-top: 6px;
    font-style: italic;
}

/* ===== DOMAIN CONFIGURATION PAGE ===== */
/* Center the content */
#order-standard_cart .cart-body {
    max-width: 1000px;
    margin: 0 auto;
}

/* Domain info sections */
#order-standard_cart .form-group label {
    font-weight: 600;
    font-size: 14px;
    color: var(--text-dark);
    margin-bottom: 8px;
}

/* Domain period and hosting info */
#order-standard_cart .form-group br + * {
    color: var(--text-medium);
    font-size: 15px;
}

/* EPP Code input */
#order-standard_cart .prepend-icon {
    position: relative;
}

#order-standard_cart .prepend-icon input.field {
    border-radius: 8px;
    border: 1px solid var(--border-light);
    padding: 12px 16px 12px 45px;
    font-size: 15px;
    width: 100%;
    transition: all 0.2s ease;
}

#order-standard_cart .prepend-icon input.field:focus {
    border-color: var(--text-dark);
    box-shadow: 0 0 0 3px rgba(45, 55, 72, 0.1);
    outline: none;
}

#order-standard_cart .prepend-icon .field-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-light);
    pointer-events: none;
}

/* Nameserver inputs */
#order-standard_cart input[type="text"].form-control {
    border-radius: 8px;
    border: 1px solid var(--border-light);
    padding: 12px 16px;
    font-size: 15px;
    transition: all 0.2s ease;
}

#order-standard_cart input[type="text"].form-control:focus {
    border-color: var(--text-dark);
    box-shadow: 0 0 0 3px rgba(45, 55, 72, 0.1);
}

/* Continue button on domain config page */
#order-standard_cart form button[type="submit"].btn-primary {
    background: var(--primary-orange);
    border: none;
    color: var(--white);
    border-radius: 12px;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease;
}

#order-standard_cart form button[type="submit"].btn-primary:hover {
    background: var(--primary-orange-dark);
    box-shadow: 0 8px 24px rgba(255, 107, 53, 0.3);
    transform: translateY(-2px);
}

/* Domain addon cards - inherit from product config styling */
#order-standard_cart .row.addon-products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

/* Section spacing */
#order-standard_cart p {
    color: var(--text-medium);
    font-size: 15px;
    line-height: 1.6;
}

/* Alert styling - already defined above but ensure proper styling */
#order-standard_cart .alert-danger ul {
    margin: 10px 0 0 20px;
    color: var(--text-dark);
}

/* ===== SHOPPING CART VIEW PAGE ===== */
/* Center content and make both same width */
#order-standard_cart .secondary-cart-body {
    max-width: 900px;
    margin: 0 auto;
    float: none;
    width: 100%;
}

#order-standard_cart .secondary-cart-sidebar {
    max-width: 900px;
    margin: 0 auto;
    float: none;
    width: 100%;
}

/* Ensure cart items take full width */
#order-standard_cart form[action*="a=view"] {
    width: 100%;
}

/* ===== CART ITEMS - COMPLETE REWRITE ===== */

/* Hide the header row completely */
#order-standard_cart .view-cart-items-header {
    display: none;
}

/* Cart container - white card */
#order-standard_cart .view-cart-items {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    width: 100%;
    margin-top: 20px;
}

/* Each cart item */
#order-standard_cart .view-cart-items .item {
    padding: 25px 30px;
    border-bottom: 1px solid var(--border-light);
    transition: background 0.2s ease;
}

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

#order-standard_cart .view-cart-items .item:hover {
    background: var(--bg-light);
}

/* Main row container - simple flexbox, no bootstrap grid weirdness */
#order-standard_cart .view-cart-items .item > .row {
    display: flex;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

/* Remove all default column padding */
#order-standard_cart .view-cart-items .item > .row > * {
    padding: 0;
}

/* LEFT COLUMN: Product info - takes remaining space */
#order-standard_cart .view-cart-items .item > .row > .col-sm-5,
#order-standard_cart .view-cart-items .item > .row > .col-sm-7 {
    flex: 1;
    text-align: left;
}

/* MIDDLE COLUMN: Quantity (hidden) */
#order-standard_cart .view-cart-items .item > .row > .col-sm-2 {
    display: none;
}

/* RIGHT COLUMN: Price - fixed width, right aligned */
#order-standard_cart .view-cart-items .item > .row > .col-sm-4 {
    flex: 0 0 auto;
    text-align: right;
    margin-left: auto;
    padding-left: 20px;
}

/* REMOVE BUTTON COLUMN: Fixed width */
#order-standard_cart .view-cart-items .item > .row > .col-sm-1 {
    flex: 0 0 auto;
    text-align: center;
}

/* ===== PRODUCT INFO (LEFT SIDE) ===== */

/* Product title */
#order-standard_cart .item-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    margin: 0 0 8px 0;
    line-height: 1.3;
}

/* Category/group */
#order-standard_cart .item-group {
    font-size: 14px;
    color: var(--text-medium);
    margin: 0 0 6px 0;
    line-height: 1.4;
}

/* Domain name */
#order-standard_cart .item-domain {
    font-size: 15px;
    color: var(--primary-orange);
    font-weight: 600;
    margin: 6px 0 0 0;
    line-height: 1.4;
}

/* Hide config options */
#order-standard_cart .view-cart-items .item small {
    display: none;
}

/* ===== PRICING (RIGHT SIDE) ===== */

#order-standard_cart .item-price {
    text-align: right;
}

/* Main price */
#order-standard_cart .item-price > span:first-child {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-dark);
    display: block;
    line-height: 1.2;
}

/* Billing cycle */
#order-standard_cart .item-price .cycle {
    font-size: 13px;
    color: var(--text-medium);
    display: block;
    margin-top: 4px;
}

/* Hide renewal info */
#order-standard_cart .item-price .renewal,
#order-standard_cart .item-price .renewal-price {
    display: none;
}

/* Hide dropdown button */
#order-standard_cart .item-price .dropdown {
    display: none;
}

/* ===== BUTTONS ===== */

/* Edit button (Aanpassen) */
#order-standard_cart .item-title .btn-link {
    color: var(--primary-orange);
    font-size: 13px;
    padding: 4px 10px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 10px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

#order-standard_cart .item-title .btn-link:hover {
    color: var(--white);
    background: var(--primary-orange);
    text-decoration: none;
}

/* Remove button (X) */
#order-standard_cart .btn-remove-from-cart {
    color: #dc3545;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.2s ease;
    padding: 0;
}

#order-standard_cart .btn-remove-from-cart:hover {
    color: var(--white);
    background: #dc3545;
    text-decoration: none;
}

#order-standard_cart .btn-remove-from-cart i {
    font-size: 16px;
}

/* Hide mobile remove buttons in title */
#order-standard_cart .item-title .visible-xs-inline,
#order-standard_cart .item-title .d-inline.d-sm-none {
    display: none !important;
}

/* Empty cart message */
#order-standard_cart .view-cart-empty {
    padding: 60px 20px;
    text-align: center;
    font-size: 16px;
    color: var(--text-medium);
    background: var(--bg-light);
    border-radius: 12px;
    margin: 20px 0;
}

/* Empty cart button */
#order-standard_cart .empty-cart {
    text-align: center;
    padding: 20px;
    margin-top: 20px;
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .empty-cart .btn-link,
#order-standard_cart #btnEmptyCart {
    background: transparent;
    border: 2px solid #dc3545;
    color: #dc3545;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#order-standard_cart .empty-cart .btn-link:hover,
#order-standard_cart #btnEmptyCart:hover {
    background: #dc3545;
    color: var(--white);
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

/* Tabs styling */
#order-standard_cart .view-cart-tabs {
    margin-top: 30px;
}

#order-standard_cart .nav-tabs {
    border-bottom: 2px solid var(--border-light);
}

#order-standard_cart .nav-tabs .nav-link {
    border: none;
    color: var(--text-medium);
    font-weight: 600;
    padding: 12px 20px;
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease;
}

#order-standard_cart .nav-tabs .nav-link:hover {
    color: var(--text-dark);
    border-bottom-color: var(--border-light);
}

#order-standard_cart .nav-tabs .nav-link.active {
    color: var(--primary-orange);
    border-bottom-color: var(--primary-orange);
    background: transparent;
}

/* Tab content */
#order-standard_cart .tab-content {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-top: none;
    border-radius: 0 0 12px 12px;
    padding: 25px;
}

/* Promo code input */
#order-standard_cart .prepend-icon input.field {
    border-radius: 8px;
    border: 1px solid var(--border-light);
    padding: 12px 16px 12px 45px;
    font-size: 15px;
    width: 100%;
}

#order-standard_cart .tab-content .btn-block {
    background: var(--primary-orange);
    border: none;
    color: var(--white);
    border-radius: 8px;
    padding: 12px;
    font-weight: 600;
    transition: all 0.2s ease;
}

#order-standard_cart .tab-content .btn-block:hover {
    background: var(--primary-orange-dark);
}

/* Order summary - consistent with other pages */
#order-standard_cart .order-summary {
    background: var(--white);
    border: 2px solid var(--border-light);
    border-radius: 16px;
    padding: 0;
    margin-top: 30px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

#order-standard_cart .order-summary h2 {
    background: var(--bg-light);
    color: var(--text-dark);
    padding: 20px 25px;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid var(--border-light);
}

#order-standard_cart .order-summary .summary-container {
    padding: 25px;
}

/* Summary lines */
#order-standard_cart .subtotal,
#order-standard_cart .recurring-totals,
#order-standard_cart .bordered-totals > div {
    padding: 12px 0;
    font-size: 15px;
    color: var(--text-medium);
}

#order-standard_cart .subtotal {
    border-bottom: 1px solid var(--border-light);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#order-standard_cart .bordered-totals {
    border-bottom: 1px solid var(--border-light);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* Total due today */
#order-standard_cart .total-due-today {
    background: var(--bg-light);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    margin: 20px 0;
}

#order-standard_cart .total-due-today .amt {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-dark);
    display: block;
    margin-bottom: 5px;
}

#order-standard_cart .total-due-today span:last-child {
    font-size: 14px;
    color: var(--text-medium);
}

/* Checkout button - ORANGE! */
#order-standard_cart .btn-checkout {
    background: var(--primary-orange);
    border: none;
    color: var(--white);
    border-radius: 12px;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 15px;
}

#order-standard_cart .btn-checkout:hover {
    background: var(--primary-orange-dark);
    box-shadow: 0 8px 24px rgba(255, 107, 53, 0.3);
    transform: translateY(-2px);
    color: var(--white);
    text-decoration: none;
}

#order-standard_cart .btn-checkout.disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

#order-standard_cart .btn-continue-shopping {
    color: var(--text-medium);
    font-size: 14px;
}

#order-standard_cart .btn-continue-shopping:hover {
    color: var(--text-dark);
}

/* Recurring charges */
#order-standard_cart .recurring-charges {
    font-size: 13px;
}

#order-standard_cart .recurring-charges .cost {
    font-weight: 700;
    color: var(--text-dark);
}

/* Alerts on cart page */
#order-standard_cart .alert-success {
    background: linear-gradient(135deg, #e6f9ed 0%, #d6f5e3 100%);
    border: 2px solid #86d4a8;
    border-radius: 12px;
}

#order-standard_cart .alert-info {
    background: linear-gradient(135deg, #e6f3ff 0%, #d6ebff 100%);
    border: 2px solid #66b3ff;
    border-radius: 12px;
}

/* Promotion code display */
#order-standard_cart .view-cart-promotion-code {
    background: var(--success-green);
    color: var(--white);
    padding: 15px 20px;
    border-radius: 8px;
    margin-bottom: 15px;
    font-weight: 600;
}

/* Dropdown for domain period */
#order-standard_cart .dropdown-menu {
    border-radius: 8px;
    border: 1px solid var(--border-light);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#order-standard_cart .dropdown-menu .dropdown-item a {
    padding: 10px 15px;
    color: var(--text-dark);
    text-decoration: none;
    display: block;
}

#order-standard_cart .dropdown-menu .dropdown-item a:hover {
    background: var(--bg-light);
}

/* Responsive */
@media (max-width: 767px) {
    #order-standard_cart .item-price {
        text-align: left;
        margin-top: 10px;
    }
}

/* Responsive */
@media (max-width: 991px) {
    #order-standard_cart .addon-products {
        grid-template-columns: 1fr;
    }
}

/* ===== CHECKOUT PAGE ===== */

/* Center content */
#order-standard_cart .cart-body {
    max-width: 1000px;
    margin: 0 auto;
}

/* Already registered banner */
#order-standard_cart .already-registered {
    background: var(--bg-light);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 20px 25px;
    margin-bottom: 30px;
}

#order-standard_cart .already-registered p {
    margin: 0;
    font-size: 15px;
    color: var(--text-medium);
}

#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup {
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;
}

#order-standard_cart #btnAlreadyRegistered {
    background: var(--primary-orange);
    border: none;
    color: var(--white);
}

#order-standard_cart #btnAlreadyRegistered:hover {
    background: var(--primary-orange-dark);
    transform: translateY(-1px);
}

#order-standard_cart #btnNewUserSignup {
    background: var(--white);
    border: 2px solid var(--text-dark);
    color: var(--text-dark);
}

#order-standard_cart #btnNewUserSignup:hover {
    background: var(--text-dark);
    color: var(--white);
}

/* Account selection cards */
#order-standard_cart .account-select-container {
    margin-bottom: 30px;
}

#order-standard_cart .account {
    background: var(--white);
    border: 2px solid var(--border-light);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 15px;
    transition: all 0.2s ease;
    cursor: pointer;
}

#order-standard_cart .account:hover {
    border-color: var(--primary-orange);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#order-standard_cart .account.active {
    border-color: var(--primary-orange);
    background: linear-gradient(135deg, #fff8f5 0%, #fff4f0 100%);
}

#order-standard_cart .account label {
    margin: 0;
    cursor: pointer;
    width: 100%;
}

#order-standard_cart .account input[type="radio"] {
    margin-right: 12px;
}

#order-standard_cart .account .address strong {
    font-size: 16px;
    color: var(--text-dark);
}

#order-standard_cart .account .label {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
    margin-left: 8px;
}

/* Form sections */
#order-standard_cart .checkout-container {
    background: transparent;
    border: none;
    padding: 0;
    margin-bottom: 30px;
}

/* Individual form field cards */
#order-standard_cart .form-group,
#order-standard_cart .field-container {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

#order-standard_cart .form-group:hover,
#order-standard_cart .field-container:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Two column layout for name fields */
#order-standard_cart .row.form-group-name {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

#order-standard_cart .row.form-group-name:hover {
    box-shadow: none;
}

#order-standard_cart .row.form-group-name > div {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

#order-standard_cart .row.form-group-name > div:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Two column layout for email and phone */
#order-standard_cart .row.form-group-contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

#order-standard_cart .row.form-group-contact:hover {
    box-shadow: none;
}

#order-standard_cart .row.form-group-contact > div {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

#order-standard_cart .row.form-group-contact > div:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Address fields - combine address1 and address2 */
#order-standard_cart .row.form-group-address {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

#order-standard_cart .row.form-group-address:hover {
    box-shadow: none;
}

#order-standard_cart .row.form-group-address > div {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

#order-standard_cart .row.form-group-address > div:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* City, State, Postcode grid */
#order-standard_cart .row.form-group-location {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

#order-standard_cart .row.form-group-location:hover {
    box-shadow: none;
}

#order-standard_cart .row.form-group-location > div {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

#order-standard_cart .row.form-group-location > div:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Password fields */
#order-standard_cart .row.form-group-password {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

#order-standard_cart .row.form-group-password:hover {
    box-shadow: none;
}

#order-standard_cart .row.form-group-password > div {
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

#order-standard_cart .row.form-group-password > div:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Labels in card containers */
#order-standard_cart .form-group label,
#order-standard_cart .field-container label {
    font-weight: 600;
    font-size: 13px;
    color: var(--text-dark);
    margin-bottom: 8px;
    display: block;
}

/* Remove extra margins from nested elements */
#order-standard_cart .form-group .form-group,
#order-standard_cart .field-container .field-container {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

/* Section dividers */
#order-standard_cart .checkout-security-msg,
#order-standard_cart .checkout-payment-methods,
#order-standard_cart .checkout-credit-balance {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--border-light);
}

/* Payment method selection */
#order-standard_cart .payment-methods {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

#order-standard_cart .payment-method {
    background: var(--white);
    border: 2px solid var(--border-light);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.2s ease;
    cursor: pointer;
    text-align: center;
}

#order-standard_cart .payment-method:hover {
    border-color: var(--primary-orange);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#order-standard_cart .payment-method.selected {
    border-color: var(--primary-orange);
    background: linear-gradient(135deg, #fff8f5 0%, #fff4f0 100%);
}

#order-standard_cart .payment-method input[type="radio"] {
    margin-right: 8px;
}

#order-standard_cart .payment-method label {
    margin: 0;
    font-weight: 600;
    cursor: pointer;
}

/* Credit card fields */
#order-standard_cart .creditcard-container {
    background: var(--bg-light);
    border-radius: 12px;
    padding: 25px;
    margin-top: 20px;
}

#order-standard_cart .creditcard-container .row {
    margin-left: -10px;
    margin-right: -10px;
}

#order-standard_cart .creditcard-container .col-6,
#order-standard_cart .creditcard-container .col-sm-6,
#order-standard_cart .creditcard-container .col-sm-3,
#order-standard_cart .creditcard-container .col-sm-9 {
    padding-left: 10px;
    padding-right: 10px;
}

/* Terms checkbox */
#order-standard_cart .terms-container {
    background: var(--bg-light);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
}

#order-standard_cart .terms-container input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/* Complete order button */
#order-standard_cart #btnCompleteOrder {
    background: var(--primary-orange);
    border: none;
    color: var(--white);
    border-radius: 12px;
    padding: 18px 50px;
    font-size: 18px;
    font-weight: 700;
    transition: all 0.3s ease;
    width: 100%;
    margin-top: 20px;
}

#order-standard_cart #btnCompleteOrder:hover {
    background: var(--primary-orange-dark);
    box-shadow: 0 8px 24px rgba(255, 107, 53, 0.3);
    transform: translateY(-2px);
}

#order-standard_cart #btnCompleteOrder:disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Checkout error feedback */
#order-standard_cart .checkout-error-feedback {
    background: linear-gradient(135deg, #ffe6e6 0%, #ffd6d6 100%);
    border: 2px solid #ff6b6b;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
}

#order-standard_cart .checkout-error-feedback ul {
    margin: 10px 0 0 20px;
}

/* Security message */
#order-standard_cart .checkout-security-msg {
    text-align: center;
    color: var(--text-medium);
    font-size: 14px;
}

#order-standard_cart .checkout-security-msg i {
    color: var(--success-green);
    font-size: 18px;
    margin-right: 8px;
}

/* Order summary sidebar on checkout */
#order-standard_cart .order-summary .summary-review-container {
    max-height: 400px;
    overflow-y: auto;
}

#order-standard_cart .order-summary .item {
    padding: 15px 0;
    border-bottom: 1px solid var(--border-light);
}

#order-standard_cart .order-summary .item:last-child {
    border-bottom: none;
}

#order-standard_cart .order-summary .item-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-dark);
}

#order-standard_cart .order-summary .item-details {
    font-size: 12px;
    color: var(--text-medium);
}

/* Responsive checkout */
@media (max-width: 991px) {
    #order-standard_cart .payment-methods {
        grid-template-columns: 1fr;
    }

    #order-standard_cart .checkout-container {
        padding: 20px;
    }
}