/* ====================================================================
   site-ayar.css — ust duyuru seridi (2026-10-14, assets/js/site-ayar.js; admin paneli > Storefront)
   Basligin altinda yuzer (sayfa duzenini itmez), karemsi, kapatilabilir. Hover yok.
   ==================================================================== */
.mm-serit { position:fixed; left:50%; top:76px; z-index:90; transform:translateX(-50%); width:min(760px, calc(100vw - 24px));
  display:flex; align-items:center; gap:10px; padding:9px 9px 9px 14px; border-radius:13px; text-decoration:none; color:#fff;
  background:radial-gradient(120% 120% at 100% 0%, rgba(255,255,255,.16), transparent 55%), linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6);
  box-shadow:0 16px 36px -14px rgba(15,42,86,.55), inset 0 -2px 0 rgba(0,0,0,.15); font:inherit; }
.mm-serit.ton-yesil { background:radial-gradient(120% 120% at 100% 0%, rgba(255,255,255,.16), transparent 55%), linear-gradient(150deg,#047857,#059669 60%,#10B981); }
.mm-serit.ton-amber { color:#1A0E00; background:radial-gradient(120% 120% at 100% 0%, rgba(255,255,255,.3), transparent 55%), linear-gradient(150deg,#F59E0B,#FBBF24 60%,#FCD34D); }
.mm-serit.ton-mor { background:radial-gradient(120% 120% at 100% 0%, rgba(255,255,255,.16), transparent 55%), linear-gradient(150deg,#4C1D95,#6D28D9 60%,#8B5CF6); }
html[data-tema="koyu"] .mm-serit { box-shadow:0 16px 36px -12px rgba(0,0,0,.8), inset 0 -2px 0 rgba(0,0,0,.25); }
.mm-serit-ic { flex:1; min-width:0; display:flex; align-items:center; gap:9px; font-size:13.5px; font-weight:650; line-height:1.35; }
.mm-serit-ic svg { width:17px; height:17px; flex:none; }
.mm-serit-ic em { font-style:normal; font-weight:800; white-space:nowrap; opacity:.9; }
.mm-serit-x { flex:none; width:30px; height:30px; display:grid; place-items:center; border:0; border-radius:8px; cursor:pointer; color:inherit; background:rgba(255,255,255,.16); }
.mm-serit.ton-amber .mm-serit-x { background:rgba(0,0,0,.08); }
.mm-serit-x:active { box-shadow:inset 0 2px 5px rgba(0,0,0,.25); }
.mm-serit-x svg { width:14px; height:14px; }
@media (max-width:560px) { .mm-serit { padding:8px 8px 8px 12px; } .mm-serit-ic { font-size:12.5px; } .mm-serit-ic em { display:none; } }