/* SmartVPS child theme - brand overrides for Twenty-One.
   Colours taken from the old smartvps2 theme: black top bar, blue accents
   (#066D96 / #479CC4) and the cyan highlight (#06b6ff). Logo comes from
   /assets/img/logo.png (Admin: General Settings -> Logo URL). */

:root {
  --smartvps-primary: #066d96;
  --smartvps-primary-dark: #044f6d;
  --smartvps-accent: #06b6ff;
}

/* top bar (login / language) */
header.header .topbar { background-color: #000; }

/* links and primary buttons */
a { color: var(--smartvps-primary); }
a:hover { color: var(--smartvps-primary-dark); }
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--smartvps-primary);
  border-color: var(--smartvps-primary);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--smartvps-primary-dark);
  border-color: var(--smartvps-primary-dark);
}

/* main navigation: active item and hover accent */
header.header .navbar-nav .nav-link.active,
header.header .navbar-nav .nav-item.active > .nav-link { color: var(--smartvps-primary); }
header.header .navbar-nav .nav-link:hover { color: var(--smartvps-accent); }

/* client-area panels / cards headers */
.card-header, .panel-heading { border-top: 2px solid var(--smartvps-accent); }

/* product pricing highlight in the store */
.product .product-pricing .price, .price .amount { color: var(--smartvps-primary); }