/* Padajuci meni u zaglavlju (deli se na svim stranama) */
.nav { display: flex; gap: 0.25rem; }
.dd { position: relative; }
.dd-btn { display: inline-flex; align-items: center; gap: 0.35rem; min-height: 44px; padding: 0.55rem 0.8rem; background: none; border: 0; border-radius: 8px; color: #9ba6b4; font: 500 0.95rem/1 "Inter", "Segoe UI", system-ui, sans-serif; cursor: pointer; transition: color .2s, background-color .2s; }
.dd-btn svg { transition: transform .25s cubic-bezier(.2,.7,.2,1); color: #22d3ee; }
.dd-btn:hover, .dd.open .dd-btn { color: #f4f6f8; background: #131720; }
.dd[data-current] .dd-btn { color: #f4f6f8; box-shadow: inset 0 -2px 0 #ff5a1f; border-radius: 0; }
.dd.open .dd-btn svg { transform: rotate(180deg); }
.dd-btn:focus-visible { outline: 2px solid #ff5a1f; outline-offset: 2px; }
.dd-menu { position: absolute; right: 0; top: calc(100% + 8px); width: min(20rem, calc(100vw - 2rem)); background: #131720; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 0.5rem; box-shadow: 0 18px 40px -12px rgba(0,0,0,0.7); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .2s, transform .2s, visibility .2s; z-index: 50; }
.dd.open .dd-menu { opacity: 1; visibility: visible; transform: none; }
.dd-head { display: block; padding: 0.5rem 0.75rem 0.4rem; font: 500 0.7rem/1 "Space Grotesk", "Segoe UI", sans-serif; letter-spacing: 0.14em; text-transform: uppercase; color: #9ba6b4; border-bottom: 1px solid rgba(255,255,255,0.06); margin-bottom: 0.35rem; }
.dd-menu ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.15rem; }
.dd-menu a { display: grid; grid-template-columns: 1fr auto; gap: 0.15rem 0.75rem; padding: 0.7rem 0.75rem; border-radius: 8px; text-decoration: none; color: #f4f6f8; border: 1px solid transparent; transition: border-color .2s, background-color .2s; }
.dd-menu a:hover, .dd-menu a:focus-visible { border-color: #ff5a1f; background: #0b0d10; outline: none; }
.dd-title { font: 700 0.98rem/1.25 "Space Grotesk", "Segoe UI", sans-serif; letter-spacing: -0.02em; }
.dd-meta { grid-column: 1; font-size: 0.8rem; color: #9ba6b4; line-height: 1.4; }
.dd-tag { grid-column: 2; grid-row: 1 / span 2; align-self: center; font: 700 0.78rem/1 "Space Grotesk", "Segoe UI", sans-serif; color: #22d3ee; white-space: nowrap; }
@media (max-width: 40rem) { .dd-btn { padding-inline: 0.55rem; } .dd:first-child .dd-menu { right: -5.5rem; } }
@media (prefers-reduced-motion: reduce) { .dd-menu, .dd-btn svg { transition: none; } }