:root{
  --kg-accent:#ffe100;
  --kg-glass:rgba(255,255,255,.06);
  --kg-text:#fff;
  --kg-sub:#d0d0d0;
}

/* Grid of compact cards (for [kg_cards] or when wrapping loops) */
.kg-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.kg-card.small{display:flex;gap:12px;align-items:center;background:var(--kg-glass);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;text-decoration:none}
.kg-card__media{width:64px;height:64px;border-radius:12px;overflow:hidden;flex:0 0 64px;background:#111}
.kg-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.kg-card__title{margin:0 0 4px;font-size:1.05rem;color:var(--kg-text);font-weight:800}
.kg-card__sub{font-size:.86rem;color:var(--kg-sub)}

/* Scoped Sonaar player skin — works when Sonaar player is wrapped in [kg_skin] ... [/kg_skin] */
.kg-skin.kg-skin--bar{
  color:var(--kg-text);
}
/* Try to match multiple likely Sonaar classnames */
.kg-skin .sonaar,
.kg-skin .sonaar-player,
.kg-skin .srp_player,
.kg-skin .wp-audio-shortcode,
.kg-skin audio{
  width:100%;
  background:var(--kg-glass) !important;
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px !important;
  padding:10px 12px;
  box-sizing:border-box;
}

/* Controls look */
.kg-skin .srp-controls button,
.kg-skin .sonaar-control,
.kg-skin .mejs__button > button{
  background:var(--kg-accent) !important; color:#000 !important;
  border-radius:999px !important; border:none !important;
  box-shadow:0 4px 12px rgba(255,225,0,.35);
}
.kg-skin .srp-progress, 
.kg-skin .mejs__time-rail, 
.kg-skin .sonaar-progress{
  height:6px !important; border-radius:999px !important;
  background:rgba(255,255,255,.15) !important;
}
.kg-skin .srp-progress .bar, 
.kg-skin .mejs__time-current,
.kg-skin .sonaar-progress__current{ background:var(--kg-accent) !important; }

/* Minimal track list look inside skin wrapper */
.kg-skin .srp-track,
.kg-skin .sonaar-track{
  display:flex; align-items:center; gap:10px;
  padding:10px 0; border-bottom:1px solid rgba(255,255,255,.06);
}
.kg-skin .srp-track .title, 
.kg-skin .sonaar-track .title{ flex:1; color:var(--kg-text); }
.kg-skin .srp-track .download a, 
.kg-skin .sonaar-track .download a{ color:var(--kg-accent); text-decoration:none; font-weight:700; }

/* Tighten Elementor spacing inside wrapper */
.kg-skin .elementor-widget-container{ margin:0 !important; }