/**
 * Trust Hosting — brand theme
 * Colors extracted from the company logo:
 *   Cyan  #179BEE
 *   Navy  #08476E
 */
:root {
  --brand-primary: #179BEE;
  --brand-primary-hover: #0E86D4;
  --brand-primary-dark: #0A6EAF;
  --brand-primary-soft: #E8F6FE;
  --brand-primary-border: #7EC8F5;

  --brand-secondary: #08476E;
  --brand-secondary-hover: #063A5A;
  --brand-secondary-dark: #052E48;
  --brand-secondary-soft: #E6F1F7;
  --brand-secondary-border: #7AA3BB;

  --brand-accent: #0A6EAF;
  --brand-accent-soft: #E6F1F7;

  --brand-ink: #1A2B32;
  --brand-muted: #5A7278;
  --brand-line: #D7E2E5;
  --brand-surface: #F7FAFA;
  --brand-white: #FFFFFF;
}

/* ---------- Bootstrap buttons ---------- */
.btn-primary,
.btn-success {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
  text-shadow: none !important;
  background-image: none !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-color: var(--brand-primary-hover) !important;
  border-color: var(--brand-primary-hover) !important;
  color: #fff !important;
}

.btn-info {
  background-color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
  color: #fff !important;
  text-shadow: none !important;
  background-image: none !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-color: var(--brand-secondary-hover) !important;
  border-color: var(--brand-secondary-hover) !important;
}

.btn-warning {
  background-color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
  color: #fff !important;
  text-shadow: none !important;
  background-image: none !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  background-color: var(--brand-secondary-hover) !important;
  border-color: var(--brand-secondary-hover) !important;
}

.btn-default:hover,
.btn-default:focus {
  border-color: var(--brand-secondary-border);
  color: var(--brand-secondary);
}

/* ---------- Theme accent replacements (#5cb85c → brand green) ---------- */
a,
a:hover,
a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
#primary-menu .navbar-nav > li > a:hover,
#primary-menu .navbar-nav > li.active > a,
#primary-menu .navbar-nav > li > a:focus,
.menu-9 li a:hover,
.front-page a:hover {
  color: var(--brand-secondary);
}

#primary-menu .navbar-nav > li > a:hover,
#primary-menu .navbar-nav > li.active > a {
  color: var(--brand-primary) !important;
}

/* Nav underline / active markers */
#primary-menu .navbar-nav > li > a {
  transition: color .15s ease, border-color .15s ease;
}
#primary-menu .navbar-nav > li.active > a,
#primary-menu .navbar-nav > li > a:hover {
  border-bottom-color: var(--brand-primary) !important;
}

/* Generic green accents used across style.css */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.label-success,
.badge-success,
.progress-bar-success,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.panel-success > .panel-heading,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}

/* Top bar / header polish */
#top-bar.top-bar {
  background: var(--brand-secondary) !important;
  border-bottom: 0 !important;
}
#top-bar.top-bar,
#top-bar.top-bar a,
#top-bar .btn {
  color: #fff !important;
}
#top-bar .btn {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.28) !important;
}
#top-bar .btn:hover {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

#primary-menu.navbar {
  border-bottom: 1px solid var(--brand-line);
  background: #fff;
}

/* Floating cart icon */
.floating .icon-bar a,
.icon-bar a {
  background: var(--brand-primary) !important;
}
.floating .icon-bar a:hover {
  background: var(--brand-primary-hover) !important;
}

/* Legacy lime CTAs → logo cyan */
.hb-auth-submit,
.swal-button--confirm {
  background-color: var(--brand-primary) !important;
  background-image: none !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}

/* Pricing tables CTAs */
.pricing-row .btn-primary,
.pricing-row .btn-success,
.hosting-packages .btn,
.pricing-table .btn {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}
.pricing-row .btn-primary:hover,
.hosting-packages .btn:hover {
  background-color: var(--brand-primary-hover) !important;
  border-color: var(--brand-primary-hover) !important;
}

/* Domain search / common storefront controls */
#btnSearch,
.search_form button[type="submit"],
.domain_search button,
.domain_search .btn,
#add_domain,
#domain_only {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}
#btnSearch:hover,
.search_form button[type="submit"]:hover {
  background-color: var(--brand-primary-hover) !important;
}

/* Footer */
footer,
.footer,
#footer {
  border-top: 3px solid var(--brand-primary);
}
footer a:hover,
.footer a:hover {
  color: var(--brand-primary) !important;
}

/* Forms focus */
.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: var(--brand-secondary-border) !important;
  box-shadow: 0 0 0 3px rgba(var(--brand-secondary-rgb), .12) !important;
}

/* Page headers / banners — brand-tinted overlay */
.page_header .color-overlay {
  background: linear-gradient(110deg, rgba(var(--brand-secondary-rgb), 0.62) 0%, rgba(26, 43, 50, 0.45) 55%, rgba(var(--brand-primary-rgb), 0.28) 100%) !important;
}

/* Override legacy theme green hardcodes where inline specificity is low */
.text-success,
.fa.text-success {
  color: var(--brand-primary) !important;
}

/* Soft brand surfaces for cards/sections */
.panel-primary > .panel-heading {
  background-color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
}
.panel-primary {
  border-color: var(--brand-secondary) !important;
}

/* SweetAlert — brand + reliable OK button */
.sweet-overlay {
  background-color: rgba(26, 43, 50, .48) !important;
  z-index: 100000 !important;
}
.sweet-alert {
  z-index: 100001 !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(var(--brand-secondary-rgb), .2) !important;
  padding: 22px 22px 18px !important;
  font-family: inherit !important;
}
.sweet-alert h2 {
  color: var(--brand-secondary) !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  margin: 12px 0 8px !important;
  font-weight: 700 !important;
}
.sweet-alert p {
  color: var(--brand-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.sweet-alert .sa-icon {
  margin-top: 8px !important;
}
.sweet-alert button {
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 8px 18px !important;
  margin: 16px 6px 0 !important;
  box-shadow: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.sweet-alert button.confirm {
  background-color: var(--brand-primary) !important;
  border: 0 !important;
  color: #fff !important;
}
.sweet-alert button.confirm:hover {
  background-color: var(--brand-primary-hover) !important;
}
.sweet-alert button.cancel {
  background-color: #fff !important;
  color: var(--brand-secondary) !important;
  border: 1px solid var(--brand-line) !important;
}
.sweet-alert .sa-button-container {
  pointer-events: auto !important;
}


/* Storefront CTAs that still hard-code old green */
.be-btn-primary,
.ovh-check-btn,
.ovh-transfer-add,
.ovh-transfer-submit,
button#btnSearch.ovh-transfer-submit,
.hc-btn,
.hc-btn-sm,
.hc-checkout,
.ds-btn-primary,
.sc-btn-primary,
.st-btn-primary,
.hg-mail-btn.is-accent {
  background: var(--brand-primary) !important;
  background-color: var(--brand-primary) !important;
  background-image: none !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(var(--brand-primary-rgb), 0.28);
}
.be-btn-primary:hover,
.ovh-check-btn:hover,
.ovh-transfer-add:hover,
.ovh-transfer-submit:hover,
button#btnSearch.ovh-transfer-submit:hover,
.hc-btn:hover,
.hc-checkout:hover,
.ds-btn-primary:hover,
.sc-btn-primary:hover {
  background: var(--brand-primary-hover) !important;
  background-color: var(--brand-primary-hover) !important;
  color: #fff !important;
}
.be-btn-outline {
  color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.be-btn-outline:hover {
  background: var(--brand-primary-soft) !important;
  color: var(--brand-primary-dark) !important;
}
.be-card-pro.is-featured {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 1px var(--brand-primary), 0 18px 40px rgba(var(--brand-primary-rgb), 0.14) !important;
}
.be-card-pro .be-badge,
.be-badge {
  background: var(--brand-primary) !important;
}
.be-card-pro.is-featured .be-btn-primary {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.ovh-check-btn.ghost,
.be-btn-ghost {
  background: #fff !important;
  color: var(--brand-secondary) !important;
  border: 1px solid var(--brand-line) !important;
  box-shadow: none !important;
}
.ovh-check-btn.ghost:hover,
.be-btn-ghost:hover {
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
  background: #fff !important;
}
.hb-verify-mark {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-inline-start: 4px;
  object-fit: contain;
}

/* ---------- Admin / client panel chrome ---------- */
html.app .content-wrapper,
html.app .right-side {
  background-color: var(--brand-surface) !important;
}
html.app .wrapper {
  background-color: var(--brand-surface) !important;
}
html.app .main-footer {
  background: var(--brand-white) !important;
  border-top: 1px solid var(--brand-line) !important;
  color: var(--brand-muted);
}
html.app .content-header > h1 {
  border-inline-start: 3px solid var(--brand-primary);
  color: var(--brand-ink);
}
html.app .content-header > h1 > small {
  color: var(--brand-muted);
}
html.app .content-header > .breadcrumb > li > a {
  color: var(--brand-secondary);
}
html.app .content-header > .breadcrumb > li > a:hover {
  color: var(--brand-primary);
}
html.app .content-header > .breadcrumb > li > a > .fa,
html.app .content-header > .breadcrumb > li > a > .glyphicon,
html.app .content-header > .breadcrumb > li > a > .hb-mdi {
  color: var(--brand-primary);
  fill: var(--brand-primary);
}
html.app .content a:not(.btn):not(.label) {
  color: var(--brand-secondary);
}
html.app .content a:not(.btn):not(.label):hover {
  color: var(--brand-primary);
}
html.app .box {
  border-color: var(--brand-line);
  border-top-color: var(--brand-primary);
}
html.app .box.box-primary { border-top-color: var(--brand-primary); }
html.app .box.box-info { border-top-color: var(--brand-secondary); }
html.app .box.box-success { border-top-color: var(--brand-primary); }
html.app .box-header > .box-title,
html.app .box-header {
  color: var(--brand-ink);
}
html.app .nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: var(--brand-primary);
}
html.app .nav-tabs-custom > .nav-tabs > li.active > a {
  color: var(--brand-secondary);
}
html.app .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--brand-surface);
}
html.app .pagination > .active > a,
html.app .pagination > .active > span {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
html.app .label-primary,
html.app .badge-primary,
html.app .bg-primary,
html.app .bg-aqua,
html.app .bg-light-blue {
  background-color: var(--brand-primary) !important;
}
html.app .bg-navy {
  background-color: var(--brand-secondary) !important;
}
html.app .text-primary,
html.app .text-aqua,
html.app .text-light-blue {
  color: var(--brand-primary) !important;
}
html.app [class*="skin-"] .main-header .navbar .sidebar-toggle:hover {
  background: var(--brand-primary-soft) !important;
}
html.app .pace .pace-progress {
  background: var(--brand-primary) !important;
}