/* *****************************************************
    CimaServer Domain Registration — Soft SaaS (Light)
    Clean styling matching CimaPress UI.
***************************************************** */

/* ── Import Brand Font ── */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/* ── Base Reset for Orderform ── */
#order-standard_cart {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #475569 !important;
}
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart h5,
#order-standard_cart p {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* ── CimaPress Details Card wrapper ── */
#order-standard_cart .cima-details-card {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 40px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 30px !important;
}

/* ── Search Box Card ── */
#order-standard_cart .domain-checker-container {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 10px 0 5px !important;
}
#order-standard_cart .domain-checker-bg {
    background: transparent !important;
}

/* ── Search Input ── */
#order-standard_cart .cima-search-wrapper {
    transition: all 0.3s ease !important;
}
#order-standard_cart .cima-search-wrapper:focus-within {
    border-color: #0d9488 !important;
    box-shadow: 0 4px 20px rgba(13, 148, 136, 0.12) !important;
}
#order-standard_cart .cima-search-wrapper input:focus,
#order-standard_cart #inputDomain:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}
#order-standard_cart .cima-search-wrapper input::placeholder {
    color: #94a3b8 !important;
    font-weight: 400 !important;
}

/* ── Search Button ── */
#order-standard_cart .domain-check-availability,
#order-standard_cart .input-group-box .btn-primary {
    background: #0d9488 !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 0 36px !important;
    font-size: 16px !important;
    margin: 6px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}
#order-standard_cart .domain-check-availability:hover,
#order-standard_cart .input-group-box .btn-primary:hover {
    background: #0f766e !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(13, 148, 136, 0.25) !important;
}

/* ── Primary Result Area ── */
#order-standard_cart .domain-checker-result-headline {
    background: #f8fafc !important;
    border-radius: 12px !important;
    padding: 24px 30px !important;
    margin: 20px 0 !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important; /* Force text color */
}
#order-standard_cart .domain-checker-result-headline p {
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}
#order-standard_cart .domain-checker-result-headline .domain {
    font-weight: 700 !important;
    color: #0f172a !important;
}
#order-standard_cart .domain-checker-available {
    color: #059669 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 5px !important;
}
#order-standard_cart .domain-checker-unavailable {
    color: #dc2626 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    display: block !important;
}
#order-standard_cart .domain-price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    margin-top: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 420px !important;
}
#order-standard_cart .domain-price .price {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* ── Add to Cart Button (Results) ── */
#order-standard_cart .btn-add-to-cart {
    background: #0f172a !important;
    border: none !important;
    color: #fff !important;
    padding: 10px 24px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}
#order-standard_cart .btn-add-to-cart:hover {
    background: #1e293b !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.15) !important;
}
#order-standard_cart .btn-add-to-cart .added {
    color: #10b981 !important;
}

/* ── Spotlight TLDs ── */
#order-standard_cart .spotlight-tlds {
    background: transparent !important;
    padding: 0 !important;
    margin: 30px 0 !important;
}
#order-standard_cart .spotlight-tld {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 24px !important;
    color: #0f172a !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-align: center !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02) !important;
}
#order-standard_cart .spotlight-tld:hover {
    border-color: #0d9488 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(13, 148, 136, 0.08) !important;
}
#order-standard_cart .spotlight-tld .btn {
    border-radius: 6px !important;
    font-size: 13px !important;
    margin-top: 15px !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 600 !important;
}
#order-standard_cart .spotlight-tld:hover .btn {
    background: #0d9488 !important;
    color: #fff !important;
    border-color: #0d9488 !important;
}
#order-standard_cart .spotlight-tld .price {
    color: #475569 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    display: block !important;
    margin: 8px 0 !important;
}

/* ── Suggested Domains ── */
#order-standard_cart .suggested-domains {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    overflow: hidden !important;
    margin-top: 20px !important;
}
#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
    background: #f8fafc !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
#order-standard_cart .domain-suggestion.list-group-item {
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #334155 !important;
    padding: 16px 24px !important;
    transition: background 0.2s ease !important;
}
#order-standard_cart .domain-suggestion.list-group-item:hover {
    background: #f8fafc !important;
}
#order-standard_cart .domain-suggestion .domain {
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #0f172a !important;
}
#order-standard_cart .domain-suggestion .extension {
    color: #0d9488 !important;
    font-weight: 700 !important;
}
#order-standard_cart .domain-suggestion .price {
    color: #334155 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-right: 16px !important;
}
#order-standard_cart .domain-suggestion .promo span {
    background: #f0fdf4 !important;
    color: #16a34a !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: 1px solid #bbf7d0 !important;
}
#order-standard_cart .suggested-domains .panel-footer,
#order-standard_cart .suggested-domains .card-footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 16px !important;
}
#order-standard_cart .suggested-domains .panel-footer a,
#order-standard_cart .suggested-domains .card-footer a {
    color: #0d9488 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
#order-standard_cart .suggested-domains .panel-footer a:hover,
#order-standard_cart .suggested-domains .card-footer a:hover {
    color: #0f766e !important;
}

/* ── Domain Pricing Table ── */
#order-standard_cart .domain-pricing h4 {
    color: #0f172a !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    font-size: 18px !important;
}

/* ── TLD Category Filter Buttons ── */
#order-standard_cart .tld-filters-button {
    display: inline-block !important;
    background: #ffffff !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    margin: 4px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}
#order-standard_cart .tld-filters-button:hover,
#order-standard_cart .tld-filters-button.active {
    background: #0d9488 !important;
    color: #ffffff !important;
    border-color: #0d9488 !important;
}

/* ── TLD Pricing Rows ── */
#order-standard_cart .tld-pricing-header {
    background: #f8fafc !important;
    color: #64748b !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 16px 0 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
}
#order-standard_cart .tld-row {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: none !important;
    padding: 16px 0 !important;
    color: #475569 !important;
    transition: background 0.2s ease !important;
}
#order-standard_cart .tld-row:last-child {
    border-radius: 0 0 12px 12px !important;
}
#order-standard_cart .tld-row:hover {
    background: #f8fafc !important;
}
#order-standard_cart .tld-row strong {
    color: #0f172a !important;
    font-size: 18px !important;
}
#order-standard_cart .tld-row small {
    color: #94a3b8 !important;
}
#order-standard_cart .tld-sale-group {
    background: #fef2f2 !important;
    color: #dc2626 !important;
    border: 1px solid #fecaca !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-left: 10px !important;
}

/* ── Featured TLDs Cards ── */
#order-standard_cart .featured-tld {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.3s ease !important;
    margin-bottom: 20px !important;
}
#order-standard_cart .featured-tld:hover {
    border-color: #0d9488 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(13, 148, 136, 0.08) !important;
}
#order-standard_cart .featured-tld .price {
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    margin-top: 15px !important;
}
#order-standard_cart .featured-tld .img-container img {
    opacity: 0.8 !important;
    max-height: 40px !important;
}

/* ── Promo Boxes (hosting + transfer) ── */
#order-standard_cart .domain-promo-box {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 30px !important;
    transition: all 0.3s ease !important;
    color: #475569 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}
#order-standard_cart .domain-promo-box:hover {
    border-color: #0d9488 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(13, 148, 136, 0.08) !important;
}
#order-standard_cart .domain-promo-box h3 {
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
}
#order-standard_cart .domain-promo-box a > i {
    color: #0d9488 !important;
}
#order-standard_cart .domain-promo-content p {
    color: #64748b !important;
}
#order-standard_cart .domain-promo-content .font-bold {
    color: #0d9488 !important;
    font-weight: 600 !important;
}

/* ── Primary Domain Header ── */
#order-standard_cart .primary-domain-header {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-radius: 12px !important;
    padding: 16px 24px !important;
    font-weight: 700 !important;
    margin: 20px 0 10px !important;
    border-left: 4px solid #0d9488 !important;
    border: 1px solid #e2e8f0 !important;
    border-left-width: 4px !important;
}

/* ── Contact Support Button ── */
#order-standard_cart .domain-contact-support {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
}
#order-standard_cart .domain-contact-support:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* ── Misc Fixes ── */
#order-standard_cart .no-tlds {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}
#order-standard_cart .domain-suggestions-warning p {
    color: #94a3b8 !important;
    font-size: 13px !important;
    margin-top: 15px !important;
}
#order-standard_cart .overlay::before {
    display: none !important;
}

/* ══════════════════════════════════════════════════════════════
   CHECKOUT PREMIUM v3 — CimaServer Design System
   ══════════════════════════════════════════════════════════════ */

/* ── Dark Hero Card (Product Header) ── */
.cima-hero-checkout {
    position: relative;
    background: linear-gradient(135deg, #111111 0%, #1e293b 100%);
    border-radius: 16px;
    padding: 36px 32px;
    margin-bottom: 28px;
    overflow: hidden;
}
.cima-hero-glow {
    position: absolute;
    top: -30%;
    right: -10%;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(13,148,136,0.25) 0%, transparent 70%);
    pointer-events: none;
}
.cima-hero-content { position: relative; z-index: 1; }
.cima-hero-group {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #cbd5e1;
    font-weight: 600;
    margin-bottom: 8px;
}
.cima-hero-title {
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.2 !important;
}
.cima-hero-desc {
    color: #ffffff !important;
    font-size: 14px;
    margin: 0;
    max-width: 500px;
}

/* ── Section Card Wrapper ── */
.cima-section-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}
.cima-section-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 18px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.cima-section-title i {
    color: #0d9488;
    font-size: 18px;
}

/* ── Billing Cycle Cards (Premium) ── */
.cima-billing-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 14px;
}
.cima-billing-card {
    position: relative;
    border: 2px solid #e2e8f0;
    border-radius: 14px;
    padding: 22px 16px 18px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s ease;
    background: #fff;
}
.cima-billing-card:hover {
    border-color: #94a3b8;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.cima-billing-card.active {
    border-color: #0d9488;
    background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);
    box-shadow: 0 0 0 3px rgba(13,148,136,0.12), 0 8px 24px rgba(13,148,136,0.08);
    transform: translateY(-2px);
}
.cima-cycle-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #f1f5f9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #64748b;
    margin: 0 auto 12px;
    transition: all 0.2s ease;
}
.cima-billing-card.active .cima-cycle-icon {
    background: rgba(13,148,136,0.1);
    color: #0d9488;
}
.cima-cycle-name {
    display: block;
    font-weight: 700;
    color: #0f172a;
    font-size: 16px;
    margin-bottom: 6px;
}
.cima-cycle-price {
    display: block;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}
.cima-billing-card.active .cima-cycle-price {
    color: #0a7c72;
    font-weight: 800;
    font-size: 16px;
}
.cima-cycle-badge {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #0d9488, #0f766e);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(13,148,136,0.3);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.cima-cycle-badge i { font-size: 9px; }

/* ── Order Summary (refined v3) ── */
#order-standard_cart .order-summary {
    background: #fff !important;
    border-radius: 14px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 0 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
    overflow: hidden !important;
}
#order-standard_cart .order-summary h2 {
    background: linear-gradient(135deg, #111111, #1e293b) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    margin: 0 !important;
    padding: 18px 22px !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    letter-spacing: 0.3px !important;
}
#order-standard_cart .order-summary .summary-container {
    padding: 18px 22px !important;
}
#order-standard_cart .summary-container .clearfix {
    padding: 10px 0 !important;
    color: #334155 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 14px !important;
}
#order-standard_cart .summary-container .clearfix:last-child { border-bottom: none !important; }
#order-standard_cart .summary-container .clearfix .pull-left {
    color: #64748b !important;
    font-weight: 500 !important;
}
#order-standard_cart .summary-container .clearfix .pull-right {
    color: #0f172a !important;
    font-weight: 600 !important;
}
#order-standard_cart .summary-container .total-due-today {
    background: #f8fafc !important;
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 14px 22px !important;
    margin: 0 -22px -18px !important;
    border-top: 1px solid #e2e8f0 !important;
}
#order-standard_cart .summary-container .total-due-today .amt {
    display: block !important;
    font-size: 24px !important;
    color: #0a7c72 !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}
/* 'Importe a la Fecha' label below the total amount */
#order-standard_cart .summary-container .total-due-today span:not(.amt) {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 2px !important;
}

/* ── CTA Button (dark premium) ── */
#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart #btnCheckout,
#order-standard_cart .btn-prussian.btn-lg {
    background: #111111 !important;
    border: none !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 15px !important;
    width: 100% !important;
    border-radius: 12px !important;
    margin-top: 18px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    letter-spacing: 0.3px !important;
}
#order-standard_cart #btnCompleteProductConfig:hover,
#order-standard_cart #btnCheckout:hover,
#order-standard_cart .btn-prussian.btn-lg:hover {
    background: #1e293b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}
/* CTA icon color — Continuar (confproduct/confdomains) */
#order-standard_cart #btnCompleteProductConfig i,
#order-standard_cart #btnCompleteProductConfig .ico-chevron-right,
#order-standard_cart .btn-prussian.btn-lg i,
#order-standard_cart .btn-prussian.btn-lg .ico-chevron-right {
    color: #9cd201 !important;
}
/* CTA icon color — Comprar (viewcart) */
#order-standard_cart #btnCheckout i,
#order-standard_cart #btnCheckout .ico-chevron-right {
    color: #000000 !important;
}
/* Paragraphs inside hero */
#order-standard_cart .cima-hero-checkout p,
#order-standard_cart .cima-hero-content p {
    color: #ffffff !important;
    line-height: 1.6 !important;
}
/* CTA arrow pill (green circle) */
#order-standard_cart .btn .w-icon {
    margin: 0 0 0 5px !important;
    vertical-align: middle !important;
    font-size: initial !important;
    color: #ffffff !important;
    padding: 1px !important;
    border-radius: 50px !important;
    background-color: #9cd201 !important;
}

/* ── Sub Headings ── */
#order-standard_cart .sub-heading {
    border-bottom: none !important;
    margin: 24px 0 12px !important;
}
#order-standard_cart .sub-heading span {
    background: transparent !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 0 !important;
    position: static !important;
}
#order-standard_cart .sub-heading::after { display: none !important; }

/* ── Form Inputs ── */
#order-standard_cart .form-control,
#order-standard_cart .field {
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 11px 15px !important;
    height: auto !important;
    box-shadow: none !important;
    font-size: 14px !important;
    background: #fff !important;
    color: #0f172a !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
#order-standard_cart .form-control:focus,
#order-standard_cart .field:focus {
    border-color: #0d9488 !important;
    box-shadow: 0 0 0 3px rgba(13,148,136,0.08) !important;
}

/* ── Payment Methods Grid ── */
.payment-methods-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    margin-top: 12px;
}
.payment-method-card {
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: all 0.25s ease;
    background: #fff;
}
.payment-method-card:hover {
    border-color: #94a3b8;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
.payment-method-card.active {
    border-color: #0d9488;
    background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 100%);
    box-shadow: 0 0 0 3px rgba(13,148,136,0.1);
}
.payment-method-card input[type="radio"] { position: absolute; opacity: 0; }
.payment-method-card span.name {
    font-weight: 600;
    color: #0f172a;
    font-size: 14px;
}

/* ── Promo Code ── */
.promo-code-cart-container {
    border: 1px dashed #cbd5e1 !important;
    border-radius: 12px !important;
    padding: 14px !important;
    margin-top: 16px !important;
    background: #fff !important;
}
.promo-code-cart-container .form-group {
    margin: 0 !important;
    display: flex !important;
    gap: 8px;
}
.promo-code-cart-container .btn-order-embeded {
    background: #0f172a !important;
    border-radius: 10px !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 10px 20px !important;
}

/* ── View Cart Items ── */
/* -- View Cart Layout Fix (sidebar + checkout button) -- */
#order-standard_cart .col-md-12 > .row {
    display: flex !important;
    flex-wrap: wrap !important;
}
#order-standard_cart .col-md-12 > .row > .col-md-8 {
    flex: 0 0 66.666% !important;
    max-width: 66.666% !important;
    float: none !important;
    width: auto !important;
}
#order-standard_cart .col-md-12 > .row > .col-md-4 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    float: none !important;
    width: auto !important;
    min-height: auto !important;
    height: auto !important;
}
@media (max-width: 991px) {
    #order-standard_cart .col-md-12 > .row > .col-md-8,
    #order-standard_cart .col-md-12 > .row > .col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* -- View Cart Items -- */
#order-standard_cart .view-cart-items { border: none !important; background: transparent !important; }
#order-standard_cart .view-cart-items .item {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    margin-bottom: 14px !important;
    padding: 20px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.03) !important;
}

/* ── Configurable Options ── */
#productConfigurableOptions .form-group {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px !important;
}
#productConfigurableOptions label {
    font-weight: 600 !important;
    color: #0f172a !important;
}

/* ── Hide original product-info (now in hero) ── */
#order-standard_cart .product-info { display: none !important; }

/* ══════════════════════════════════════════════════════════════
   GLOBAL ORDERFORM POLISH — All Pages
   ══════════════════════════════════════════════════════════════ */

/* ── Page Header ── */
#order-standard_cart .header-lined {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
#order-standard_cart .header-lined h1 {
    display: none !important;
}

/* ── Domain Selection: Radio Options as Cards ── */
#order-standard_cart .domain-selection-options {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
    margin-bottom: 24px !important;
    display: block !important;
}
.domain-selection-options-list {
    padding: 0 !important;
}
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .domain-selection-options-list .option {
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
    background: #fff !important;
    border-radius: 0 !important;
    display: block !important;
}
.domain-selection-options-list .option:last-child {
    border-bottom: none !important;
}
.domain-selection-options-list .option:hover {
    background: #f8fafc !important;
}
.domain-selection-options-list .option label {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px 24px !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-size: 15px !important;
    color: #0f172a !important;
    font-weight: 500 !important;
    width: 100% !important;
}

/* ── Custom Radio Buttons ── */
.domain-selection-options-list .option input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 22px !important;
    height: 22px !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 50% !important;
    outline: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    flex-shrink: 0 !important;
    background: #fff !important;
}
.domain-selection-options-list .option input[type="radio"]:checked {
    border-color: #0d9488 !important;
    background: #0d9488 !important;
    box-shadow: inset 0 0 0 4px #fff, 0 0 0 2px rgba(13,148,136,0.2) !important;
}
.domain-selection-options-list .option:has(input:checked) {
    background: #f0fdfa !important;
    border-left: 3px solid #0d9488 !important;
}

/* ── Domain Input Group ── */
#order-standard_cart .domain-input-group {
    background: #f8fafc !important;
    border-radius: 14px !important;
    padding: 24px !important;
    margin: 0 !important;
    border: 1px solid #e2e8f0 !important;
}
#order-standard_cart .domain-resultat-tab-box {
    padding: 0 24px 24px !important;
    background: transparent !important;
    border-radius: 0 !important;
    border: none !important;
}

/* ── Override Lagom purple backgrounds ── */
#order-standard_cart .field-container {
    background: transparent !important;
    border-radius: 14px !important;
    padding: 0 !important;
}
#order-standard_cart .domain-selection-options .option-selected,
#order-standard_cart .domain-selection-options .option-selected:hover {
    background: #f0fdfa !important;
}
.domains-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.domain-input-group .form-control {
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 13px 18px !important;
    font-size: 15px !important;
    background: #fff !important;
    color: #0f172a !important;
    height: auto !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.domain-input-group .form-control:focus {
    border-color: #0d9488 !important;
    box-shadow: 0 0 0 3px rgba(13,148,136,0.1) !important;
}
.domain-input-group select.form-control {
    background: #fff !important;
    cursor: pointer !important;
}

/* ── Buttons: Primary (Comprobar, Usar, Transferir) ── */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-primary.btn-block {
    background: linear-gradient(135deg, #111111, #1e293b) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 13px 24px !important;
    border-radius: 12px !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    white-space: nowrap !important;
}
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-primary.btn-block:hover {
    background: linear-gradient(135deg, #1e293b, #334155) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15) !important;
}

/* ── Large CTA Buttons (Continue, Checkout) ── */
#order-standard_cart .btn-primary.btn-lg,
#order-standard_cart #btnDomainContinue {
    background: linear-gradient(135deg, #0a7c72, #0f766e) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 15px 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(10,124,114,0.3) !important;
    transition: all 0.3s ease !important;
}
#order-standard_cart .btn-primary.btn-lg:hover,
#order-standard_cart #btnDomainContinue:hover {
    background: linear-gradient(135deg, #0f766e, #115e59) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(10,124,114,0.4) !important;
}

/* ── Domain Search Results ── */
.primary-domain-header {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 16px 20px !important;
    background: #fff !important;
    border-radius: 12px 12px 0 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
}
#searchDomainInfo {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 0 12px 12px !important;
    padding: 20px !important;
}
.domain-checker-available.headline {
    color: #0d9488 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}
.domain-checker-unavailable.headline {
    color: #dc2626 !important;
    font-weight: 600 !important;
}
.domain-price {
    margin-top: 12px !important;
    padding: 12px 16px !important;
    background: #f0fdfa !important;
    border-radius: 10px !important;
    border: 1px solid rgba(13,148,136,0.15) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 420px !important;
}
.domain-price .price {
    color: #0d9488 !important;
    font-weight: 800 !important;
    font-size: 20px !important;
}

/* ── Spotlight TLDs ── */
.spotlight-tlds-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    gap: 12px !important;
    padding: 16px 0 !important;
}
.spotlight-tld-container {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}
.spotlight-tld {
    background: #fff !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    transition: all 0.2s ease !important;
}
.spotlight-tld:hover {
    border-color: #0d9488 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
}
.spotlight-tld .available.price {
    display: block !important;
    color: #0d9488 !important;
    font-size: 14px !important;
    margin-top: 6px !important;
}
.spotlight-tld .btn-add-to-cart {
    background: linear-gradient(135deg, #0d9488, #0f766e) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 6px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-top: 8px !important;
}

/* ── Suggested Domains ── */
.suggested-domains .panel-heading,
.suggested-domains .card-header {
    background: linear-gradient(135deg, #111111, #1e293b) !important;
    color: #fff !important;
    border-radius: 12px 12px 0 0 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 16px 20px !important;
    border: none !important;
}
.suggested-domains .list-group-item {
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.suggested-domains .list-group-item .domain {
    font-weight: 600 !important;
    color: #0f172a !important;
    font-size: 15px !important;
}
.suggested-domains .list-group-item .extension {
    color: #0d9488 !important;
    font-weight: 700 !important;
}
.suggested-domains .list-group-item .btn-add-to-cart {
    background: #0d9488 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* ── Alert Info Boxes ── */
#order-standard_cart .alert-info {
    background: #f0fdfa !important;
    border: 1px solid rgba(13,148,136,0.2) !important;
    color: #0f172a !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
}
#order-standard_cart .alert-warning {
    background: #fffbeb !important;
    border: 1px solid rgba(245,158,11,0.2) !important;
    color: #92400e !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
}

/* ── View Cart Enhancements ── */
#order-standard_cart .view-cart-items .item-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}
#order-standard_cart .view-cart-items .item-domain {
    color: #0d9488 !important;
    font-weight: 600 !important;
}
#order-standard_cart .view-cart-items .item-price {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}
#order-standard_cart .view-cart-items .btn-remove {
    color: #dc2626 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    background: #fef2f2 !important;
    border-radius: 8px !important;
    padding: 6px 14px !important;
    border: 1px solid #fecaca !important;
    transition: all 0.2s ease !important;
}
#order-standard_cart .view-cart-items .btn-remove:hover {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #dc2626 !important;
}

/* ── Checkout Form Polish ── */
#order-standard_cart .checkout-form {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
}

/* ── General Spacing & Typography ── */
#order-standard_cart p {
    color: #475569 !important;
    line-height: 1.6 !important;
}
/* Hero subtitle must stay white */
#order-standard_cart .cima-domain-hero p,
#order-standard_cart .cima-domain-subtitle {
    color: rgba(255,255,255,0.85) !important;
}
#order-standard_cart label {
    color: #0f172a !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* ── Sidebar Categories Collapsed (horizontal pills) ── */
.sidebar-categories-collapsed {
    margin-bottom: 20px !important;
}
.sidebar-categories-collapsed a {
    border-radius: 10px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}
.sidebar-categories-collapsed a.active,
.sidebar-categories-collapsed a:hover {
    background: #0d9488 !important;
    color: #fff !important;
}

/* ── Responsive ── */

/* Domain Register Hero Banner */
.cima-dm-hero {
    background: linear-gradient(135deg, #111111 0%, #1a1a2e 60%, #9cd201 100%);
    border-radius: 20px;
    padding: 50px 32px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    text-align: center;
}
.cima-dm-hero h1 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #ffffff !important;
}
.cima-dm-hero p {
    font-size: 18px;
    margin-bottom: 30px;
    opacity: 0.9;
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .cima-hero-checkout { padding: 24px 20px; }
    .cima-hero-title { font-size: 22px !important; }
    .cima-billing-cards { grid-template-columns: repeat(2, 1fr); }
    .cima-section-card { padding: 18px; }
    .domain-selection-options-list .option label { padding: 14px 16px !important; font-size: 14px !important; }
    .domain-input-group { padding: 16px !important; }
    .domains-row { flex-direction: column !important; }
    .spotlight-tlds-container { grid-template-columns: repeat(2, 1fr) !important; }

    /* Domain Register Hero mobile */
    .cima-dm-hero {
        padding: 30px 16px !important;
        border-radius: 14px !important;
    }
    .cima-dm-hero h1 {
        font-size: 22px !important;
    }
    .cima-dm-hero p {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }
    .cima-search-wrapper {
        flex-direction: column !important;
        border-radius: 12px !important;
        padding: 6px !important;
    }
    .cima-search-wrapper input[type="text"],
    .cima-search-wrapper textarea {
        width: 100% !important;
        font-size: 16px !important;
        padding: 12px 14px !important;
    }
    .cima-search-wrapper button,
    .cima-dm-hero .domain-check-availability {
        width: 100% !important;
        margin: 6px 0 0 0 !important;
        padding: 14px !important;
        border-radius: 10px !important;
    }
    /* Payment grid mobile */
    .cima-payment-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }
}

/* ══════════════════════════════════════════════════════════════
   CONTRAST FIX PASS — April 2026
   ══════════════════════════════════════════════════════════════ */

/* ── Fix: Lagom DomainSearchResults purple bg ── */
#order-standard_cart #DomainSearchResults {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
}
/* Remove nested white boxes inside DomainSearchResults (triple bg fix) */
#order-standard_cart #searchDomainInfo,
#order-standard_cart #DomainSearchResults .domain-checker-result-headline,
#order-standard_cart .domain-lookup-primary-results .headline {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
#order-standard_cart #DomainSearchResults .domain-checker-available {
    color: #0a7c72 !important;
    font-size: 20px !important;
}
#order-standard_cart #DomainSearchResults .domain-checker-unavailable {
    color: #dc2626 !important;
    font-size: 20px !important;
}
#order-standard_cart #DomainSearchResults .domain-price .price {
    color: #0f172a !important;
}
/* Center domain price + add-to-cart button in search results */
#order-standard_cart #DomainSearchResults .domain-price,
#order-standard_cart #primaryLookupResult .domain-price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    margin: 10px auto 0 auto !important;
    max-width: 420px !important;
}
/* ── Fix: Lagom configuredomains purple bg ── */
#order-standard_cart .domainsaddionsbox {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
}
#order-standard_cart .domainsaddionsbox .domainsaddionsbox {
    background: transparent !important;
    border: none !important;
    border-top: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
}
#order-standard_cart .box-domainnameservers {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
}
#order-standard_cart .box-domainnameservers:before {
    display: none !important;
}

/* ── Fix: Lagom item-header purple circle bg ── */
#order-standard_cart .view-cart-items .item .item-header:before,
#order-standard_cart .addon-content:before {
    display: none !important;
}
#order-standard_cart .view-cart-items .item .item-header {
    padding: 20px !important;
    background: #fff !important;
}
#order-standard_cart .view-cart-items .item .item-footer {
    background: #f8fafc !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 16px 20px !important;
    margin: 0 !important;
}
#order-standard_cart .view-cart-items .item .item-footer .item-domain {
    color: #0f172a !important;
    font-weight: 600 !important;
}

/* ── Fix: Lagom domain results green bg (available result) ── */
#order-standard_cart .domain-lookup-primary-results .headline {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    font-size: 20px !important;
}

/* ── Fix: Lagom suggested domains header ── */
#order-standard_cart .suggested-domains .panel-heading {
    background: transparent !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 20px 0 12px !important;
    border: none !important;
}
#order-standard_cart .suggested-domains .list-group-item {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin-bottom: 8px !important;
    padding: 16px 20px !important;
    transition: all 0.2s ease !important;
}
#order-standard_cart .suggested-domains .list-group-item:hover {
    border-color: #0a7c72 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
}
#order-standard_cart .suggested-domains .btn:not(.domain-contact-support) {
    background: linear-gradient(135deg, #111111, #1e293b) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    float: right !important;
}
#order-standard_cart .suggested-domains .btn:not(.domain-contact-support):hover {
    background: linear-gradient(135deg, #1e293b, #334155) !important;
}
#order-standard_cart .suggested-domains .price {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}
#order-standard_cart .suggested-domains .extension {
    color: #0a7c72 !important;
    font-weight: 700 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
}

/* ── Fix: Lagom red promo buttons in configuredomains ── */
#order-standard_cart .btn-add-to-cart.product-domain {
    background: linear-gradient(135deg, #111111, #1e293b) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* ── Fix: Order summary text contrast (v2) ── */
/* Product name/group sit inside .summary-container (white bg), NOT in the h2 dark header */
#order-standard_cart .order-summary .product-name {
    display: block !important;
    background: linear-gradient(135deg, #111111, #1e293b) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 12px 22px 4px !important;
    margin: 0 -22px !important;
    line-height: 1.3 !important;
}
#order-standard_cart .order-summary .product-group {
    display: block !important;
    background: linear-gradient(135deg, #111111, #1e293b) !important;
    color: rgba(255,255,255,0.6) !important;
    font-style: normal !important;
    font-size: 12px !important;
    padding: 0 22px 14px !important;
    margin: 0 -22px !important;
    border-bottom: 1px solid #1e293b !important;
}
/* Subtotal line — dark text on white container */
#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .summary-container > .subtotal {
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
#order-standard_cart .order-summary .subtotal .pull-right,
#order-standard_cart .order-summary .subtotal span[id] {
    color: #0f172a !important;
    font-weight: 700 !important;
}
/* Recurring charges — readable text */
#order-standard_cart .order-summary .recurring-charges,
#order-standard_cart .order-summary .recurring-totals {
    color: #475569 !important;
    font-style: normal !important;
    font-size: 13px !important;
}
#order-standard_cart .order-summary .recurring-charges .cost,
#order-standard_cart .order-summary .recurring-totals .pull-right {
    color: #0f172a !important;
    font-weight: 600 !important;
}
/* Summary totals section (inside ordersummary.tpl) */
#order-standard_cart .order-summary .summary-totals {
    border-top: 1px solid #e2e8f0 !important;
    padding-top: 10px !important;
    margin-top: 6px !important;
}
#order-standard_cart .order-summary .summary-totals .clearfix {
    color: #475569 !important;
}
#order-standard_cart .order-summary .summary-totals .pull-right {
    color: #0f172a !important;
    font-weight: 600 !important;
}

/* ── Fix: Lagom login/register sections in checkout ── */
#order-standard_cart .already-registered {
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}
#order-standard_cart .login-claaa-box {
    background: #f0fdfa !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
#order-standard_cart .regi-claaa-box {
    background: #fff !important;
}
#order-standard_cart .marketing-email-optin {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
}

/* ── Fix: Credit card fields Lagom bg ── */
#order-standard_cart #creditCardInputFields {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 20px !important;
}

/* ── Fix: Lagom product cards in store ── */
#order-standard_cart .product .plan-content .clearfix {
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
}
#order-standard_cart .product .plan-content .clearfix:hover {
    border-color: #0a7c72 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
    transform: translateY(-2px) !important;
}
#order-standard_cart .product .product-desc {
    background: #f8fafc !important;
}

/* ── Fix: "Seguir Comprando" link visibility ── */
#order-standard_cart .btn-continue-shopping,
#order-standard_cart a.btn-link.btn-continue-shopping {
    color: #475569 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
#order-standard_cart .btn-continue-shopping:hover {
    color: #0d9488 !important;
}

/* ── Fix: Cart modals (Vaciar Carro / Eliminar Item) ── */
#order-standard_cart .modal-remove-item .modal-content {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.15) !important;
}
#order-standard_cart .modal-remove-item .modal-header {
    background: #fff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 28px 24px 20px !important;
    text-align: center !important;
}
#order-standard_cart .modal-remove-item .modal-header .close {
    position: absolute !important;
    top: 12px !important;
    right: 16px !important;
    font-size: 22px !important;
    color: #94a3b8 !important;
    opacity: 1 !important;
}
#order-standard_cart .modal-remove-item .modal-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
}
#order-standard_cart .modal-remove-item .modal-title i {
    color: #ef4444 !important;
    font-size: 40px !important;
    background: #fef2f2 !important;
    width: 72px !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
}
#order-standard_cart .modal-remove-item .modal-title span {
    color: #0f172a !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}
#order-standard_cart .modal-remove-item .modal-body {
    background: #fff !important;
    color: #475569 !important;
    font-size: 15px !important;
    text-align: center !important;
    padding: 16px 24px 24px !important;
}
#order-standard_cart .modal-remove-item .modal-footer {
    background: #fff !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 16px 24px 20px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
}
#order-standard_cart .modal-remove-item .modal-footer .btn-default {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 10px 28px !important;
    font-size: 14px !important;
}
#order-standard_cart .modal-remove-item .modal-footer .btn-default:hover {
    background: #e2e8f0 !important;
}
#order-standard_cart .modal-remove-item .modal-footer .btn-danger {
    background: #ef4444 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 10px 28px !important;
    font-size: 14px !important;
    box-shadow: 0 2px 8px rgba(239,68,68,0.3) !important;
}
#order-standard_cart .modal-remove-item .modal-footer .btn-danger:hover {
    background: #dc2626 !important;
    box-shadow: 0 4px 16px rgba(239,68,68,0.4) !important;
}
/* Modal backdrop fix */
#order-standard_cart .modal-remove-item .modal-backdrop {
    background: rgba(15,23,42,0.5) !important;
}

/* ── Fix: Empty cart trash badge in summary ── */
#order-standard_cart .order-summary .empty-cart {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 2 !important;
}

/* ── Fix: Viewcart item cards ── */
#order-standard_cart .view-cart-items .item {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    margin-bottom: 16px !important;
    position: relative !important;
    transition: border-color 0.2s ease !important;
}
#order-standard_cart .view-cart-items .item .dropdown-menu {
    z-index: 1050 !important;
}
#order-standard_cart .view-cart-items .item:hover {
    border-color: #cbd5e1 !important;
}
#order-standard_cart .view-cart-items .item-header {
    padding: 20px 24px !important;
}
#order-standard_cart .view-cart-items .item-title {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}
#order-standard_cart .view-cart-items .item-group {
    color: #64748b !important;
    font-size: 13px !important;
}
#order-standard_cart .view-cart-items .item-price span:first-child {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}
#order-standard_cart .view-cart-items .item-price .cycle {
    color: #94a3b8 !important;
    font-size: 13px !important;
}
#order-standard_cart .view-cart-items .item-footer {
    background: #f8fafc !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 12px 24px !important;
    color: #64748b !important;
    font-size: 13px !important;
}
#order-standard_cart .view-cart-items .item-domain {
    color: #0f172a !important;
    font-weight: 600 !important;
}

/* ── Fix: Promo code input in viewcart ── */
#order-standard_cart .promo-code-cart-container {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 16px 20px !important;
    margin-top: 16px !important;
}

/* ══════════════════════════════════════════════════════════════
   CimaServer Design Tokens — Badges, Buttons, Actions
   ══════════════════════════════════════════════════════════════ */

/* ── Badge base ── */
#order-standard_cart .badge {
    display: inline-block !important;
    min-width: 10px !important;
    padding: 3px 7px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #111111 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    background-color: #9cd201 !important;
    border-radius: 10px !important;
}

/* ── Badge feat (edit/delete action icons) ── */
#order-standard_cart .badge.feat {
    color: #111111 !important;
    position: absolute !important;
    right: 15px !important;
    top: 15px !important;
    z-index: 1 !important;
    border-radius: 50px !important;
    padding: 7px !important;
    text-transform: lowercase !important;
    transition: all 0.2s ease !important;
}
#order-standard_cart .badge.feat:hover {
    transform: scale(1.1) !important;
}

/* ── Badge danger (trash/delete) — gray instead of red ── */
#order-standard_cart .bg-danger,
#order-standard_cart .badge.bg-danger {
    background-color: #c1c1c1 !important;
}
#order-standard_cart .badge.bg-danger:hover {
    background-color: #ef4444 !important;
    color: #fff !important;
}

/* ── Badge default (edit) ── */
#order-standard_cart .bg-default,
#order-standard_cart .badge.bg-default,
#order-standard_cart .bg-defaul,
#order-standard_cart .badge.bg-defaul,
#order-standard_cart .bg-grey {
    background-color: #9cd201 !important;
}
#order-standard_cart .badge.bg-default:hover,
#order-standard_cart .badge.bg-defaul:hover {
    background-color: #0d9488 !important;
    color: #fff !important;
}

/* ── Primary / Prussian buttons (small action buttons) ── */
#order-standard_cart .btn-prussian,
#order-standard_cart .btn-primary {
    background: #9cd201 !important;
    border-color: #111111 !important;
    color: #000000 !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
#order-standard_cart .btn-prussian:hover,
#order-standard_cart .btn-primary:hover {
    background: #8bbd01 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
}

/* ── Override: Big CTA stays dark (#111111) ── */
#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart #btnCheckout,
#order-standard_cart .btn-prussian.btn-lg,
#order-standard_cart a.btn-prussian.btn-lg {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 15px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}
#order-standard_cart #btnCompleteProductConfig:hover,
#order-standard_cart #btnCheckout:hover,
#order-standard_cart .btn-prussian.btn-lg:hover,
#order-standard_cart a.btn-prussian.btn-lg:hover {
    background: #1e293b !important;
}

/* ══════════════════════════════════════════════════════════════
   Checkout Page — Payment Gateways with Logos
   ══════════════════════════════════════════════════════════════ */

/* ── Payment method selector cards ── */
#order-standard_cart #paymentGatewaysContainer .radio-inline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #fff !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    margin: 0 10px 10px 0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #334155 !important;
    min-height: 52px !important;
}
#order-standard_cart #paymentGatewaysContainer .radio-inline:hover {
    border-color: #9cd201 !important;
    background: #f8fafc !important;
}
/* Selected gateway */
#order-standard_cart #paymentGatewaysContainer .radio-inline:has(input:checked) {
    border-color: #9cd201 !important;
    background: #f7fee7 !important;
    box-shadow: 0 0 0 1px #9cd201 !important;
}
/* Hide the default radio bullet */
#order-standard_cart #paymentGatewaysContainer .radio-inline input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    accent-color: #9cd201 !important;
}

/* ── Gateway logo (injected via background-image on ::before) ── */
#order-standard_cart #paymentGatewaysContainer .radio-inline::before {
    content: '' !important;
    display: inline-block !important;
    width: 32px !important;
    height: 22px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

/*
   GATEWAY LOGOS — Now managed by gateway-logos.js module
   ─────────────────────────────────────────────────────────
   To add a logo for a new gateway:
   1. Add image to: assets/img/gateways/{sysname}.png
   2. Add sysname to GATEWAY_LOGOS in: assets/js/gateway-logos.js
   3. Deploy. Done!
*/

/* Hide the CSS ::before when JS logo is present */
#order-standard_cart #paymentGatewaysContainer .radio-inline:has(.cima-gw-logo)::before {
    display: none !important;
}

/* ── Checkout sections styling ── */
#order-standard_cart .already-registered {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
}
#order-standard_cart .account-select-container .account {
    background: #fff !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 12px !important;
    transition: all 0.2s ease !important;
}
#order-standard_cart .account-select-container .account.active {
    border-color: #9cd201 !important;
    background: #f7fee7 !important;
}
#order-standard_cart .account-select-container .account .address strong {
    color: #0f172a !important;
    font-size: 15px !important;
}
#order-standard_cart .account-select-container .account .address .small {
    color: #64748b !important;
}

/* ── Domain registrant info section ── */
#order-standard_cart .margin-bottom {
    margin-bottom: 20px !important;
}

/* ── TOS checkbox ── */
#order-standard_cart #accepttos {
    accent-color: #9cd201 !important;
}

/* ═══════════════════════════════════════════════════════════════
   DOMAIN HERO BANNER — Dark Premium (domainregister.tpl)
   ═══════════════════════════════════════════════════════════════ */
.cima-domain-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #0f172a 100%) !important;
    border-radius: 20px !important;
    padding: 50px 40px 50px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.15) !important;
}
.cima-domain-hero::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -20% !important;
    width: 500px !important;
    height: 500px !important;
    background: radial-gradient(circle, rgba(13, 148, 136, 0.15) 0%, transparent 70%) !important;
    pointer-events: none !important;
}
.cima-domain-hero h1,
.cima-domain-hero h2 {
    color: #ffffff !important;
    position: relative !important;
    z-index: 1 !important;
}
.cima-domain-hero p {
    color: rgba(255, 255, 255, 0.75) !important;
    position: relative !important;
    z-index: 1 !important;
}
.cima-domain-hero .row,
.cima-domain-hero .cima-search-wrapper {
    position: relative !important;
    z-index: 1 !important;
}
.cima-domain-hero .featured-tlds-container {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
}

/* ── Featured TLD cards INSIDE the dark hero ── */
#order-standard_cart .cima-domain-hero .featured-tld {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    padding: 16px 12px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}
#order-standard_cart .cima-domain-hero .featured-tld:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
#order-standard_cart .cima-domain-hero .featured-tld .img-container img {
    height: 28px !important;
    object-fit: contain !important;
    margin-bottom: 8px !important;
    filter: brightness(10) !important;
}
#order-standard_cart .cima-domain-hero .featured-tld .price {
    color: #5eead4 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-top: 4px !important;
}

/* ── Fix WHMCS bug: Hide price/cart button when domain is unavailable ── */
.domain-lookup-unavailable .domain-price {
    display: none !important;
}

.domain-lookup-unavailable .btn-add-to-cart {
    display: none !important;
}

/* Style the primary lookup result box when there is an error */
.domain-lookup-unavailable {
    background-color: #fef2f2 !important;
    border: 1px solid #fca5a5 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-top: 20px !important;
}

.domain-checker-result-unavailable {
    color: #ef4444 !important;
    font-size: 16px !important;
    margin-bottom: 5px !important;
}

.domain-checker-invalid-tld {
    color: #ef4444 !important;
    font-size: 16px !important;
    margin-bottom: 5px !important;
}

/* ── Hide empty domain-checker wrapper (search is in hero now) ── */
#order-standard_cart .cima-domain-hero + .row .cima-details-card:not(.domain-pricing) {
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}
#order-standard_cart .domain-checker-container.overlay::before {
    display: none !important;
}

/* -- Domain Promo Boxes (bottom of register page) -- */
#order-standard_cart .domain-promo-box {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 30px 24px !important;
    text-align: center !important;
    min-height: 220px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    overflow: hidden !important;
}
#order-standard_cart .domain-promo-box i,
#order-standard_cart .domain-promo-box i.fas,
#order-standard_cart .domain-promo-box i.fa {
    color: #0d9488 !important;
    opacity: 0.15 !important;
    margin-bottom: 10px !important;
    float: none !important;
    position: static !important;
    right: auto !important;
    left: auto !important;
    font-size: 32px !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
/* Reset float layout inside promo boxes */
#order-standard_cart .domain-promo-box .clearfix {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    float: none !important;
    width: 100% !important;
}
#order-standard_cart .domain-promo-box .clearfix::before,
#order-standard_cart .domain-promo-box .clearfix::after {
    display: none !important;
}
#order-standard_cart .domain-promo-box h3 {
    color: #0f172a !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    width: 100% !important;
}
#order-standard_cart .domain-promo-box p {
    color: #64748b !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
}
#order-standard_cart .domain-promo-box .btn {
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 10px 28px !important;
    margin: 6px 0 0 0 !important;
    display: inline-block !important;
}
#order-standard_cart .domain-promo-box .small {
    display: block !important;
    margin-top: 10px !important;
    font-size: 12px !important;
    color: #94a3b8 !important;
}