:root{
  --mkcc-bg:#111; --mkcc-surface:#1a1a1a; --mkcc-text:#fff; --mkcc-accent:#e93368; --mkcc-accent-hover:#ff4f8a;
}

/* Container */
.mkcc{ position: fixed; left: 0; right: 0; z-index: 2147483647; font: 14px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif; color: var(--mkcc-text); }
.mkcc--bottom{ bottom: 0; }
.mkcc--top{ top: 0; }
.mkcc__inner{ margin: 12px; padding: 16px; background: var(--mkcc-bg); border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.35); display: grid; gap: 12px; }
.mkcc__message{ opacity: .95; }
.mkcc__actions{ display: flex; gap: 8px; flex-wrap: wrap; }

/* Buttons (scoped + resilient vs page builders) */
#mkcc .mkcc__btn{
  appearance:none; border:1px solid transparent; padding:.6rem .9rem; border-radius:999px; cursor:pointer; font-weight:600;
  transition: background-color .15s ease, border-color .15s ease, opacity .15s ease, color .15s ease, box-shadow .15s ease, filter .15s ease;
  position: relative; z-index: 1;
}

/* Primary */
#mkcc .mkcc__btn.mkcc__btn--primary{
  background-color: var(--mkcc-accent) !important;
  border-color: var(--mkcc-accent) !important;
  color:#fff !important;
  filter: none !important;
}
#mkcc .mkcc__btn.mkcc__btn--primary:hover,
#mkcc .mkcc__btn.mkcc__btn--primary:focus-visible{
  background-color: var(--mkcc-accent-hover) !important;
  border-color: var(--mkcc-accent-hover) !important;
  color:#fff !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* Secondary */
#mkcc .mkcc__btn.mkcc__btn--secondary{
  background-color: var(--mkcc-surface) !important;
  color:#fff !important;
  border-color:#333 !important;
  filter: none !important;
}
#mkcc .mkcc__btn.mkcc__btn--secondary:hover,
#mkcc .mkcc__btn.mkcc__btn--secondary:focus-visible{
  border-color:#555 !important;
  background-color: var(--mkcc-surface) !important;
  color:#fff !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Ghost */
#mkcc .mkcc__btn.mkcc__btn--ghost{
  background-color: transparent !important;
  color:#fff !important;
  border-color:#444 !important;
  filter: none !important;
}
#mkcc .mkcc__btn.mkcc__btn--ghost:hover,
#mkcc .mkcc__btn.mkcc__btn--ghost:focus-visible{
  border-color:#666 !important;
  background-color: rgba(255,255,255,.06) !important;
  color:#fff !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Manage */
.mkcc__manage{ margin: 12px; padding: 16px; background: var(--mkcc-surface); border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.mkcc__title{ margin-top:0; font-size:1.05rem; }
.mkcc__list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.mkcc__item{ background:#141414; padding:10px 12px; border-radius:8px; }
.mkcc__label{ display:block; font-weight:700; }
.mkcc__desc{ display:block; font-size:.92em; opacity:.85; }
.mkcc__manage-actions{ display:flex; gap:8px; margin-top:10px; }

/* --- MKCC hard overrides vs Elementor hover effects --- */
#mkcc .mkcc__btn,
#mkcc .mkcc__btn:hover,
#mkcc .mkcc__btn:focus,
#mkcc .mkcc__btn:active {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
}

/* Primary exact colors */
#mkcc .mkcc__btn.mkcc__btn--primary {
  background-color: var(--mkcc-accent) !important;
  border-color: var(--mkcc-accent) !important;
  color: #fff !important;
}
#mkcc .mkcc__btn.mkcc__btn--primary:hover,
#mkcc .mkcc__btn.mkcc__btn--primary:focus-visible {
  background-color: var(--mkcc-accent-hover) !important;
  border-color: var(--mkcc-accent-hover) !important;
  color: #fff !important;
}

/* Secondary */
#mkcc .mkcc__btn.mkcc__btn--secondary {
  background-color: var(--mkcc-surface) !important;
  border-color: #333 !important;
  color: #fff !important;
}
#mkcc .mkcc__btn.mkcc__btn--secondary:hover,
#mkcc .mkcc__btn.mkcc__btn--secondary:focus-visible {
  background-color: var(--mkcc-surface) !important;
  border-color: #555 !important;
  color: #fff !important;
}

/* Ghost */
#mkcc .mkcc__btn.mkcc__btn--ghost {
  background-color: transparent !important;
  border-color: #444 !important;
  color: #fff !important;
}
#mkcc .mkcc__btn.mkcc__btn--ghost:hover,
#mkcc .mkcc__btn.mkcc__btn--ghost:focus-visible {
  background-color: rgba(255,255,255,.06) !important;
  border-color: #666 !important;
  color: #fff !important;
}