/* Header Utility Bar — paylaşılan stil */.eb-util{
    background:var(--header-topbar-bg);
    color:var(--header-topbar-text);
    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:var(--blok-bg-bg, var(--blok-bg)); color:var(--blok-text);
    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) 10%, #f1f5f9);
    color:var(--tema-primary);
}

/* Light variant (beyaz topbar) — Tema Studyosu Header.Üst Bar değişkenlerini kullanır */.eb-util--light{
    background:var(--header-topbar-bg-bg, var(--header-topbar-bg));
    color:var(--header-topbar-text);
    border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent);
}

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

/* Brand variant (primary renkli) */.eb-util--brand{
    background:var(--header-topbar-bg-bg, linear-gradient(90deg, var(--tema-primary), color-mix(in srgb, var(--tema-primary) 75%, var(--tema-accent))));
    color:var(--header-topbar-text, var(--tema-primary-text));
    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; }
}