/* Header Utility Bar — paylaşılan stil */
.eb-util {
    background:var(--header-topbar-bg, #0f172a);
    color:var(--header-topbar-text, #fff);
    font-family:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size:12px;
    letter-spacing:.005em;
    border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);
    position:relative; z-index:51;
}
.eb-util-wrap {
    max-width:1280px; margin:0 auto; padding:0 18px;
    display:flex; justify-content:space-between; align-items:center;
    min-height:38px; gap:16px; flex-wrap:wrap;
}
.eb-util-left, .eb-util-right {
    display:flex; align-items:center; gap:18px; flex-wrap:wrap;
}
.eb-util-center {
    flex:1; text-align:center; font-weight:500; letter-spacing:.04em;
    opacity:.92;
}
.eb-util-item {
    color:inherit; text-decoration:none;
    display:inline-flex; align-items:center; gap:6px;
    opacity:.85; transition:opacity .2s cubic-bezier(.16,1,.3,1);
    line-height:1.4;
}
.eb-util-item:hover { opacity:1; }
.eb-util-item svg { flex-shrink:0; opacity:.92; }

.eb-util-social {
    display:flex; gap:12px;
    padding-left:12px;
    border-left:1px solid color-mix(in srgb, currentColor 16%, transparent);
}
.eb-util-social a {
    color:inherit; opacity:.7;
    display:inline-flex; align-items:center; justify-content:center;
    transition:opacity .2s, transform .2s cubic-bezier(.16,1,.3,1);
}
.eb-util-social a:hover { opacity:1; transform:translateY(-1px); }

/* Dropdown — döviz / dil */
.eb-util-drop { position:relative; }
.eb-util-trigger {
    background:transparent; border:0; color:inherit;
    font:inherit; font-size:12px; font-weight:500;
    cursor:pointer;
    padding:6px 10px; border-radius:6px;
    display:inline-flex; align-items:center; gap:6px;
    opacity:.88;
    transition:background .2s, opacity .2s;
}
.eb-util-trigger:hover {
    background:color-mix(in srgb, currentColor 12%, transparent);
    opacity:1;
}
.eb-util-trigger svg { transition:transform .25s cubic-bezier(.16,1,.3,1); opacity:.7; }
.eb-util-drop.is-open .eb-util-trigger {
    background:color-mix(in srgb, currentColor 14%, transparent);
    opacity:1;
}
.eb-util-drop.is-open .eb-util-trigger svg { transform:rotate(180deg); }
.eb-util-menu {
    position:absolute; top:calc(100% + 6px); right:0;
    min-width:160px; max-height:320px; overflow-y:auto;
    background:#fff; color:#0f172a;
    border:1px solid rgba(0,0,0,.06);
    border-radius:10px; padding:6px;
    box-shadow:0 16px 36px -8px rgba(15,23,42,.18), 0 4px 10px -2px rgba(15,23,42,.08);
    list-style:none; margin:0;
    z-index:200;
    opacity:0; pointer-events:none;
    transform:translateY(-4px) scale(.98);
    transform-origin:top right;
    transition:opacity .2s cubic-bezier(.16,1,.3,1), transform .2s cubic-bezier(.16,1,.3,1);
}
.eb-util-drop.is-open .eb-util-menu {
    opacity:1; pointer-events:auto;
    transform:translateY(0) scale(1);
}
.eb-util-menu li { margin:0; padding:0; }
.eb-util-menu a {
    display:block; padding:8px 14px;
    color:inherit; text-decoration:none;
    border-radius:6px;
    font-size:13px; font-weight:500;
    letter-spacing:0;
    transition:background .15s, color .15s;
}
.eb-util-menu a:hover {
    background:color-mix(in srgb, var(--tema-primary, #0d9488) 10%, #f1f5f9);
    color:var(--tema-primary, #0d9488);
}

/* Light variant (beyaz topbar) */
.eb-util--light {
    background:#fff;
    color:#475569;
    border-bottom:1px solid #e2e8f0;
}

/* Minimal variant (transparan, sınırsız) */
.eb-util--minimal {
    background:transparent;
    border-bottom:1px solid color-mix(in srgb, currentColor 8%, transparent);
}

/* Brand variant (primary renkli) */
.eb-util--brand {
    background:linear-gradient(90deg, var(--tema-primary, #0d9488), color-mix(in srgb, var(--tema-primary, #0d9488) 75%, var(--tema-accent, #f59e0b)));
    color:var(--tema-primary-text, #fff);
    border-bottom:0;
}

@media (max-width: 768px) {
    .eb-util-hide-md { display:none !important; }
    .eb-util-wrap { padding:0 12px; min-height:34px; gap:8px; }
    .eb-util-left, .eb-util-right { gap:10px; }
    .eb-util-center { display:none; }
    .eb-util-item { font-size:11.5px; }
    .eb-util-trigger { padding:5px 8px; font-size:11.5px; }
    .eb-util-menu { right:0; left:auto; min-width:140px; }
}
@media (max-width: 480px) {
    .eb-util-item span { display:none; }
    .eb-util-item svg { width:14px; height:14px; }
    .eb-util-social { display:none; }
}