﻿/* NavBar, DropDawn menu styly */
/* ===============
    DropDown menu
   =============== */

/* Odstrani sipku z rozbalovacieho tlacidla */
.dropdown-toggle::after {
  display: none !important; 
}

/* Odstrnenie vonkajsieho oramovania menu */
.dropdown-menu {
  border: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  /*white-space: nowrap;*/ /* Nezalamuje text v menu - asi predvolene */
}


/* Pridanie ciar iba medzi li polozkami - da sa pridat oddelovac - <li><hr class="dropdown-divider"></li> */
/*.dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #e9ecef;
}*/

.dropdown .dropdown-menu .dropdown-item {
  width: 100%;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--bozp-purple) !important; /*#212121;*/
  border-bottom: 1px solid #f1f1f1;
  text-decoration: none;
  display: inline-block;
  /*float: left;*/ /* stara technika pre flexboxom */
  /*clear: both;*/ /* stara technika pre flexboxom */
  position: relative; /* Referencny bod pre pripadne pridanie prvvku cez before, alebo after */
  outline: 0; /* Odstrani predvoleny ramcek */
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

/* Sipka v DropDown-Item pred textom */
.dropdown .dropdown-menu .dropdown-item::before {
  /*content: "\f5e3";*/
  content: "\25B8";
  /*position: absolute;*/
  font-size: 20px;
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
}

/* Ak je aktualne zatlacene tlacitko dropdown polozky - ZATIAL NETREBA */
.dropdown .dropdown-menu .dropdown-item:active {
  background-color: var(--bs-dropdown-link-hover-bg); /*--bs-dropdown-link-hover-color)*/ /*var(--bozp-purple)*/
}

/* ========
    NavBar
   ======== */
a.navbar-brand {
  position: relative;
  padding: 0px;
}


a.navbar-brand img {
  width: 75%;
}

header .navbar {
  /*position: fixed;*/
  /*top: 0;*/
  /*left: 0;*/
  /*width: 100%;*/
  /*z-index: 1030;*/
  background: #fff !important;
  border-bottom: 1px solid var(--bozp-border) !important;
  box-shadow: var(--bozp-shadow-soft);
}

/*header .navbar {
  background: linear-gradient(135deg, var(--bozp-purple2), var(--bozp-purple1)) !important;
}*/

/* Upravenie loga (Brand) v NavBare */
header .navbar .navbar-brand {
  font-weight: 700;
  letter-spacing: .4px;
}

/* Ak je aktualne zatlacene tlacitko v menu - ZATIAL NETREBA */
/*header .navbar .nav-item .nav-link:active,
header .navbar .nav-item .show > .nav-link {
  background-color: var(--bozp-purple) !important;
  color: #111 !important;
}*/


header .navbar .nav-item .nav-link {
  /*color: #2b2f36 !important;*/
  color: var(--bozp-purple) !important;
  font-size: 18px;
  font-weight: 600;
}


header .navbar .nav-item .nav-link:hover,
.dropdown .dropdown-menu .dropdown-item:hover {
  /*color: var(--bozp-accent) !important;*/
  color: var(--bozp-orange) !important;
}

/* Toto funguje len na <span class="text-info">Home</span> v nav-linku */
/*header .navbar .nav-link.text-info {
  color: var(--bozp-purple) !important;
  font-weight: 700;
}*/

