/**
 * File: assets/css/frontend/header/utilities.css
 * Purpose: Styles right-side utility links, currency/language controls and signed-in identity.
 * Scope: Header top-row utility presentation only; provider state remains plugin-owned.
 * Related PHP: src/Frontend/Header/Components/TopUtilities.php
 * Related CSS: assets/css/frontend/header/top-bar.css
 * Related JS: assets/js/frontend/header/utilities.js
 * Package: HyperDAF Pro
 */

.hdf-header-utilities { display: flex; align-items: center; justify-content: flex-end; gap: clamp(.55rem, .9vw, .9rem); white-space: nowrap; }
.hdf-header-utilities__menu { min-width: 0; }
.hdf-header-utilities__menu .hdf-top-menu { gap: clamp(.6rem, .8vw, .85rem); }

.hdf-header-utility { position: relative; flex: 0 0 auto; }
.hdf-header-utility__control,
.hdf-header-identity {
    display: inline-flex;
    min-height: 1.375rem;
    align-items: center;
    gap: .34rem;
    padding: 0 .08rem;
    border: 0;
    border-radius: var(--hdf-radius-sm);
    background: transparent;
    color: var(--hdf-color-text-secondary);
    font: inherit;
    font-weight: var(--hdf-typography-weight-medium);
    text-decoration: none;
    cursor: pointer;
    transition: color 180ms ease, background-color 180ms ease;
}
.hdf-header-utility__control:hover,
.hdf-header-utility__control[aria-expanded="true"],
.hdf-header-identity:hover { color: var(--hdf-color-primary-strong); }
.hdf-header-utility__control--static { cursor: default; }
.hdf-header-utility__control > .hdf-icon:first-child,
.hdf-header-identity > .hdf-icon:first-child { width: .9rem; height: .9rem; color: var(--hdf-color-primary-strong); }
.hdf-header-utility__control > .hdf-icon:last-child,
.hdf-header-identity > .hdf-icon:last-child { width: .66rem; height: .66rem; opacity: .72; }
.hdf-header-identity__label { max-width: 11rem; overflow: hidden; text-overflow: ellipsis; }

.hdf-header-utility__widget {
    position: absolute;
    z-index: var(--hdf-z-index-dropdown);
    top: calc(100% + .65rem);
    right: 0;
    width: min(22rem, calc(100vw - 2rem));
    max-height: 30rem;
    overflow: auto;
    border: var(--hdf-border-width-default) solid var(--hdf-color-border);
    border-radius: var(--hdf-radius-lg);
    background: var(--hdf-color-surface);
    box-shadow: var(--hdf-shadow-lg);
}
.hdf-header-utility__widget[hidden] { display: none; }