/* *****************************************************
    ** Domifys brand pass — Standard Cart order form **
    Loaded last via common.tpl's {assetExists file="custom.css"}
    check, same mechanism as templates/six/css/custom.css. This
    file didn't exist before — the domain search/checkout flow
    was still 100% stock WHMCS (blue #337ab7 buttons, orange/gold
    domain-search banner, default Bootstrap greens/reds) because
    it's a completely separate template system from the "six"
    client-area theme, so nothing done there ever reached it.

    Most rules here live under #order-standard_cart because
    that's how WHMCS's own style.css scopes them (an ID selector
    beats a plain class, so overrides have to match it to win).
***************************************************** */

@font-face {
    font-family: "Archivo";
    src: url("fonts/archivo.woff2") format("woff2");
    font-weight: 100 900;
    font-stretch: 62% 125%;
    font-display: swap;
}

:root {
    --color-primary: #1f3bd6;
    --color-primary-dark: #1830b4;
    --sol: #ffc933;
    --color-gold-dark: #f2b600;
    --color-success: #0b7a4b;
    --color-success-dark: #096339;
    --color-danger: #d9364a;
    --color-danger-dark: #b82a3b;
    --color-ink-900: #0e1433;
    --color-ink-600: #3b4263;
    --color-ink-200: #d9deee;
    --color-surface: #ffffff;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-pill: 999px;
    --font-body: "Archivo", "Open Sans", Verdana, Tahoma, sans-serif;
}

#order-standard_cart, #order-standard_cart .form-control, #order-standard_cart .btn {
    font-family: var(--font-body);
}
#order-standard_cart h1, #order-standard_cart h2, #order-standard_cart h3, #order-standard_cart h4 {
    font-family: var(--font-body);
    font-weight: 750;
}

/* -- Buttons: flat, pill, no gradient — same as the six theme -- */
#order-standard_cart .btn,
.btn {
    border-radius: var(--radius-pill);
    box-shadow: none;
}
#order-standard_cart .btn-primary,
.btn-primary,
.btn.btn-add-to-cart,
.domain-check-availability {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-surface);
}
#order-standard_cart .btn-primary:hover,
.btn-primary:hover,
.btn.btn-add-to-cart:hover,
.domain-check-availability:hover {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}
#order-standard_cart .btn-warning,
.btn-warning {
    background-color: var(--sol);
    border-color: var(--sol);
    color: var(--color-ink-900);
}
#order-standard_cart .btn-warning:hover,
.btn-warning:hover {
    background-color: var(--color-gold-dark);
    border-color: var(--color-gold-dark);
}

/* -- Domain search hero: flat cobalt, same as .portada on the
   marketing site — no gold gradient, no globe illustration -- */
.domain-checker-bg {
    background-image: none;
    background-color: var(--color-primary);
}
.domain-checker-container {
    background: transparent;
}
.domain-checker-container .input-group-box {
    box-shadow: 0 24px 48px -20px rgba(6, 14, 72, 0.55);
}
.domain-checker-result-headline,
.domain-checker-bg h1,
.domain-checker-bg h2,
.domain-checker-bg p {
    color: var(--color-surface);
}

/* -- Availability colours — same tokens as the six theme -- */
#order-standard_cart .domain-checker-available,
.domain-checker-available {
    color: var(--color-success);
}
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid,
.domain-checker-unavailable,
.domain-checker-invalid {
    color: var(--color-danger);
}

/* -- TLD pricing table header -- */
.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-sm-2,
.domain-pricing .tld-pricing-header .col-xs-4,
.domain-pricing .tld-pricing-header .col-sm-4 {
    border-bottom-color: var(--color-primary);
    background-color: var(--color-ink-200);
}
.domain-pricing .tld-row.highlighted {
    background: #eef1ff;
}

/* -- Cart sidebar / order summary card -- */
#order-standard_cart .cart-sidebar {
    border-radius: var(--radius-xl);
    overflow: hidden;
}
#order-standard_cart .cart-sidebar h3 {
    background: var(--color-primary);
    color: var(--color-surface);
}
#order-standard_cart .cart-sidebar .list-group-item {
    border-color: var(--color-ink-200);
}

/* -- Panels / cards generally -- */
#order-standard_cart .panel,
.panel {
    border-radius: var(--radius-lg);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
    border: none;
}

/* -- Form controls -- */
#order-standard_cart .form-control,
.form-control {
    border-radius: var(--radius-md);
    border: 2px solid var(--color-ink-200);
}
#order-standard_cart .form-control:focus,
.form-control:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(31, 59, 214, 0.15);
}