/**
 * HyperDAF Core — Header Topbar
 * Location: /wp-content/themes/hyperdaf-core/assets/css/header/header-topbar.css
 *
 * Purpose:
 * - Style the slim marketplace utility top bar.
 * - Match the approved compact premium header direction.
 * - Keep left and right utility links clean, balanced, and lightweight.
 * - Support compact topbar action icons and account trigger without changing the shell.
 *
 * Related PHP:
 * - /wp-content/themes/hyperdaf-core/header.php
 * - /wp-content/themes/hyperdaf-core/inc/header/header-branding.php
 * - /wp-content/themes/hyperdaf-core/inc/header/header-actions.php
 *
 * Related CSS:
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-base.css
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-main.css
 * - /wp-content/themes/hyperdaf-core/assets/css/header/header-nav.css
 */

.hdaf-header__topbar{background:#fff;border-bottom:1px solid #E2E8F0}
.hdaf-header__topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px}
.hdaf-header__topbar-left,.hdaf-header__topbar-right,.hdaf-header-topbar-tools,.hdaf-header-topbar-actions,.hdaf-topbar-links,.hdaf-header__topbar .hdaf-header-actions,.hdaf-header__topbar .hdaf-header-account{display:flex;align-items:center}
.hdaf-header__topbar-left,.hdaf-header__topbar-right{min-width:0}
.hdaf-header__topbar-right{justify-content:flex-end;flex:1 1 auto}
.hdaf-header-topbar-tools{justify-content:flex-end;gap:14px;min-width:0;width:100%}
.hdaf-header-topbar-actions{flex:0 0 auto}
.hdaf-topbar-links{flex-wrap:wrap;gap:0;min-width:0}
.hdaf-topbar-links--right{justify-content:flex-end}
.hdaf-topbar-links__item{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;color:#64748B;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;transition:color .2s ease}
.hdaf-topbar-links__item:hover{color:#0F172A}
.hdaf-topbar-links--left .hdaf-topbar-links__item:first-child{padding-left:0}
.hdaf-topbar-links--right .hdaf-topbar-links__item:last-child{padding-right:0}
.hdaf-topbar-links--left .hdaf-topbar-links__item + .hdaf-topbar-links__item:before,.hdaf-topbar-links--right .hdaf-topbar-links__item + .hdaf-topbar-links__item:before{content:"";position:absolute;left:0;top:50%;width:1px;height:14px;background:#E2E8F0;transform:translateY(-50%)}
.hdaf-topbar-links__text{display:inline-flex;align-items:center;gap:8px}
.hdaf-topbar-links--left .hdaf-topbar-links__item:first-child .hdaf-topbar-links__text:before{content:"";display:inline-block;width:16px;height:12px;border:1px solid #D8E0EA;border-radius:2px;background:linear-gradient(to bottom,#B22234 0 14%,#FFFFFF 14% 28%,#B22234 28% 42%,#FFFFFF 42% 56%,#B22234 56% 70%,#FFFFFF 70% 84%,#B22234 84% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.hdaf-topbar-links--left .hdaf-topbar-links__item:nth-child(2) .hdaf-topbar-links__text:before{content:"";display:inline-block;width:15px;height:15px;border:1.6px solid currentColor;border-radius:999px;box-sizing:border-box;background:radial-gradient(circle at center,transparent 34%,currentColor 35% 37%,transparent 38%),linear-gradient(currentColor,currentColor) center/1.2px 100% no-repeat,linear-gradient(90deg,currentColor,currentColor) center/100% 1.2px no-repeat;opacity:.88}
.hdaf-header__topbar .hdaf-header-actions{gap:8px}
.hdaf-header__topbar .hdaf-header-action{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#334155;transition:color .2s ease,transform .2s ease}
.hdaf-header__topbar .hdaf-header-action:hover{color:#0F172A;transform:translateY(-1px)}
.hdaf-header__topbar .hdaf-header-action__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}
.hdaf-header__topbar .hdaf-header-action__icon svg{width:100%;height:100%}
.hdaf-header__topbar .hdaf-header-action__badge{position:absolute;top:-2px;right:-3px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#2F855A;color:#fff;font-size:9px;font-weight:700;line-height:1}
.hdaf-header__topbar .hdaf-header-action__text,.hdaf-header__topbar .hdaf-header-account__text{display:none}
.hdaf-header__topbar .hdaf-header-account{gap:10px;min-height:32px;padding-left:2px;color:#0F172A}
.hdaf-header__topbar .hdaf-header-account__avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #E2E8F0;border-radius:999px;background:linear-gradient(180deg,#F8FAFC 0%,#E2E8F0 100%);color:#0F172A;font-size:13px;font-weight:700;line-height:1;overflow:hidden}
.hdaf-header__topbar .hdaf-header-account__chevron{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:#64748B}
.hdaf-header__topbar .hdaf-header-account__chevron svg{width:100%;height:100%}

@media (max-width:1200px){
.hdaf-header__topbar-inner{gap:14px}
.hdaf-header-topbar-tools{gap:12px}
.hdaf-topbar-links__item{padding:0 12px}
.hdaf-header__topbar .hdaf-header-actions{gap:6px}
.hdaf-header__topbar .hdaf-header-action{width:30px;height:30px}
.hdaf-header__topbar .hdaf-header-action__icon{width:20px;height:20px}
.hdaf-header__topbar .hdaf-header-account__avatar{width:38px;height:38px}
}

@media (max-width:1024px){
.hdaf-header__topbar{display:none}
}