/* Webzim Six 1.1.10 - launch branding overrides. Parent Six supplies layout.
   Preserve status colours: success, warning, danger and invoice status classes. */
:root {
    --wz-blue: #0601f6;
    --wz-blue-hover: #1000cc;
    --wz-heading: #3c3c3c;
    --wz-text: #444444;
    --wz-background: #f7f8fc;
    --wz-surface: #ffffff;
    --wz-selected: #eef2ff;
    --wz-border: #dddddd;
}
/* Client list toolbar and decorative table rule; status badges are untouched. */
.dataTables_wrapper .dataTables_info {
    background-color: var(--wz-background);
    color: var(--wz-text);
    border-bottom-color: var(--wz-border);
}
.dataTables_wrapper .dataTables_filter label .form-control {
    border: 1px solid #8a94a6;
    color: var(--wz-text);
}
.dataTables_wrapper .dataTables_filter label .form-control:focus {
    border-color: var(--wz-blue);
    box-shadow: 0 0 0 2px rgba(6, 1, 246, .16);
}
.dataTables_wrapper table.table-list thead th,
.dataTables_wrapper table.table-list thead th:nth-child(even) {
    border-bottom-color: var(--wz-blue);
}
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: var(--wz-selected);
    color: var(--wz-blue-hover);
}
body, section#footer { background-color: var(--wz-background); color: var(--wz-text); }
section#header, .main-content, .panel, .invoice-container { background-color: var(--wz-surface); }
a { color: var(--wz-blue); }
a:hover, a:focus { color: var(--wz-blue-hover); }
div.header-lined h1, .panel-sidebar .panel-title { color: var(--wz-heading); }
div.header-lined h1, .panel-default, .panel-sidebar, .form-control { border-color: var(--wz-border); }
.panel-default > .panel-heading, .panel-sidebar > .panel-heading,
.panel-sidebar > .panel-footer { background-color: var(--wz-background); color: var(--wz-heading); }

.navbar-main, .home-shortcuts { background-color: var(--wz-blue); color: #fff; }
.navbar-main li.account { background-color: var(--wz-blue-hover); }
.navbar-main .navbar-nav > li > a, .home-shortcuts li a { color: #fff; }
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus,
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus { background-color: var(--wz-blue-hover); color: #fff; }
.navbar-main .navbar-nav .dropdown-menu > li > a { color: var(--wz-text); }
.navbar-main .navbar-nav .dropdown-menu > li > a:hover,
.navbar-main .navbar-nav .dropdown-menu > li > a:focus,
.navbar-main .navbar-nav .dropdown-menu > .active > a { background-color: var(--wz-selected); color: var(--wz-blue); }
.home-shortcuts li, .home-shortcuts li:first-child { border-color: var(--wz-blue-hover); }
.navbar-main .navbar-toggle .icon-bar { background-color: #fff; }
@media (max-width: 767px) {
    .navbar-main .navbar-nav .open .dropdown-menu > li > a { color: #fff; }
    .navbar-main .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-main .navbar-nav .open .dropdown-menu > li > a:focus { background-color: var(--wz-blue-hover); color: #fff; }
}

.btn-primary { color: #fff; background-color: var(--wz-blue); border-color: var(--wz-blue); }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus,
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.active:hover,
.btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus {
    color: #fff; background-color: var(--wz-blue-hover); border-color: var(--wz-blue-hover);
}
.btn-primary.disabled, .btn-primary[disabled],
.btn-primary.disabled:hover, .btn-primary[disabled]:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary { background-color: var(--wz-blue); border-color: var(--wz-blue); }
.btn-primary .badge { color: var(--wz-blue); background-color: #fff; }
/* Profile Update, Pay All, domain Register and invoice Pay Now actions. */
.panel-sidebar .panel-footer a.btn-success[href*="action=details"],
.panel-sidebar .panel-footer a.btn-success[href*="action=masspay"],
.client-home-panels .input-group .btn-success,
.invoice-container .payment-btn-container .btn-success {
    background-color: var(--wz-blue); border-color: var(--wz-blue); color: #fff;
}
.panel-sidebar .panel-footer a.btn-success[href*="action=details"]:is(:hover, :focus, :active),
.panel-sidebar .panel-footer a.btn-success[href*="action=masspay"]:is(:hover, :focus, :active),
.client-home-panels .input-group .btn-success:is(:hover, :focus, :active),
.invoice-container .payment-btn-container .btn-success:is(:hover, :focus, :active) {
    background-color: var(--wz-blue-hover); border-color: var(--wz-blue-hover); color: #fff;
}
.panel-sidebar .panel-footer a.btn-success[href*="action=details"].disabled,
.panel-sidebar .panel-footer a.btn-success[href*="action=masspay"].disabled,
.client-home-panels .input-group .btn-success:is(:disabled, .disabled),
.invoice-container .payment-btn-container .btn-success:is(:disabled, .disabled) {
    background-color: var(--wz-blue); border-color: var(--wz-blue); color: #fff;
}
/* Six header Logout / View Cart use .btn without .btn-primary. */
section#header ul.top-nav > li.primary-action > a.btn {
    color: #fff; background-color: var(--wz-blue); border-color: var(--wz-blue);
}
section#header ul.top-nav > li.primary-action > a.btn:is(:hover, :focus, :active) {
    color: #fff; background-color: var(--wz-blue-hover); border-color: var(--wz-blue-hover);
}
.btn-default { background-color: #fff; border-color: var(--wz-border); color: var(--wz-text); }
.btn-default:hover, .btn-default:focus { background-color: var(--wz-background); }

.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:hover,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar.view-filter-btns .list-group-item.active,
.panel-sidebar.view-filter-btns .list-group-item.active:hover,
.panel-sidebar.view-filter-btns .list-group-item.active:focus {
    color: var(--wz-blue); background-color: var(--wz-selected); border-color: var(--wz-border);
}
.panel-sidebar a.list-group-item.active i,
.panel-sidebar a.list-group-item.active:hover i,
.panel-sidebar a.list-group-item.active:focus i { color: var(--wz-blue) !important; }
.pagination > li > a { color: var(--wz-blue); }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    background-color: var(--wz-blue); border-color: var(--wz-blue); color: #fff;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { background-color: var(--wz-blue); color: #fff; }
.form-control:focus { border-color: var(--wz-blue); box-shadow: 0 0 0 2px rgba(6,1,246,.16); }
/* Keep keyboard focus visible without recolouring validation feedback. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--wz-blue); outline-offset: 3px;
}
.navbar-main a:focus-visible, .home-shortcuts a:focus-visible { outline-color: #fff; }
@media print {
    body, .invoice-container { background: #fff; color: #000; }
}

/* Launch palette. Selectors intentionally leave semantic status colours alone. */
/* Font families inherit Six, Standard Cart and existing addon styles. */
h1, h2, h3, h4, h5, h6 { color: var(--wz-heading); }
.btn, .form-control { border-radius: 4px; }
.form-control, #order-standard_cart .form-control { border-color: #8a94a6; }
.form-control:focus, #order-standard_cart .form-control:focus { border-color: var(--wz-blue); }
.has-error .form-control { border-color: #a94442; }
.has-success .form-control { border-color: #3c763d; }
.has-warning .form-control { border-color: #8a6d3b; }
input[type=radio], input[type=checkbox] { accent-color: var(--wz-blue); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
.panel-sidebar a.list-group-item.active { background: var(--wz-selected); color: var(--wz-blue-hover); }
a.btn[href*="domain=transfer"], .btn.wz-btn-outline {
    background: white; color: var(--wz-blue); border: 1px solid var(--wz-blue);
}
a.btn[href*="domain=transfer"]:hover, a.btn[href*="domain=transfer"]:focus,
.btn.wz-btn-outline:hover, .btn.wz-btn-outline:focus { background: var(--wz-selected); color: var(--wz-blue-hover); }
.panel { box-shadow: 0 2px 8px rgba(30,40,70,.04); }
section#header a.logo img { max-width: 260px; height: auto; }
.invoice-header .invoice-col img { width: 300px; max-width: 100%; height: auto; }
/* Addon styles arrive later in the document. Narrow !important overrides
   keep branding confined to this child theme without editing addon code. */
#webzim-instant { color: var(--wz-text); }
#webzim-instant .webzim-pay-button, #webzim-hosted-panel input[type=submit] { background: var(--wz-blue) !important; }
#webzim-instant .webzim-pay-button:hover, #webzim-hosted-panel input[type=submit]:hover { background: var(--wz-blue-hover) !important; }
#webzim-instant input[type=radio]:checked { border-color: var(--wz-blue) !important; }
#webzim-instant input[type=radio]:checked:after { background: var(--wz-blue) !important; }
#webzim-instant .webzim-phone-field { border-color: #8a94a6 !important; }
#webzim-instant .webzim-phone-field:focus-within { border-color: var(--wz-blue) !important; box-shadow: 0 0 0 1px var(--wz-blue) !important; }
#webzim-instant .webzim-phone-field:focus-within label { color: var(--wz-blue) !important; }
#webzim-instant .webzim-payment-dialog button { color: var(--wz-blue) !important; border-color: var(--wz-blue) !important; }
#webzim-instant .webzim-payment-dialog button:hover { background: var(--wz-selected) !important; }
#webzim-instant #webzim-wait-dismiss { color: var(--wz-text) !important; border-color: #8a94a6 !important; }
#webzim-instant .webzim-payment-spinner, #webzim-dns .dns-spinner, #webzim-nameservers .ns-spinner,
#webzim-payment-status.webzim-payment-progress::before { border-color: var(--wz-selected) !important; border-top-color: var(--wz-blue) !important; }
#webzim-payment-status.webzim-payment-progress { background: var(--wz-selected) !important; color: var(--wz-blue-hover) !important; border-color: #8a94a6 !important; }

/* Keep cart validation stronger than the branded input/focus border. */
#order-standard_cart .has-error .form-control,
#order-standard_cart .has-error .form-control:focus { border-color: #a94442; }
#order-standard_cart .has-success .form-control,
#order-standard_cart .has-success .form-control:focus { border-color: #3c763d; }
#order-standard_cart .has-warning .form-control,
#order-standard_cart .has-warning .form-control:focus { border-color: #8a6d3b; }
@media (max-width: 767px) {
    .navbar-main .navbar-nav .open .dropdown-menu > .active > a {
        background-color: var(--wz-selected); color: var(--wz-blue-hover);
    }
    .navbar-main .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-main .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: var(--wz-blue-hover); color: white;
    }
}

/* Six homepage actions use search/transfer classes rather than btn-primary. */
section#home-banner #frmDomainHomepage input.form-control[name="domain"] {
    border: 1px solid #8a94a6;
}
section#home-banner #frmDomainHomepage input.form-control[name="domain"]:focus {
    border-color: var(--wz-blue);
    box-shadow: 0 0 0 2px rgba(6, 1, 246, .16);
}
section#home-banner #frmDomainHomepage .btn.search { background: var(--wz-blue); color: white; border: 1px solid var(--wz-blue); }
section#home-banner #frmDomainHomepage .btn.search:hover, section#home-banner #frmDomainHomepage .btn.search:focus { background: var(--wz-blue-hover); border-color: var(--wz-blue-hover); }
section#home-banner #frmDomainHomepage .btn.transfer { background: white; color: var(--wz-blue); border: 1px solid var(--wz-blue); }
section#home-banner #frmDomainHomepage .btn.transfer:hover, section#home-banner #frmDomainHomepage .btn.transfer:focus { background: var(--wz-selected); color: var(--wz-blue-hover); }
.panel-sidebar a.list-group-item.active:hover,
.panel-sidebar a.list-group-item.active:focus { color: var(--wz-blue-hover); }

/* Brand specific actions, not success/status components in general. */
#order-standard_cart .btn-order-now.btn-success,
#order-standard_cart .btn-checkout.btn-success,
#btnInvoiceAddCreditApply.btn-success {
    background-color: var(--wz-blue); border-color: var(--wz-blue); color: #fff;
}
#order-standard_cart .btn-order-now.btn-success:is(:hover, :focus, :active, .active),
#order-standard_cart .btn-checkout.btn-success:is(:hover, :focus, :active, .active),
#btnInvoiceAddCreditApply.btn-success:is(:hover, :focus, :active, .active) {
    background-color: var(--wz-blue-hover); border-color: var(--wz-blue-hover); color: #fff;
}
#order-standard_cart .btn-order-now.btn-success:is([disabled], .disabled),
#order-standard_cart .btn-checkout.btn-success:is([disabled], .disabled),
#btnInvoiceAddCreditApply.btn-success:is([disabled], .disabled),
fieldset[disabled] #order-standard_cart .btn-order-now.btn-success,
fieldset[disabled] #order-standard_cart .btn-checkout.btn-success,
fieldset[disabled] #btnInvoiceAddCreditApply.btn-success {
    background-color: var(--wz-blue); border-color: var(--wz-blue); color: #fff;
}
section#home-banner { background-color: var(--wz-background); color: var(--wz-text); }
section#home-banner h1 { color: var(--wz-heading); }
/* Addon CSS loads later: keep these narrow overrides in the child theme. */
#webzim-dns .dns-filter[aria-pressed="true"] {
    background: var(--wz-selected) !important; color: var(--wz-blue-hover) !important; border-color: var(--wz-blue) !important;
}
#webzim-nameservers #ns-dialog[data-mixed="1"] #ns-dialog-cancel {
    background: var(--wz-blue) !important; border-color: var(--wz-blue) !important; color: #fff;
}
#webzim-nameservers #ns-dialog[data-mixed="1"] #ns-dialog-cancel:hover {
    background: var(--wz-blue-hover) !important; border-color: var(--wz-blue-hover) !important;
}
#webzim-nameservers #ns-dialog[data-mixed="1"] .ns-dialog-actions .btn:focus-visible {
    outline-color: var(--wz-blue) !important;
}

/* Dashboard heading actions: Six keeps their text white; supply a matching background. */
.client-home-panels .panel > .panel-heading .panel-title .btn {
    background-color: var(--wz-blue); color: #fff; border-color: var(--wz-blue);
}
.client-home-panels .panel > .panel-heading .panel-title .btn:is(:hover, :focus, :active) {
    background-color: var(--wz-blue-hover); color: #fff; border-color: var(--wz-blue-hover);
}
.client-home-panels .panel > .panel-heading .panel-title .btn:is(.disabled, :disabled) {
    background-color: var(--wz-blue); color: #fff;
}

/* Standard Cart palette: scope above the later-loading order-form CSS. */
body #order-standard_cart .domain-checker-container { background: var(--wz-selected); }
body #order-standard_cart .domain-checker-bg { background-image: none; position: relative; isolation: isolate; }
body #order-standard_cart .domain-checker-bg::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: var(--wz-blue); opacity: .12;
    -webkit-mask: url("../../orderforms/standard_cart/img/globe.png") no-repeat 110% -5px;
    mask: url("../../orderforms/standard_cart/img/globe.png") no-repeat 110% -5px;
}
body #order-standard_cart .spotlight-tld .btn:not(.domain-contact-support),
body #order-standard_cart .domain-promo-box .btn-warning {
    background-color: var(--wz-blue); border-color: var(--wz-blue); color: #fff;
}
body #order-standard_cart .spotlight-tld .btn:not(.domain-contact-support):is(:hover, :focus, :active),
body #order-standard_cart .domain-promo-box .btn-warning:is(:hover, :focus, :active) {
    background-color: var(--wz-blue-hover); border-color: var(--wz-blue-hover); color: #fff;
}
body #order-standard_cart .tld-filters a.badge {
    background: #fff; color: var(--wz-text); border: 1px solid #8a94a6;
}
body #order-standard_cart .tld-filters a.badge-success {
    background: var(--wz-selected); color: var(--wz-blue-hover); border-color: var(--wz-blue);
}
body #order-standard_cart .tld-filters a.badge:is(:hover, :focus) { background: var(--wz-selected); color: var(--wz-blue-hover); }
body #order-standard_cart .view-cart-items-header { background: var(--wz-selected); color: var(--wz-heading); }
body #order-standard_cart .view-cart-items { border-bottom-color: var(--wz-blue); }
body #order-standard_cart .empty-cart .btn { background: #fff; color: var(--wz-blue); border: 1px solid var(--wz-blue); }
body #order-standard_cart .empty-cart .btn:is(:hover, :focus) { background: var(--wz-selected); color: var(--wz-blue-hover); }
body #order-standard_cart .order-summary { background: var(--wz-selected); border-bottom-color: var(--wz-border); }
body #order-standard_cart .order-summary h2 { color: var(--wz-heading); }
body #order-standard_cart .domain-pricing .tld-pricing-header .col-xs-2,
body #order-standard_cart .domain-pricing .tld-pricing-header .col-sm-2,
body #order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4,
body #order-standard_cart .domain-pricing .tld-pricing-header .col-sm-4,
body #order-standard_cart .domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-bottom-color: var(--wz-blue); background-color: var(--wz-selected); color: var(--wz-blue-hover);
}
body #order-standard_cart .domain-pricing .tld-row.highlighted { background: var(--wz-selected); }
/* Original Six text/selection colours on requested Services and Domains columns. */
.dataTables_wrapper #tableServicesList thead th:nth-child(2),
.dataTables_wrapper #tableServicesList thead th:nth-child(5),
.dataTables_wrapper #tableDomainsList thead th:nth-child(3) { color: #333; }
.dataTables_wrapper #tableServicesList thead th:nth-child(2):is(.sorting_asc, .sorting_desc),
.dataTables_wrapper #tableServicesList thead th:nth-child(5):is(.sorting_asc, .sorting_desc),
.dataTables_wrapper #tableDomainsList thead th:nth-child(3):is(.sorting_asc, .sorting_desc) { background-color: #f6f6f6; }
#tableServicesList tbody td:nth-child(2) { color: #333; }
#tableServicesList tbody td:nth-child(2) a,
#tableDomainsList tbody td:nth-child(3) > a { color: #058; }
#tableServicesList tbody td:nth-child(2) a:is(:hover, :focus),
#tableDomainsList tbody td:nth-child(3) > a:is(:hover, :focus) { color: #23527c; }

body #order-standard_cart .form-control { border-color: #8a94a6; }
body #order-standard_cart .form-control:focus { border-color: var(--wz-blue); }
body #order-standard_cart .has-error .form-control,
body #order-standard_cart .has-error .form-control:focus { border-color: #a94442; }
body #order-standard_cart .has-success .form-control,
body #order-standard_cart .has-success .form-control:focus { border-color: #3c763d; }
body #order-standard_cart .has-warning .form-control,
body #order-standard_cart .has-warning .form-control:focus { border-color: #8a6d3b; }

/* Navigation is moved in DOM order only while Standard Cart uses compact panels. */
@media (max-width: 1199px) {
    #order-standard_cart .webzim-cart-navigation { clear: both; }
    #order-standard_cart .webzim-cart-navigation-empty { display: none; }
}