/*
  Ecom 21 Days Shared CSS
  App version: V5
  Asset version: 20260519-v5
  Cache rule: every visual/style release should bump ASSET_VERSION in config.php.
  Browser URL example: /assets/shared.css?v=20260519-v5
*/
:root {
  --e21-bg: #030713;
  --e21-bg-top: #060d22;
  --e21-gold: #e4ad38;
  --e21-gold-light: #f6d063;
  --e21-gold-dark: #cf8500;
  --e21-white: #ffffff;
  --e21-text-soft: rgba(255, 255, 255, 0.92);
  --e21-text-muted: rgba(255, 255, 255, 0.64);
  --e21-card-border: rgba(228, 173, 56, 0.18);
  --e21-card-bg: rgba(255, 255, 255, 0.045);
  --e21-radius-lg: 24px;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: var(--e21-bg);
}

img, video, iframe {
  max-width: 100%;
}

a {
  color: inherit;
}

button,
input,
textarea,
select {
  font: inherit;
}

.e21-version-badge::after {
  content: "V5";
}


/* Private course link controls */
.private-resource-row {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.private-resource-link,
.private-resource-locked {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .01em;
  text-decoration: none;
}
.private-resource-link {
  color: #080a10;
  background: linear-gradient(135deg, var(--e21-gold-light), var(--e21-gold));
  box-shadow: 0 14px 28px rgba(207, 133, 0, .22);
}
.private-resource-locked {
  color: rgba(255,255,255,.68);
  border: 1px solid rgba(228, 173, 56, .18);
  background: rgba(255,255,255,.045);
  cursor: not-allowed;
}
.private-resource-note {
  color: rgba(255,255,255,.50);
  font-size: 12px;
  line-height: 1.35;
}