/* Frontend styles for CGN Logo Marquee */
.cgn-logo-slider{ overflow:hidden; padding:20px 0; position:relative; }
.cgn-logo-track{ display:flex; align-items:center; gap:var(--cgn-gap,40px); animation:cgn-scroll var(--cgn-speed,25s) linear infinite; will-change: transform; }
.cgn-logo-track.cgn-pauseable:hover{ animation-play-state: paused; }
.cgn-logo-track img{ height:var(--cgn-h,60px); width:auto; filter:none; opacity:0.95; transition:transform .2s ease, opacity .2s ease; }
.cgn-logo-track img:hover{ transform:scale(1.05); opacity:1; }

@keyframes cgn-scroll{
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Admin */
#cgn-logo-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
#cgn-logo-list .cgn-item{ background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:10px; display:grid; grid-template-columns:100px 1fr; grid-template-rows:auto auto; gap:8px 12px; align-items:center; }
#cgn-logo-list .cgn-item img{ max-width:100px; height:auto; border:1px solid #eee; background:#fafafa; }
#cgn-logo-list .cgn-item .cgn-remove{ grid-column:1 / -1; width:max-content; }
.cgn-style-box input[type="text"], .cgn-style-box input[type="number"]{ width:100%; }