/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
html, body, .primary-bg-color {
background: #fff;
font-family: 'Roboto', sans-serif;
}
body, button, input, select, textarea {
font-family: 'Roboto', sans-serif;
}
footer.footer {
padding: 5px 0 15px;
}
footer.footer .copyright {
display: none; !important;
}
.container {
max-width: 1270px;
width: 100%;
}
#mainNavbar > ul {
margin-top: 0;
}
header.header .navbar, header.header .dropdown-menu {
background-color: rgba(188, 36, 38, 1);
color: #fff;
}
header.header a i {
color: #fff;
}
header.header .dropdown-menu {
top: 27px;
margin-left: -30px;
}
header.header .navbar-nav .dropdown-menu a {
font-size: 12px;
font-weight: normal;
}
header.header .dropdown-menu li:hover a {
color: #333;
}
header.header .main-navbar-wrapper .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1024px) {
  header.header .main-navbar-wrapper .navbar-collapse {
    display: block;
    width: calc(100% - 30px);
    padding: 15px;
  }

}
header.header .navbar-nav a {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
.btn, .alert, .badge, .card-header {
border-radius: 0px !important;
}
.btn-info, .alert-info, .badge-info, .bg-info {
background-color: rgba(73, 148, 205, .9);
border-color: rgba(73, 148, 205, .9);
}
.btn-warning, .alert-warning, .badge-warning, .bg-warning {
background-color: rgba(188, 36, 38, 1);
border-color: rgba(188, 36, 38, 1);
color: #fff;
}
label[for='customfield44'], label[for='customfield44'] + .control {
display: none !important; 
}

/* ==========================================================
   WebiCom DEV visual refresh
   Namen: barvna uskladitev WHMCS z novo spletno stranjo
   Opomba: spodaj so samo vizualni override-i. Funkcionalnost,
   meniji, linki in responsive logika ostanejo nespremenjeni.
   ========================================================== */

:root {
  --wc-space: #17113d;
  --wc-space-2: #110d2e;
  --wc-blue: #304bd3;
  --wc-blue-hover: #253dc0;
  --wc-red: #b3162b;
  --wc-text: #1d2230;
  --wc-muted: #6f7385;
  --wc-border: #dfe3ee;
  --wc-soft: #f7f8fc;
  --wc-white: #ffffff;
}

html,
body,
.primary-bg-color {
  background: var(--wc-white) !important;
  color: var(--wc-text);
  font-family: 'Nunito Sans', 'Roboto', Arial, sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: 'Nunito Sans', 'Roboto', Arial, sans-serif !important;
}

/* Zgornji WHMCS navbar - prebarvan iz stare rdeče v novo WebiCom modro/vesoljsko shemo */
header.header .navbar,
header.header .dropdown-menu {
  background-color: var(--wc-space) !important;
  color: var(--wc-white) !important;
  border: 0;
}

header.header .navbar {
  box-shadow: 0 8px 24px rgba(17, 13, 46, 0.16);
}

header.header .navbar-nav a,
header.header a i,
header.header .nav-link {
  color: var(--wc-white) !important;
}

header.header .navbar-nav a {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .01em;
  text-transform: none;
}

header.header .navbar-nav .dropdown-menu a {
  color: var(--wc-text) !important;
  font-size: 13px;
  font-weight: 700;
}

header.header .dropdown-menu li:hover a,
header.header .dropdown-menu a:hover {
  color: var(--wc-blue) !important;
  background: var(--wc-soft) !important;
}

/* Glavna modra barva gumbov */
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-default:hover,
.btn-outline-primary:hover,
.bg-primary,
.badge-primary,
.badge-info,
.alert-info .btn,
.cart-btn {
  background-color: var(--wc-blue) !important;
  border-color: var(--wc-blue) !important;
  color: var(--wc-white) !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.cart-btn:hover {
  background-color: var(--wc-blue-hover) !important;
  border-color: var(--wc-blue-hover) !important;
  color: var(--wc-white) !important;
}

.btn,
.alert,
.badge,
.card,
.card-header,
.panel,
.panel-heading,
.list-group-item,
.form-control,
.input-group-text,
.dropdown-menu,
.modal-content {
  border-radius: 8px !important;
}

.btn {
  font-weight: 800;
  padding: .72rem 1.25rem;
  box-shadow: none !important;
}

.btn-sm {
  padding: .45rem .8rem;
}

.btn-link {
  color: var(--wc-blue) !important;
  background: transparent !important;
  border-color: transparent !important;
}

/* Linki */
a,
a:hover,
.text-primary {
  color: var(--wc-blue);
}

/* Kartice, paneli, sidebar */
.card,
.panel,
.sidebar .panel,
.tiles .tile,
.client-home-panels .card,
.kb-category,
.announcement-single,
.list-group-item {
  border-color: var(--wc-border) !important;
  box-shadow: 0 10px 30px rgba(17, 13, 46, 0.06);
}

.card-header,
.panel-heading,
.sidebar .panel-heading {
  background: var(--wc-soft) !important;
  border-color: var(--wc-border) !important;
  color: var(--wc-text) !important;
  font-weight: 800;
}

.sidebar .panel-heading i,
.card-header i,
.panel-heading i {
  color: var(--wc-blue) !important;
}

/* Breadcrumb in glavni body */
.master-breadcrumb {
  background: var(--wc-soft) !important;
  border-bottom: 1px solid var(--wc-border);
}

.master-breadcrumb .breadcrumb,
.master-breadcrumb .breadcrumb a {
  color: var(--wc-muted) !important;
}

#main-body {
  background: var(--wc-white) !important;
  padding-top: 34px;
}

.primary-content h1,
.primary-content h2,
.primary-content h3,
.page-title,
h1, h2, h3 {
  color: var(--wc-text);
  font-weight: 900;
}

/* Obvestila in opozorila */
.alert-info {
  background: #eef2ff !important;
  border-color: #dbe2ff !important;
  color: var(--wc-space) !important;
}

.alert-warning {
  background: #fff7e8 !important;
  border-color: #ffe0a6 !important;
  color: #6e4800 !important;
}

.alert-danger,
.badge-danger,
.bg-danger {
  background-color: var(--wc-red) !important;
  border-color: var(--wc-red) !important;
}

/* Domensko iskanje na WHMCS domači strani */
.domain-search,
.home-shortcuts,
section#home-banner,
#home-banner {
  background: var(--wc-space) !important;
  color: var(--wc-white) !important;
}

.domain-search .form-control,
section#home-banner .form-control,
#home-banner .form-control {
  border: 2px solid rgba(255,255,255,.25) !important;
}

.domain-search h1,
.domain-search h2,
section#home-banner h1,
section#home-banner h2,
#home-banner h1,
#home-banner h2 {
  color: var(--wc-white) !important;
}

/* Tabele */
.table thead th,
.dataTables_wrapper table.table-list thead th {
  background: var(--wc-soft) !important;
  border-color: var(--wc-border) !important;
  color: var(--wc-text) !important;
  font-weight: 800;
}

.table td,
.table th {
  border-color: var(--wc-border) !important;
}

/* Status in label barve */
.status.status-active,
.label.label-success,
.badge-success {
  background-color: var(--wc-blue) !important;
}

.status.status-pending,
.label.label-warning,
.badge-warning {
  background-color: #f59e0b !important;
  color: #fff !important;
}

/* Footer WHMCS dela naj bo čim bolj neopazen, ker spodaj že pride WebiCom footer */
footer.footer {
  background: var(--wc-space-2) !important;
  color: rgba(255,255,255,.75) !important;
  padding: 12px 0 !important;
}

footer.footer a,
footer.footer .nav-link,
footer.footer .btn {
  color: rgba(255,255,255,.85) !important;
}

footer.footer .copyright {
  display: none !important;
}

/* Če injektani header/footer iz .template.php vsebuje elemente WordPress strani,
   jim dodamo osnovno barvno uskladitev, brez spreminjanja povezav ali strukture. */
.webicom-page a,
.webicom-page button,
.webicom-page input,
.webicom-page select,
.webicom-page textarea {
  font-family: 'Nunito Sans', 'Roboto', Arial, sans-serif;
}

.webicom-page .btn,
.webicom-page button,
.webicom-page input[type='submit'] {
  border-radius: 8px;
}

.webicom-page .btn-primary,
.webicom-page .button,
.webicom-page input[type='submit'] {
  background: var(--wc-blue);
  border-color: var(--wc-blue);
}

.webicom-page .btn-primary:hover,
.webicom-page .button:hover,
.webicom-page input[type='submit']:hover {
  background: var(--wc-blue-hover);
  border-color: var(--wc-blue-hover);
}

/* Mobilni prikaz: ne spreminjamo logike, samo poskrbimo za lepše odmike */
@media (max-width: 1024px) {
  header.header .main-navbar-wrapper .navbar-collapse {
    background: var(--wc-space) !important;
    border-radius: 8px !important;
  }
}

/* ==========================================================
   WebiCom DEV dodatni popravki 2026-05-04
   - nov logotip
   - popravek nevidnega dropdown teksta
   - bolj primerna barva starega sivega menija
   ========================================================== */

:root {
  --wc-space: #17113d;
  --wc-space-2: #110d2e;
  --wc-blue: #304bd3;
  --wc-blue-hover: #253dc0;
  --wc-red: #b3162b;
  --wc-red-hover: #961225;
}

/* Logo v WHMCS oziroma v injektani WebiCom glavi */
#webicom-header img[src*="logo"],
.webicom-page img[src*="logo"],
header.header .logo-img {
  max-width: 360px !important;
  height: auto !important;
}

/* Stari sivi zgornji meni iz WebiCom glave prebarvamo v novo temno/vesoljsko barvo */
#webicom-header nav,
#webicom-header .nav,
#webicom-header .navbar,
#webicom-header .menu,
#webicom-header .main-menu,
#webicom-header .main-navigation,
#webicom-header .navigation,
#webicom-header .header-menu,
#webicom-header .menu-main-container,
#webicom-header ul.menu,
#webicom-header ul.nav,
.webicom-page nav,
.webicom-page .navbar,
.webicom-page .menu,
.webicom-page .main-menu,
.webicom-page .main-navigation,
.webicom-page .navigation,
.webicom-page .header-menu,
.webicom-page .menu-main-container,
.webicom-page ul.menu,
.webicom-page ul.nav {
  background: var(--wc-space) !important;
}

#webicom-header nav a,
#webicom-header .nav a,
#webicom-header .navbar a,
#webicom-header .menu a,
#webicom-header .main-menu a,
#webicom-header .main-navigation a,
#webicom-header .navigation a,
#webicom-header .header-menu a,
.webicom-page nav a,
.webicom-page .nav a,
.webicom-page .navbar a,
.webicom-page .menu a,
.webicom-page .main-menu a,
.webicom-page .main-navigation a,
.webicom-page .navigation a,
.webicom-page .header-menu a {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

#webicom-header nav a:hover,
#webicom-header .nav a:hover,
#webicom-header .navbar a:hover,
#webicom-header .menu a:hover,
#webicom-header .main-menu a:hover,
#webicom-header .main-navigation a:hover,
#webicom-header .navigation a:hover,
#webicom-header .header-menu a:hover,
.webicom-page nav a:hover,
.webicom-page .nav a:hover,
.webicom-page .navbar a:hover,
.webicom-page .menu a:hover,
.webicom-page .main-menu a:hover,
.webicom-page .main-navigation a:hover,
.webicom-page .navigation a:hover,
.webicom-page .header-menu a:hover {
  background: var(--wc-blue) !important;
  color: #ffffff !important;
}

/* Gumb/element 'ZA STRANKE' naj ostane jasno izpostavljen */
#webicom-header a[href*="clientarea"],
#webicom-header a[href*="login"],
#webicom-header a[href*="whmcs"],
.webicom-page a[href*="clientarea"],
.webicom-page a[href*="login"],
.webicom-page a[href*="whmcs"] {
  color: #ffffff !important;
}

/* WHMCS primarni navbar */
header.header .main-navbar-wrapper,
header.header .navbar,
header.header .dropdown-menu {
  background: var(--wc-space) !important;
}

header.header .navbar-nav > li > a,
header.header .navbar-nav .nav-link,
header.header .navbar-nav a,
header.header .navbar-nav a i,
header.header .cart-btn,
header.header .cart-btn i,
header.header .cart-btn span {
  color: #ffffff !important;
}

header.header .navbar-nav > li > a:hover,
header.header .navbar-nav .nav-link:hover,
header.header .navbar-nav a:hover,
header.header .navbar-nav li:hover > a {
  background: var(--wc-blue) !important;
  color: #ffffff !important;
}

/* Popravek nevidnega dropdown teksta pri 'Uporabnik' */
header.header .dropdown-menu,
header.header .navbar-nav .dropdown-menu,
header.header .dropdown-menu.show {
  background: #ffffff !important;
  border: 1px solid rgba(17, 13, 46, .12) !important;
  box-shadow: 0 14px 34px rgba(17, 13, 46, .18) !important;
}

header.header .dropdown-menu a,
header.header .dropdown-menu .dropdown-item,
header.header .navbar-nav .dropdown-menu a,
header.header .navbar-nav .dropdown-menu .dropdown-item,
header.header .dropdown-menu li a,
header.header .dropdown-menu li > a {
  color: #1d2230 !important;
  background: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

header.header .dropdown-menu a:hover,
header.header .dropdown-menu .dropdown-item:hover,
header.header .dropdown-menu li:hover > a,
header.header .navbar-nav .dropdown-menu a:hover,
header.header .navbar-nav .dropdown-menu .dropdown-item:hover {
  color: #ffffff !important;
  background: var(--wc-blue) !important;
}

/* Sekundarni WHMCS meni pod starim sivim menijem */
header.header .navbar-nav.ml-auto > li > a,
header.header .navbar-nav.mr-auto > li > a {
  color: #ffffff !important;
}

/* Search/domenski gumbi v injektani glavi */
#webicom-header button,
#webicom-header input[type="submit"],
#webicom-header .button,
#webicom-header .btn,
.webicom-page button,
.webicom-page input[type="submit"],
.webicom-page .button,
.webicom-page .btn {
  background: var(--wc-blue) !important;
  border-color: var(--wc-blue) !important;
  color: #ffffff !important;
}

#webicom-header button:hover,
#webicom-header input[type="submit"]:hover,
#webicom-header .button:hover,
#webicom-header .btn:hover,
.webicom-page button:hover,
.webicom-page input[type="submit"]:hover,
.webicom-page .button:hover,
.webicom-page .btn:hover {
  background: var(--wc-blue-hover) !important;
  border-color: var(--wc-blue-hover) !important;
  color: #ffffff !important;
}


/* WEBICOM NEW v3 - stabilizacija po prehodu nove WP strani v produkcijo
   Ne vlečemo več WordPress header/footerja v WHMCS, zato ti override-i držijo WHMCS znotraj normalne širine. */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
body {
  background: #ffffff !important;
}
section#main-body,
section#main-body .container,
header.header .container,
footer.footer .container {
  max-width: 1870px !important;
  width: 100% !important;
}
header.header .navbar-nav,
header.header .navbar-nav > li,
header.header .navbar-nav > li > a {
  font-size: 14px !important;
}
header.header .main-navbar-wrapper {
  background: #151039 !important;
  border: 0 !important;
}
header.header .main-navbar-wrapper .container {
  min-height: 52px !important;
}
header.header .navbar-nav > li > a,
header.header .navbar-nav .nav-link,
header.header .navbar-nav a {
  color: #ffffff !important;
}
header.header .navbar-nav > li > a:hover,
header.header .navbar-nav .nav-link:hover,
header.header .navbar-nav a:hover {
  background: #3150d4 !important;
  color: #ffffff !important;
}
header.header .dropdown-menu,
header.header .navbar-nav .dropdown-menu {
  background: #ffffff !important;
  min-width: 190px !important;
  border: 1px solid rgba(17, 13, 46, .12) !important;
  box-shadow: 0 14px 34px rgba(17, 13, 46, .18) !important;
}
header.header .dropdown-menu a,
header.header .dropdown-menu .dropdown-item,
header.header .dropdown-menu li > a {
  color: #1d2230 !important;
  background: #ffffff !important;
}
header.header .dropdown-menu a:hover,
header.header .dropdown-menu .dropdown-item:hover,
header.header .dropdown-menu li:hover > a {
  color: #ffffff !important;
  background: #3150d4 !important;
}
.btn-primary,
.btn-success,
.btn-info,
.btn-primary:focus,
.btn-success:focus,
.btn-info:focus {
  background-color: #3150d4 !important;
  border-color: #3150d4 !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover {
  background-color: #2742b8 !important;
  border-color: #2742b8 !important;
}
footer.footer {
  background: #151039 !important;
  color: #ffffff !important;
  padding: 28px 0 !important;
}
footer.footer a,
footer.footer .nav-link,
footer.footer p {
  color: #ffffff !important;
}

/* ==========================================================
   WebiCom NEW v4 - stabilna statična glava in noga za WHMCS
   ========================================================== */
.wc-site-header {
  background: #fff;
  color: var(--wc-text);
  border-bottom: 1px solid rgba(23, 17, 61, .08);
  position: relative;
  z-index: 20;
}
.wc-promo-bar {
  background: var(--wc-blue);
  color: #fff;
  text-align: center;
  font-size: 15px;
  padding: 9px 0;
}
.wc-topline {
  color: #737789;
  font-size: 13px;
  padding: 10px 0 0;
}
.wc-topline-inner,
.wc-brand-row,
.wc-main-menu-inner {
  display: flex;
  align-items: center;
}
.wc-topline-inner { justify-content: space-between; gap: 20px; }
.wc-topline a {
  color: #737789 !important;
  margin-right: 18px;
  font-weight: 600;
}
.wc-topline-right { display: flex; gap: 18px; align-items: center; }
.wc-brand-row {
  justify-content: space-between;
  padding: 18px 15px 20px;
}
.wc-brand img {
  display: block;
  width: 310px;
  max-width: 100%;
  height: auto;
}
.wc-brand-actions {
  display: flex;
  gap: 16px;
  align-items: center;
  font-weight: 800;
}
.wc-brand-actions a { color: var(--wc-text) !important; }
.wc-client-btn {
  background: var(--wc-blue);
  color: #fff !important;
  padding: 14px 26px;
  border-radius: 4px;
  box-shadow: 0 8px 18px rgba(48, 75, 211, .22);
}
.wc-client-btn:hover { background: var(--wc-blue-hover); text-decoration: none; }
.wc-main-menu {
  background: var(--wc-space);
}
.wc-main-menu-inner {
  gap: 34px;
  min-height: 58px;
  flex-wrap: wrap;
}
.wc-main-menu a {
  color: #fff !important;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  padding: 18px 0;
}
.wc-main-menu a:hover { color: #dfe6ff !important; }

/* WHMCS sekundarni meni pod glavo */
header.header .main-navbar-wrapper {
  background: var(--wc-space-2) !important;
}
header.header .navbar,
header.header .dropdown-menu {
  background-color: var(--wc-space-2) !important;
}
header.header .navbar {
  min-height: 50px;
  box-shadow: none !important;
}
header.header .navbar-nav a,
header.header .nav-link {
  color: #fff !important;
  opacity: 1 !important;
}
header.header .navbar-nav .dropdown-menu a {
  color: var(--wc-text) !important;
}
header.header .navbar-nav .dropdown-menu a:hover {
  color: var(--wc-blue) !important;
}
header.header .dropdown-menu {
  background: #fff !important;
  box-shadow: 0 18px 40px rgba(17, 13, 46, .18);
}
.cart-btn {
  border-radius: 6px !important;
  margin-left: 10px;
}
.master-breadcrumb {
  background: #f7f8fc;
  border-bottom: 1px solid #e8ebf4;
}

/* Footer */
footer.footer.wc-footer {
  position: relative;
  background: var(--wc-space-2) !important;
  color: #fff;
  padding: 64px 0 24px !important;
  margin-top: 56px;
  overflow: hidden;
}
footer.footer.wc-footer:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(48,75,211,.7) 1px, transparent 1px);
  background-size: 82px 82px;
  opacity: .28;
  pointer-events: none;
}
footer.footer.wc-footer .container { position: relative; z-index: 1; }
.wc-footer-logo {
  width: 230px;
  max-width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
  opacity: .96;
  margin-bottom: 18px;
}
.wc-footer-text {
  color: rgba(255,255,255,.76);
  line-height: 1.65;
  max-width: 320px;
}
.wc-footer h4 {
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  margin-bottom: 18px;
}
.wc-footer a {
  display: block;
  color: rgba(255,255,255,.78) !important;
  margin-bottom: 10px;
  font-weight: 700;
}
.wc-footer a:hover { color: #fff !important; text-decoration: none; }
.wc-footer-lang {
  margin-top: 10px;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #fff !important;
}
.wc-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: rgba(255,255,255,.62);
  font-size: 13px;
}

@media (max-width: 991px) {
  .wc-topline-inner,
  .wc-brand-row,
  .wc-topline-right,
  .wc-footer-bottom { flex-direction: column; align-items: flex-start; }
  .wc-brand-row { gap: 18px; }
  .wc-main-menu-inner { gap: 18px; padding: 10px 15px; }
  .wc-main-menu a { padding: 8px 0; font-size: 14px; }
}
@media (max-width: 575px) {
  .wc-brand img { width: 245px; }
  .wc-brand-actions { width: 100%; justify-content: space-between; }
  .wc-client-btn { padding: 11px 16px; }
}

/* ==========================================================
   WebiCom NEW v7 - poravnava WHMCS menijev
   ========================================================== */

.primary-nav .container,
.secondary-nav .container,
.navbar .container,
header .container {
    max-width: 1270px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#Primary_Navbar {
    position: static;
    left: 0;
}
/* === NAVBAR SREDINSKA PORAVNAVA - override === */
#Primary_Navbar,
#Primary_Navbar > ul,
header.header .navbar-collapse,
header.header .navbar-nav {
    position: static !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
}

header.header .main-navbar-wrapper .container,
header.header .navbar .container,
.secondary-nav .container,
#main-menu .container {
    max-width: 1870px !important;
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* === NAVBAR CENTRIRANJE - KONČNI POPRAVEK === */
ul#nav.navbar-nav.mr-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

header.header .collapse.navbar-collapse {
    justify-content: center !important;
    display: flex !important;
}