/* E-Sports Academy - MinaAktiviteter / CogWork profil */

:root {
  --esa-bg: #07070d;
  --esa-panel: #100b16;
  --esa-panel-soft: #181220;
  --esa-text: #f7f3ff;
  --esa-muted: #d8cceb;
  --esa-line: rgba(205, 70, 255, 0.28);
  --esa-purple: #b72cff;
  --esa-pink: #ff3fd8;
}

/* Grund */
html,
body,
.cwBody {
  background: radial-gradient(circle at top, #241031 0, #07070d 48%, #030306 100%) !important;
  color: #0b0710 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Huvudruta */
.cwArea,
.cwVisibleForm {
  border-color: var(--esa-line) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Toppbar */
.cwControlAreaTop {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px !important;
  background: #08050d !important;
  border-bottom: 1px solid var(--esa-line) !important;
}

/* Vänster navigering */
.cwControlAreaTop .cwShopNavLeft {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Höger yta i toppbaren */
.cwControlAreaTop .cwShopNavRight {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  margin-left: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.cwControlAreaTop .cwShopNavRight:empty {
  display: none !important;
}

/* Ikonknappar i toppbaren */
.cwControlAreaTop .cwIconMenu,
.cwControlAreaTop .cwIconGoBack,
.cwControlAreaTop .cwIconGoNext,
.cwControlAreaTop input[name="close"],
.cwControlAreaTop input[value="Stäng"],
.cwControlAreaTop .cwShopNavAbort {
  display: inline-block !important;
  position: static !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(205, 70, 255, 0.45) !important;
  border-radius: 6px !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  filter: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Meny */
.cwControlAreaTop .cwIconMenu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23f7f3ff' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") !important;
}

/* Tillbaka */
.cwControlAreaTop .cwIconGoBack {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23f7f3ff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
}

/* Nästa */
.cwControlAreaTop .cwIconGoNext {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23f7f3ff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
}

/* Stäng i toppbaren */
.cwControlAreaTop input[name="close"],
.cwControlAreaTop input[value="Stäng"],
.cwControlAreaTop .cwShopNavAbort {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23f7f3ff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") !important;
}

/* Språkknapp: låt flaggan synas */
.cwControlAreaTop a[class*="cwIconFlag"],
.cwControlAreaTop a.cwModalWrapper {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  border: 1px solid rgba(205, 70, 255, 0.45) !important;
  border-radius: 6px !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
  box-shadow: none !important;
}

/* Hover */
.cwControlAreaTop .cwIconMenu:hover,
.cwControlAreaTop .cwIconGoBack:hover