/* ==========================================================================
   Velvet Ride — locale dropdown redesign (glassmorphism)
   --------------------------------------------------------------------------
   Loaded from /css/nav-dropdown.css AFTER the Webflow export stylesheets on
   every page, so it overrides both the export and the older appended
   "Language switcher fix" block that lives inside the per-locale export
   copies. Same selector specificity, later in cascade = these rules win.

   Fixes:
   - Panel used to anchor at the top of the nav and cover the JEZIK toggle,
     with a 70px inner margin hack leaving a blank strip. Now it opens
     BELOW the toggle.
   - Current-language dot (::after) wrapped onto its own line; replaced by
     an inline amber pill highlight on the whole row.
   - Frosted-glass panel to match the hero booking card.
   ========================================================================== */

.dropdown-locale {
  position: relative;
}

/* Panel opens below the toggle, right-aligned */
.dropdown-locale .dropdown-list.w-dropdown-list {
  top: 100%;
  right: 0;
  left: auto;
  bottom: auto;
}

/* Kill the legacy 70px offset hack + the inner bordered box; the glass
   panel itself is the card now. */
.dropdown-locale .filter-dropdown-list,
.dropdown-locale .filter-dropdown-list.w-locales-items {
  margin-top: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  border-radius: 0;
  padding: 0;
}

/* Frosted-glass panel */
.dropdown-locale .dropdown-list.w--open {
  background-color: rgba(12, 12, 12, .55) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px;
  margin-top: 10px;
  padding: 6px;
  min-width: 190px;
  box-shadow: 0 18px 44px rgba(1, 1, 1, .35);
}

/* No backdrop-filter support -> nearly opaque so text stays readable */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .dropdown-locale .dropdown-list.w--open {
    background-color: rgba(12, 12, 12, .93) !important;
  }
}

/* Rows */
.dropdown-locale .locale-link-wrapper {
  border-radius: 9px;
}

.dropdown-locale .locale-link-wrapper:hover {
  background-color: rgba(255, 255, 255, .1);
}

/* Light text on glass */
.dropdown-locale .locale-link-wrapper .dropdown-link {
  color: rgba(255, 255, 255, .92);
}

.dropdown-locale .locale-link-wrapper .dropdown-link:hover {
  color: var(--colors--pure);
}

/* Current language: amber text, no wandering dot, whole row softly lit */
.dropdown-locale .locale-link-wrapper .dropdown-link[aria-current="page"] {
  color: var(--colors--amber);
}

.dropdown-locale .locale-link-wrapper .dropdown-link[aria-current="page"]::after {
  content: none;
}

.dropdown-locale .locale-link-wrapper:has(> .dropdown-link[aria-current="page"]) {
  background-color: rgba(193, 161, 118, .16);
}

/* Keyboard focus stays visible on glass */
.dropdown-locale .dropdown-link:focus-visible {
  outline: 2px solid var(--colors--amber);
  outline-offset: 2px;
}