/* ==========================================================================
   B2B LANDING HEADER — OVERRIDES / DOPUNA
   --------------------------------------------------------------------------
   Učitava se u layout.b2b-landing POSLE front/css/style.css.
   style.css (pun B2B stil) već ima bazni .header-not-logged-in i gost-stanje,
   ali NE stiluje ulogovane komponente pod .header-not-logged-in (btn-user,
   btn-icon, btn-icon-dropdown su tamo scoped pod .col-header-options), niti
   sadrži naša prilagođenja (boja/veličina linkova, pozicija tačkice...).
   Ovaj fajl to dopunjava — isti skup pravila kao "DOPUNA" u b2b-header.css,
   da bi header na "/" izgledao identično kao na /kursevi, /informacije...
   Ručno održavan (nije u webpack.mix build-u), pa preživljava rebuild.
   ========================================================================== */

/* --- Traka: veličina fonta (kao nav-linkovi na primarnom headeru) --- */
.header-not-logged-in .header-not-logged-in-options {
    font-size: 0.875rem;
}
/* Bootstrap .btn ima eksplicitan font-size:1rem, pa ga moramo pregaziti */
.header-not-logged-in .header-not-logged-in-options .btn,
.header-not-logged-in .header-not-logged-in-options .btn-link,
.header-not-logged-in .header-not-logged-in-options .btn-user,
.header-not-logged-in .header-not-logged-in-options .btn-user .media-body {
    font-size: 0.875rem;
}

/* --- Nav linkovi (Kursevi/Novosti): boja kao ostali, border desno --- */
.header-not-logged-in .header-not-logged-in-options .btn-link {
    color: #222;
    border-right: 1px solid #ececec;
}
.header-not-logged-in .header-not-logged-in-options .btn-link:hover,
.header-not-logged-in .header-not-logged-in-options .btn-link:focus,
.header-not-logged-in .header-not-logged-in-options .btn-link.active {
    /* Na hover ostaje ista boja, samo podvučeno (bez plave) */
    color: #222;
    text-decoration: underline;
}

/* --- Poravnanje grupa opcija ulogovanog korisnika --- */
.header-not-logged-in .header-not-logged-in-options .user-option,
.header-not-logged-in .header-not-logged-in-options .notification-option,
.header-not-logged-in .header-not-logged-in-options .admin-option {
    display: flex;
    align-items: center;
}
.header-not-logged-in .header-not-logged-in-options .user-option {
    margin-left: 1rem;
}

/* --- Avatar + ime (btn-user); fallback SVG mora imati dimenzije --- */
.header-not-logged-in .btn-user {
    display: flex;
    align-items: center;
    padding: 0;
    text-decoration: none;
}
.header-not-logged-in .btn-user .media {
    display: flex;
    align-items: center;
}
.header-not-logged-in .user-option .btn-user .media-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 3px;
    border: 1px solid #ececec;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.header-not-logged-in .user-option .btn-user .media-image img,
.header-not-logged-in .user-option .btn-user .media-image .user-avatar {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.header-not-logged-in .user-option .btn-user .media-image svg {
    width: 25px;
    height: 25px;
    color: #222222;
}
.header-not-logged-in .user-option .btn-user .media-body {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #222222;
}

/* --- Zvono obaveštenja (btn-icon) --- */
.header-not-logged-in .notification-option .btn-icon {
    position: relative;
    width: 30px;
    padding: 0;
    margin-left: 1rem;
}
.header-not-logged-in .notification-option .btn-icon svg {
    width: 20px;
    height: 20px;
    color: #222222;
}
.header-not-logged-in .notification-option .btn-icon .badge.badge-notification-dot:empty {
    display: block;
}
/* Crvena tačkica u gornjem-desnom uglu zvonceta */
.header-not-logged-in .notification-option .btn-icon .badge.badge-notification-dot {
    top: 2px;
    right: 2px;
    left: auto;
    bottom: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* --- Admin/korisnik strelica (btn-icon-dropdown) --- */
.header-not-logged-in .admin-option .btn-icon-dropdown {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-left: 0.5rem;
}
.header-not-logged-in .admin-option .btn-icon-dropdown svg {
    width: 10px;
    height: 10px;
    color: #222222;
}

/* --- Linkovi u dropdown menijima — ista boja kao header (#222).
       "Moj profil" (dropdown-header a) je inače <a> bez boje pa nasleđuje
       bazno plavu; ovde ga uskladjujemo. "logout" ostaje crven. --- */
.header-not-logged-in .dropdown-menu .dropdown-item:not(.logout),
.header-not-logged-in .dropdown-custom .dropdown-header a {
    color: #222;
}
.header-not-logged-in .dropdown-menu .dropdown-item:not(.logout):hover,
.header-not-logged-in .dropdown-menu .dropdown-item:not(.logout):focus,
.header-not-logged-in .dropdown-custom .dropdown-header a:hover,
.header-not-logged-in .dropdown-custom .dropdown-header a:focus {
    color: #222;
}