/**
 * Axiam Networks - Cart Theme Custom Styles
 * Extends standard_cart with Axiam brand tokens
 */

/* ── Design tokens ──────────────────────────────────────────────────────── */
:root {
    --ax-nav:      #1C82D6;
    --ax-accent:   #2AA8FF;
    --ax-lighter:  #6FD3FF;
    --ax-topbar:   #156DBF;
    --ax-text:     #0B1B2B;
    --ax-muted:    #516B85;
    --ax-surface:  #fff;
    --ax-bg:       #F4FBFF;
    --ax-border:   #D0E8F8;
    --ax-radius-lg: 18px;
    --ax-radius-md: 14px;
    --ax-radius-sm: 10px;
}

/* ── Global page ────────────────────────────────────────────────────────── */
body {
    font-family: 'Poppins', sans-serif;
    color: var(--ax-text);
    background: linear-gradient(160deg, #F4FBFF 0%, #EAF6FF 100%);
}

#order-standard_cart {
    font-family: 'Poppins', sans-serif;
    color: var(--ax-text);
}

/* ── Headings & typography ──────────────────────────────────────────────── */
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: var(--ax-text);
}

#order-standard_cart label,
#order-standard_cart p.domain-renewal-desc,
.service-renewals .div-renewal-period-label {
    color: var(--ax-muted);
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

/* ── Section dividers ───────────────────────────────────────────────────── */
#order-standard_cart .sub-heading {
    border-top-color: var(--ax-border);
}
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    color: var(--ax-nav);
    font-weight: 700;
    background: var(--ax-bg);
    font-family: 'Poppins', sans-serif;
}
#order-standard_cart .sub-heading span.primary-bg-color {
    background: linear-gradient(135deg, var(--ax-nav), var(--ax-accent));
    color: #fff;
    border-radius: 999px;
    padding: 2px 18px;
}

/* ── Buttons ────────────────────────────────────────────────────────────── */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-primary:visited {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    border: none;
    border-radius: var(--ax-radius-sm);
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #fff;
    transition: all .2s cubic-bezier(.2,.8,.2,1);
    box-shadow: 0 4px 14px rgba(28,130,214,.25);
}
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-primary:focus {
    background: linear-gradient(135deg, #156DBF, #1C82D6);
    box-shadow: 0 6px 20px rgba(28,130,214,.38);
    transform: translateY(-1px);
    color: #fff;
}
#order-standard_cart .btn-default {
    background: #fff;
    border: 1.5px solid var(--ax-border);
    border-radius: var(--ax-radius-sm);
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: var(--ax-text);
    transition: all .16s;
}
#order-standard_cart .btn-default:hover {
    background: rgba(42,168,255,.07);
    border-color: var(--ax-accent);
    color: var(--ax-nav);
}
#order-standard_cart .btn-success {
    background: linear-gradient(135deg, #16a34a, #22c55e);
    border: none;
    border-radius: var(--ax-radius-sm);
    font-weight: 700;
}

/* ── Form controls ──────────────────────────────────────────────────────── */
#order-standard_cart .form-control,
#order-standard_cart .field {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: var(--ax-text);
    background: #fff;
    border: 1.5px solid var(--ax-border);
    border-radius: var(--ax-radius-sm);
    padding: 10px 16px;
    height: auto;
    box-shadow: none;
    transition: border-color .2s, box-shadow .2s;
}
#order-standard_cart .form-control:focus,
#order-standard_cart .field:focus {
    border-color: var(--ax-accent);
    box-shadow: 0 0 0 3px rgba(42,168,255,.14);
    outline: none;
}
#order-standard_cart .form-control::placeholder,
#order-standard_cart .field::placeholder {
    color: var(--ax-muted);
}
/* Prepend-icon inputs — clear padding for the icon */
#order-standard_cart .prepend-icon .field,
#order-standard_cart .prepend-icon .form-control {
    padding-left: 42px;
}
#order-standard_cart .prepend-icon .field-icon {
    height: 100%;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}
#order-standard_cart .field-icon i {
    color: var(--ax-accent);
}

/* ── Sidebar categories ─────────────────────────────────────────────────── */
#order-standard_cart .cart-sidebar .panel {
    border-radius: var(--ax-radius-lg);
    border: none;
    box-shadow: 0 6px 22px rgba(10,40,70,.09);
    overflow: hidden;
}
#order-standard_cart .cart-sidebar .panel-heading {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 14px;
    border: none;
    border-radius: 0;
    padding: 14px 20px;
}
#order-standard_cart .cart-sidebar .panel-heading * {
    color: #fff;
    font-weight: 800;
}
#order-standard_cart .cart-sidebar .list-group {
    border-radius: 0 0 var(--ax-radius-lg) var(--ax-radius-lg);
    overflow: hidden;
}
#order-standard_cart .cart-sidebar .list-group-item {
    border-left: none;
    border-right: none;
    border-color: var(--ax-border);
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: var(--ax-text);
    padding: 10px 18px;
    transition: background .15s, padding-left .15s;
    background: #fff;
}
#order-standard_cart .cart-sidebar .list-group-item:first-child {
    border-radius: 0;
    border-top: none;
}
#order-standard_cart .cart-sidebar .list-group-item:last-child {
    border-bottom: none;
    border-radius: 0 0 var(--ax-radius-lg) var(--ax-radius-lg);
}
#order-standard_cart .cart-sidebar .list-group-item:hover {
    background: rgba(42,168,255,.07);
    padding-left: 22px;
    color: var(--ax-nav);
}
#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar .list-group-item.active:hover {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    color: #fff;
    border-color: #1C82D6;
    font-weight: 800;
    padding-left: 18px;
}

/* ── Order Summary panel ────────────────────────────────────────────────── */
#order-standard_cart .order-summary {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    border-bottom: none;
    border-radius: var(--ax-radius-lg);
    box-shadow: 0 8px 28px rgba(28,130,214,.28);
    overflow: hidden;
}
#order-standard_cart .order-summary h2 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 18px;
    padding: 16px 20px;
    text-align: left;
    letter-spacing: -0.2px;
    margin: 0;
}
#order-standard_cart .order-summary .loader {
    color: rgba(255,255,255,.7);
}
#order-standard_cart .summary-container {
    background: #fff;
    border-radius: 0 0 var(--ax-radius-lg) var(--ax-radius-lg);
    padding: 16px 18px;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    min-height: 80px;
}
#order-standard_cart .order-summary .product-name {
    font-weight: 700;
    font-size: 14px;
    color: var(--ax-text);
}
#order-standard_cart .order-summary .product-group {
    color: var(--ax-muted);
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
}
#order-standard_cart .order-summary .summary-totals {
    border-color: var(--ax-border);
}
#order-standard_cart .order-summary .total-due-today .amt {
    font-size: 2em;
    font-weight: 800;
    color: var(--ax-nav);
}
#order-standard_cart .order-summary .total-due-today span {
    color: var(--ax-muted);
    font-size: 12px;
    font-weight: 500;
}
#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .bordered-totals {
    border-color: var(--ax-border);
}
#order-standard_cart .order-summary .recurring-charges {
    color: var(--ax-muted);
}
#order-standard_cart .order-summary .btn-continue-shopping {
    color: var(--ax-nav);
}

/* ── Product info box ───────────────────────────────────────────────────── */
#order-standard_cart .product-info {
    background: rgba(42,168,255,.06);
    border-top: 2px solid var(--ax-border);
    border-bottom: 2px solid var(--ax-border);
    border-radius: var(--ax-radius-sm);
    padding: 12px 18px;
}
#order-standard_cart .product-info .product-title {
    font-weight: 800;
    color: var(--ax-text);
    font-size: 1.4em;
}

/* ── Product listing cards ──────────────────────────────────────────────── */
#order-standard_cart .products .product {
    border: 1.5px solid var(--ax-border);
    border-radius: var(--ax-radius-md);
    box-shadow: 0 4px 14px rgba(10,40,70,.06);
    transition: box-shadow .2s, transform .2s;
    overflow: hidden;
}
#order-standard_cart .products .product:hover {
    box-shadow: 0 8px 24px rgba(28,130,214,.14);
    transform: translateY(-2px);
}
#order-standard_cart .products .product header {
    background: linear-gradient(135deg, rgba(28,130,214,.07), rgba(42,168,255,.05));
    border-bottom: 1.5px solid var(--ax-border);
    border-radius: 0;
    padding: 12px 20px;
}
#order-standard_cart .products .product header span {
    font-weight: 700;
    color: var(--ax-text);
}
#order-standard_cart .products .product div.product-pricing span.price {
    font-weight: 800;
    color: var(--ax-nav);
}

/* ── Addon panels ───────────────────────────────────────────────────────── */
#order-standard_cart .panel-addon {
    border-radius: var(--ax-radius-md);
    border: 1.5px solid var(--ax-border);
    overflow: hidden;
    transition: box-shadow .2s, border-color .2s;
}
#order-standard_cart .panel-addon:hover {
    box-shadow: 0 6px 18px rgba(28,130,214,.14);
    border-color: var(--ax-accent);
}
#order-standard_cart .panel-addon .panel-body label {
    color: var(--ax-text);
    font-weight: 700;
}
#order-standard_cart .panel-addon .panel-price {
    background: rgba(42,168,255,.07);
    color: var(--ax-nav);
    font-weight: 700;
    padding: 6px;
}
#order-standard_cart .panel-addon .panel-add {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    border-radius: 0;
    font-weight: 700;
}
#order-standard_cart .panel-addon-selected {
    border-color: var(--ax-accent);
    box-shadow: 0 0 0 3px rgba(42,168,255,.18);
}

/* ── View cart items ────────────────────────────────────────────────────── */
#order-standard_cart .view-cart-items-header {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    border-radius: var(--ax-radius-sm) var(--ax-radius-sm) 0 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
#order-standard_cart .view-cart-items {
    border-bottom-color: var(--ax-nav);
    border-radius: 0 0 var(--ax-radius-sm) var(--ax-radius-sm);
    overflow: hidden;
}
#order-standard_cart .view-cart-items .item {
    background: #fff;
}
#order-standard_cart .view-cart-items .item:nth-child(even) {
    background: rgba(42,168,255,.04);
}
#order-standard_cart .view-cart-items .item-domain {
    color: var(--ax-nav);
}
#order-standard_cart .empty-cart .btn {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    border-radius: 0 0 var(--ax-radius-sm) var(--ax-radius-sm);
}

/* ── Checkout ───────────────────────────────────────────────────────────── */
#order-standard_cart .apply-credit-container {
    background: rgba(42,168,255,.06);
    border-radius: var(--ax-radius-sm);
    border: 1.5px solid var(--ax-border);
}
#order-standard_cart .cc-input-container {
    background: rgba(42,168,255,.04);
    border: 1.5px solid var(--ax-border);
    border-radius: var(--ax-radius-md);
}

/* ── Domain checker ─────────────────────────────────────────────────────── */
.domain-checker-container {
    border-radius: var(--ax-radius-lg);
    background: linear-gradient(135deg, #ffd960, #ffb201) !important;
    box-shadow: 0 6px 24px rgba(255,178,1,.22);
}
.domain-checker-container .input-group-box {
    border-radius: var(--ax-radius-md);
}
#order-standard_cart .domain-checker-available {
    color: #16a34a;
}
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid {
    color: #dc2626;
}
.spotlight-tld {
    border-radius: var(--ax-radius-sm);
    border-color: var(--ax-border);
    transition: box-shadow .18s, transform .18s;
}
.spotlight-tld:hover {
    box-shadow: 0 4px 14px rgba(28,130,214,.13);
    transform: translateY(-2px);
}
.spotlight-tld .btn:not(.domain-contact-support) {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    border-color: transparent;
    border-radius: var(--ax-radius-sm);
}

/* ── Tab styles ─────────────────────────────────────────────────────────── */
#order-standard_cart .view-cart-tabs .tab-content {
    background: rgba(42,168,255,.04);
    border: 1.5px solid var(--ax-border);
    border-top: none;
    border-radius: 0 0 var(--ax-radius-sm) var(--ax-radius-sm);
}
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
    background: rgba(42,168,255,.04);
    border-color: var(--ax-border) var(--ax-border) transparent;
    color: var(--ax-nav);
    font-weight: 700;
}

/* ── Promo code box ─────────────────────────────────────────────────────── */
#order-standard_cart .view-cart-promotion-code {
    border-color: var(--ax-accent);
    border-radius: var(--ax-radius-sm);
    background: rgba(42,168,255,.04);
}

/* ── Gateway checkout ───────────────────────────────────────────────────── */
#order-standard_cart .view-cart-gateway-checkout {
    background: rgba(42,168,255,.06);
    border-radius: var(--ax-radius-md);
}

/* ── Domain selection options ───────────────────────────────────────────── */
#order-standard_cart .domain-selection-options .option {
    background: rgba(42,168,255,.05);
    border: 1.5px solid var(--ax-border);
    border-radius: var(--ax-radius-sm);
    transition: background .15s;
}
#order-standard_cart .domain-selection-options .option:hover {
    background: rgba(42,168,255,.10);
}
#order-standard_cart .domain-selection-options .option-selected {
    background: rgba(28,130,214,.10);
    border-color: var(--ax-accent);
}

/* ── Alert / info boxes ─────────────────────────────────────────────────── */
#order-standard_cart .alert-warning.info-text-sm {
    background: rgba(217,119,6,.06);
    border: 1.5px solid rgba(217,119,6,.2);
    border-radius: var(--ax-radius-sm);
    color: #92400e;
    font-family: 'Poppins', sans-serif;
}

/* ── TLD filter pills (domain pricing page) ─────────────────────────────── */
.tld-filters a.label {
    display: inline-block;
    padding: 5px 14px;
    margin: 3px;
    cursor: pointer;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-radius: 999px;
    transition: all .15s;
}
.tld-filters a.label-default {
    background: #e2eaf3;
    color: var(--ax-text);
}
.tld-filters a.label-default:hover {
    background: #c8daf0;
    color: var(--ax-nav);
}
.tld-filters a.label-success {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    color: #fff;
}

/* ── Suggested domains panel ────────────────────────────────────────────── */
.suggested-domains .panel-heading,
.suggested-domains .card-header {
    border-bottom-color: var(--ax-accent);
}
.suggested-domains .btn:not(.domain-contact-support) {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    border-color: transparent;
    border-radius: var(--ax-radius-sm);
}

/* ── Responsive sidebar collapsed ──────────────────────────────────────── */
#order-standard_cart .sidebar-collapsed {
    background: rgba(42,168,255,.07);
    border: 1.5px solid var(--ax-border);
    border-radius: var(--ax-radius-md);
}

/* ── Modal ──────────────────────────────────────────────────────────────── */
#order-standard_cart .modal-header {
    background: linear-gradient(135deg, #1C82D6, #2AA8FF);
    color: #fff;
    border-radius: var(--ax-radius-md) var(--ax-radius-md) 0 0;
}
#order-standard_cart .modal-title {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}