/* =========================================================
SUBHEADER — дељени стил за indexSubHeader.php
Користе: enciklopedija.php, 360.php
========================================================= */

.encyclopedia-header {


height: 76px;

flex-shrink: 0;

display: flex;
align-items: center;
justify-content: space-between;

padding: 0 24px;

background: rgba(11,11,15,0.82);

backdrop-filter: blur(14px);

-webkit-backdrop-filter: blur(14px);

border-bottom: 1px solid color-mix(in srgb, var(--zelena-hover) 45%, transparent);

box-shadow:
    0 2px 8px color-mix(in srgb, var(--zelena-hover) 30%, transparent),
    0 4px 20px color-mix(in srgb, var(--zelena-hover) 15%, transparent);

position: relative;

z-index: 10;


}

.encyclopedia-header-left {


display: flex;

align-items: center;

gap: 16px;


}

.encyclopedia-back {


width: 38px;
height: 38px;

display: flex;

align-items: center;
justify-content: center;

color: var(--tekst);

text-decoration: none;

font-size: 28px;

font-weight: 300;

border-radius: 10px;

transition: 0.2s ease;


}

.encyclopedia-back:hover {


background: var(--glass);

color: var(--zelena-hover);


}

.encyclopedia-header-small {


font-size: 11px;

font-weight: 500;

letter-spacing: 1.5px;

opacity: 0.55;

text-transform: uppercase;


}

.encyclopedia-header-title {


margin-top: 2px;

font-size: 20px;

font-weight: 600;

letter-spacing: 0.5px;


}

.encyclopedia-place {


display: flex;

align-items: center;

gap: 10px;

font-size: 14px;

font-weight: 600;


}

.encyclopedia-place img {


height: 44px;
width: auto;

object-fit: contain;


}

@media (max-width: 650px) {

.encyclopedia-header {
    padding: 0 14px;
}

.encyclopedia-place {
    display: none;
}

}