/* ============================================================
   ABRAJ RUNNERS - theme-mybahrain.css
   Bahrain / My Bahrain Theme  →  body.theme-mybahrain
   Colors: Bahrain red, white/pearl, silver accents
   Fonts: Oswald (headings), Inter (body)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* ── Root palette ─────────────────────────────────────────── */
body.theme-mybahrain {
  --bh-bg:          #1a0a0e;
  --bh-surface:     #200c10;
  --bh-card:        #2a1518;
  --bh-card-2:      #251015;
  --bh-red:         #CE1126;
  --bh-red-mid:     #a80d1e;
  --bh-red-dim:     rgba(206,17,38,.3);
  --bh-red-glow:    rgba(206,17,38,.15);
  --bh-pearl:       #e8e4de;
  --bh-silver:      #c0bdb8;
  --bh-silver-dim:  rgba(192,189,184,.25);
  --bh-white:       #f2efea;
  --bh-text:        #d6cfd0;
  --bh-text-dim:    #7a6a6e;
  --bh-border:      rgba(206,17,38,.25);
  --bh-grey:        #4a4040;
  --bh-grey-dim:    rgba(74,64,64,.3);

  font-family: 'Inter', sans-serif;
  background-color: var(--bh-bg);
  color: var(--bh-text);
  min-height: 100vh;
}

/* ── Subtle dark-red texture ──────────────────────────────── */
body.theme-mybahrain::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    radial-gradient(ellipse 80% 55% at 50% -5%, rgba(206,17,38,.09) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 100% 50%, rgba(206,17,38,.05) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 0% 50%,   rgba(192,189,184,.03) 0%, transparent 55%);
  background-size: 100% 100%, 100% 100%, 100% 100%;
}

body.theme-mybahrain > * { position: relative; z-index: 1; }

/* ── Headings ─────────────────────────────────────────────── */
body.theme-mybahrain h1,
body.theme-mybahrain h2,
body.theme-mybahrain h3,
body.theme-mybahrain h4 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--bh-pearl);
}

/* ── Site Header ──────────────────────────────────────────── */
body.theme-mybahrain .site-header {
  background: linear-gradient(135deg, #1a0a0e 0%, #2a0f14 60%, #1e0c10 100%);
  border-bottom: 2px solid var(--bh-border);
  box-shadow:
    0 4px 28px rgba(0,0,0,.6),
    0 0 40px rgba(206,17,38,.07);
  position: relative;
}

/* Bahrain flag zigzag accent on header */
body.theme-mybahrain .site-header::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background: linear-gradient(
    180deg,
    var(--bh-pearl) 0%, var(--bh-pearl) 10%,
    var(--bh-red) 10%, var(--bh-red) 20%,
    var(--bh-pearl) 20%, var(--bh-pearl) 30%,
    var(--bh-red) 30%, var(--bh-red) 40%,
    var(--bh-pearl) 40%, var(--bh-pearl) 50%,
    var(--bh-red) 50%, var(--bh-red) 60%,
    var(--bh-pearl) 60%, var(--bh-pearl) 70%,
    var(--bh-red) 70%, var(--bh-red) 80%,
    var(--bh-pearl) 80%, var(--bh-pearl) 90%,
    var(--bh-red) 90%, var(--bh-red) 100%
  );
}

/* Bahrain flag serrated edge on dashboard */
body.theme-mybahrain .stats-bar::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: repeating-linear-gradient(
    180deg,
    var(--bh-pearl) 0px, var(--bh-pearl) 8px,
    var(--bh-red) 8px, var(--bh-red) 16px
  );
  border-radius: 3px 0 0 3px;
}

body.theme-mybahrain .stats-bar {
  position: relative;
  overflow: hidden;
}

body.theme-mybahrain .site-header__title,
body.theme-mybahrain .site-header .logo {
  font-family: 'Oswald', sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--bh-pearl);
  text-shadow:
    0 0 10px rgba(206,17,38,.5),
    0 2px 4px rgba(0,0,0,.5);
}

body.theme-mybahrain .site-header .tagline {
  color: rgba(214,207,208,.5);
  font-size: .82rem;
}

/* ── Nav ──────────────────────────────────────────────────── */
body.theme-mybahrain .site-header__nav a,
body.theme-mybahrain .nav a,
body.theme-mybahrain .nav-link {
  color: rgba(214,207,208,.7);
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .07em;
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid transparent;
  transition: all .22s ease;
}

body.theme-mybahrain .site-header__nav a:hover,
body.theme-mybahrain .nav a:hover,
body.theme-mybahrain .nav-link:hover {
  color: var(--bh-pearl);
  border-color: var(--bh-red-dim);
  background: rgba(206,17,38,.08);
}

body.theme-mybahrain .site-header__nav a.active,
body.theme-mybahrain .nav a.active,
body.theme-mybahrain .nav-link.active {
  color: var(--bh-pearl);
  border-color: rgba(206,17,38,.5);
  background: rgba(206,17,38,.14);
  font-weight: 600;
}

/* ── Stat Cards ───────────────────────────────────────────── */
body.theme-mybahrain .stat-card {
  background: var(--bh-card);
  border: 1px solid var(--bh-border);
  border-radius: 12px;
  box-shadow:
    0 4px 18px rgba(0,0,0,.5),
    inset 0 1px 0 rgba(206,17,38,.08);
  position: relative;
  overflow: hidden;
}

body.theme-mybahrain .stat-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--bh-red), transparent);
}

body.theme-mybahrain .stat-value {
  font-family: 'Oswald', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--bh-silver);
  text-shadow: 0 0 12px rgba(192,189,184,.35);
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
}

body.theme-mybahrain .stat-label {
  font-family: 'Inter', sans-serif;
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--bh-text-dim);
}

/* ── Runner Cards ─────────────────────────────────────────── */
body.theme-mybahrain .runner-card {
  background: var(--bh-card);
  border: 1px solid rgba(206,17,38,.2);
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(0,0,0,.5);
  position: relative;
  overflow: hidden;
  transition: all .28s ease;
}

body.theme-mybahrain .runner-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--bh-red-mid), var(--bh-pearl), var(--bh-red-mid));
  opacity: .5;
  transition: opacity .28s ease;
}

body.theme-mybahrain .runner-card:hover {
  transform: translateY(-5px);
  border-color: rgba(206,17,38,.55);
  box-shadow:
    0 0 18px rgba(206,17,38,.2),
    0 8px 28px rgba(0,0,0,.55);
}

body.theme-mybahrain .runner-card:hover::before { opacity: 1; }

/* Avatar */
body.theme-mybahrain .runner-card .avatar,
body.theme-mybahrain .avatar {
  border: 3px solid var(--bh-red);
  box-shadow:
    0 0 8px rgba(206,17,38,.4),
    0 0 20px rgba(206,17,38,.15);
  transition: box-shadow .28s ease;
}

body.theme-mybahrain .runner-card:hover .avatar {
  box-shadow:
    0 0 14px rgba(206,17,38,.7),
    0 0 30px rgba(206,17,38,.3);
}

/* Name */
body.theme-mybahrain .runner-card .name {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--bh-pearl);
}

/* KM total */
body.theme-mybahrain .runner-card .km-total {
  color: var(--bh-silver);
  font-weight: 600;
  font-size: .88rem;
}

/* ── Streak ───────────────────────────────────────────────── */
body.theme-mybahrain .streak {
  background: rgba(206,17,38,.12);
  border: 1px solid rgba(206,17,38,.3);
  border-radius: 20px;
  padding: 4px 12px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  color: #ff7090;
  font-size: .88rem;
  letter-spacing: .04em;
}

body.theme-mybahrain .streak-fire {
  filter: drop-shadow(0 0 5px rgba(206,17,38,.9));
  animation: bahrainFirePulse .8s ease-in-out infinite alternate;
}

@keyframes bahrainFirePulse {
  from { filter: drop-shadow(0 0 4px rgba(206,17,38,.7)); }
  to   { filter: drop-shadow(0 0 10px rgba(255,50,80,.95)); }
}

/* ── Medal Badges ─────────────────────────────────────────── */
body.theme-mybahrain .medal-bronze {
  background: linear-gradient(135deg, #b87333, #8b5e3c);
  color: #fff;
  box-shadow: 0 0 8px rgba(184,115,51,.4);
}

body.theme-mybahrain .medal-silver {
  background: linear-gradient(135deg, #d0cdc8, #a0a0a0);
  color: #1a0a0e;
  box-shadow: 0 0 10px rgba(192,192,192,.5);
}

body.theme-mybahrain .medal-gold {
  background: linear-gradient(135deg, #e8c860, #DAA520, #c8940e);
  color: #1a0a0e;
  box-shadow: 0 0 14px rgba(218,165,32,.65), 0 0 28px rgba(218,165,32,.3);
  animation: bahrainGoldGlow 2s ease-in-out infinite;
}

@keyframes bahrainGoldGlow {
  0%, 100% { box-shadow: 0 0 14px rgba(218,165,32,.65), 0 0 28px rgba(218,165,32,.3); }
  50%       { box-shadow: 0 0 24px rgba(218,165,32,1.0), 0 0 48px rgba(218,165,32,.5); }
}

body.theme-mybahrain .medal-platinum {
  background: linear-gradient(135deg, var(--bh-pearl), var(--bh-silver));
  color: #1a0a0e;
  box-shadow: 0 0 12px rgba(192,189,184,.5);
}

body.theme-mybahrain .medal-diamond {
  background: linear-gradient(135deg, #ffd0d8, #CE1126, #8b0016);
  color: #fff;
  box-shadow: 0 0 16px rgba(206,17,38,.7), 0 0 32px rgba(206,17,38,.3);
  animation: bahrainDiamondGlow 1.8s ease-in-out infinite;
}

@keyframes bahrainDiamondGlow {
  0%, 100% { box-shadow: 0 0 16px rgba(206,17,38,.7), 0 0 32px rgba(206,17,38,.3); }
  50%       { box-shadow: 0 0 28px rgba(206,17,38,1.0), 0 0 56px rgba(206,17,38,.5); }
}

/* ── Bench Zone ───────────────────────────────────────────── */
body.theme-mybahrain .bench-zone {
  background: linear-gradient(135deg, rgba(22,10,13,.9), rgba(28,18,20,.9));
  border: 1px dashed rgba(74,64,64,.55);
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(0,0,0,.45);
}

body.theme-mybahrain .bench-zone h2,
body.theme-mybahrain .bench-zone h3 {
  color: var(--bh-grey);
  font-family: 'Oswald', sans-serif;
}

body.theme-mybahrain .bench-days {
  color: var(--bh-grey);
  font-weight: 600;
}

body.theme-mybahrain .runner-card--benched,
body.theme-mybahrain .bench-zone .runner-card {
  opacity: .55;
  background: rgba(20,12,14,.85);
  border-color: rgba(74,64,64,.35);
  filter: grayscale(.5);
  transform: scale(0.93);
}

body.theme-mybahrain .runner-card--benched:hover,
body.theme-mybahrain .bench-zone .runner-card:hover {
  opacity: .8;
  transform: scale(0.96);
  filter: grayscale(.25);
}

/* Bench speech bubble */
body.theme-mybahrain .bench-bubble {
  background: rgba(20,12,14,.95);
  border: 1px solid rgba(74,64,64,.45);
  color: var(--bh-text-dim);
  border-radius: 10px;
  font-size: .78rem;
  padding: 6px 12px;
}

/* ── Leaderboard ──────────────────────────────────────────── */
body.theme-mybahrain .leaderboard {
  background: var(--bh-card);
  border: 1px solid var(--bh-border);
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(0,0,0,.45);
  overflow: hidden;
}

body.theme-mybahrain .leaderboard__tab,
body.theme-mybahrain .leaderboard-tab {
  color: var(--bh-text-dim);
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 8px 16px;
  border-radius: 6px;
  border: none;
  background: transparent;
  transition: all .2s ease;
  cursor: pointer;
}

body.theme-mybahrain .leaderboard__tab--active,
body.theme-mybahrain .leaderboard-tab.active {
  background: rgba(206,17,38,.14);
  color: var(--bh-pearl);
  border: 1px solid rgba(206,17,38,.4);
  font-weight: 600;
}

body.theme-mybahrain .leaderboard__table th,
body.theme-mybahrain .leaderboard thead th {
  background: rgba(206,17,38,.07);
  color: var(--bh-silver);
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  border-bottom: 1px solid var(--bh-border);
  padding: 12px 16px;
}

body.theme-mybahrain .leaderboard__table td,
body.theme-mybahrain .leaderboard tbody td {
  color: var(--bh-text);
  border-bottom: 1px solid rgba(255,255,255,.04);
  padding: 12px 16px;
  font-family: 'Inter', sans-serif;
}

body.theme-mybahrain .leaderboard tbody tr:hover td {
  background: rgba(206,17,38,.05);
}

body.theme-mybahrain .leaderboard tbody tr:nth-child(1) td {
  color: var(--bh-pearl);
  background: rgba(206,17,38,.06);
}

body.theme-mybahrain .leaderboard tbody tr:nth-child(2) td {
  color: var(--bh-silver);
  background: rgba(192,189,184,.04);
}

body.theme-mybahrain .leaderboard tbody tr:nth-child(3) td {
  color: #c08050;
  background: rgba(184,115,51,.04);
}

/* ── Today Status Banner ──────────────────────────────────── */
body.theme-mybahrain .today-status__banner--active {
  background: linear-gradient(135deg, rgba(206,17,38,.15), rgba(42,21,24,.8));
  border: 1px solid rgba(206,17,38,.35);
  border-radius: 12px;
  color: #ff9090;
  box-shadow: 0 0 20px rgba(206,17,38,.12);
}

body.theme-mybahrain .today-status__banner--idle {
  background: rgba(22,10,13,.7);
  border: 1px solid rgba(74,64,64,.3);
  border-radius: 12px;
  color: var(--bh-text-dim);
}

/* ── Coming Soon Cards ────────────────────────────────────── */
body.theme-mybahrain .coming-soon__card,
body.theme-mybahrain .coming-soon .feature-card {
  background: var(--bh-card);
  border: 1px solid rgba(206,17,38,.15);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

body.theme-mybahrain .coming-soon__card::after,
body.theme-mybahrain .coming-soon .feature-card::after {
  background: rgba(206,17,38,.15);
  color: var(--bh-pearl);
}

/* ── Music Section ────────────────────────────────────────── */
body.theme-mybahrain .music-section {
  background: var(--bh-card);
  border: 1px solid var(--bh-border);
  border-radius: 14px;
}

body.theme-mybahrain .music-player {
  background: rgba(20,10,12,.7);
  border-radius: 10px;
  border: 1px solid rgba(206,17,38,.12);
}

body.theme-mybahrain .music-player .track-name {
  color: var(--bh-pearl);
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
}

body.theme-mybahrain .music-player .controls button {
  background: linear-gradient(135deg, var(--bh-red-mid), var(--bh-red));
  border: none;
  color: var(--bh-pearl);
  border-radius: 50%;
  transition: all .2s ease;
}

body.theme-mybahrain .music-player .controls button:hover {
  background: var(--bh-pearl);
  color: var(--bh-red);
  box-shadow: 0 0 14px rgba(192,189,184,.3);
}

/* ── Buttons ──────────────────────────────────────────────── */
body.theme-mybahrain .btn {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: 6px;
  font-size: .88rem;
  transition: all .22s ease;
}

body.theme-mybahrain .btn-primary {
  background: linear-gradient(135deg, var(--bh-red-mid), var(--bh-red));
  color: var(--bh-pearl);
  border: 1px solid rgba(206,17,38,.5);
  box-shadow: 0 2px 12px rgba(206,17,38,.25);
}

body.theme-mybahrain .btn-primary:hover {
  background: linear-gradient(135deg, var(--bh-red), #e0142a);
  color: #fff;
  box-shadow: 0 4px 20px rgba(206,17,38,.45);
  transform: translateY(-1px);
}

body.theme-mybahrain .btn-success {
  background: rgba(0,140,60,.18);
  color: #80ffb0;
  border: 1px solid rgba(0,160,70,.35);
}

body.theme-mybahrain .btn-success:hover {
  background: rgba(0,140,60,.3);
  box-shadow: 0 4px 14px rgba(0,140,60,.25);
  transform: translateY(-1px);
}

body.theme-mybahrain .btn-danger {
  background: rgba(180,20,20,.2);
  color: #ffa0a0;
  border: 1px solid rgba(200,30,30,.4);
}

body.theme-mybahrain .btn-danger:hover {
  background: rgba(206,17,38,.35);
  box-shadow: 0 4px 14px rgba(206,17,38,.3);
  transform: translateY(-1px);
}

/* ── Theme Switcher ───────────────────────────────────────── */
body.theme-mybahrain .theme-switcher button,
body.theme-mybahrain .theme-switcher__panel button {
  background: var(--bh-card);
  border: 1px solid rgba(206,17,38,.2);
  color: var(--bh-text-dim);
  border-radius: 6px;
  transition: all .2s ease;
}

body.theme-mybahrain .theme-switcher button:hover,
body.theme-mybahrain .theme-switcher__panel button:hover {
  border-color: rgba(206,17,38,.5);
  color: var(--bh-pearl);
  background: rgba(206,17,38,.08);
}

body.theme-mybahrain .theme-switcher button.active,
body.theme-mybahrain .theme-switcher button[data-theme="mybahrain"] {
  background: rgba(206,17,38,.15);
  border-color: var(--bh-red);
  color: var(--bh-pearl);
  box-shadow: 0 0 16px rgba(206,17,38,.25);
}

/* ── Footer ───────────────────────────────────────────────── */
body.theme-mybahrain .site-footer,
body.theme-mybahrain .footer {
  color: var(--bh-text-dim);
  border-top: 1px solid rgba(206,17,38,.1);
  font-family: 'Inter', sans-serif;
  font-size: .78rem;
}

/* ── Admin Cards ──────────────────────────────────────────── */
body.theme-mybahrain .admin-card {
  background: var(--bh-card);
  border: 1px solid var(--bh-border);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

body.theme-mybahrain .admin-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--bh-red), var(--bh-pearl), var(--bh-red), transparent);
}

body.theme-mybahrain .admin-card h3 {
  color: var(--bh-silver);
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* ── Forms ────────────────────────────────────────────────── */
body.theme-mybahrain .form-group label {
  color: var(--bh-text-dim);
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

body.theme-mybahrain .form-group input,
body.theme-mybahrain .form-group select,
body.theme-mybahrain .form-group textarea {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(206,17,38,.2);
  border-radius: 6px;
  color: var(--bh-text);
  font-family: 'Inter', sans-serif;
}

body.theme-mybahrain .form-group input:focus,
body.theme-mybahrain .form-group select:focus,
body.theme-mybahrain .form-group textarea:focus {
  border-color: var(--bh-red);
  background: rgba(206,17,38,.05);
  box-shadow: 0 0 0 3px rgba(206,17,38,.12);
  outline: none;
}

body.theme-mybahrain .form-group input::placeholder,
body.theme-mybahrain .form-group textarea::placeholder {
  color: rgba(122,106,110,.5);
}

/* ── Data Table ───────────────────────────────────────────── */
body.theme-mybahrain .data-table {
  background: var(--bh-card);
  border: 1px solid var(--bh-border);
  border-radius: 12px;
  overflow: hidden;
}

body.theme-mybahrain .data-table th {
  background: rgba(206,17,38,.07);
  color: var(--bh-silver);
  font-family: 'Oswald', sans-serif;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-bottom: 1px solid var(--bh-border);
}

body.theme-mybahrain .data-table td {
  color: var(--bh-text);
  border-bottom: 1px solid rgba(255,255,255,.04);
}

body.theme-mybahrain .data-table tr:hover td {
  background: rgba(206,17,38,.04);
}

/* ── Alerts ───────────────────────────────────────────────── */
body.theme-mybahrain .alert-success {
  background: rgba(0,160,60,.12);
  color: #80ffb0;
  border: 1px solid rgba(0,160,60,.3);
  border-radius: 10px;
}

body.theme-mybahrain .alert-error {
  background: rgba(206,17,38,.14);
  color: #ff9090;
  border: 1px solid rgba(206,17,38,.35);
  border-radius: 10px;
  box-shadow: 0 0 16px rgba(206,17,38,.1);
}

/* ── Running Track ────────────────────────────────────────── */
body.theme-mybahrain .running-track {
  background: linear-gradient(90deg,
    var(--bh-bg) 0%,
    rgba(42,21,24,.8) 20%,
    rgba(58,24,28,.6) 50%,
    rgba(42,21,24,.8) 80%,
    var(--bh-bg) 100%);
  border-top: 2px solid var(--bh-red-dim);
  border-bottom: 2px solid var(--bh-red-dim);
}

/* ── Stats Bar ────────────────────────────────────────────── */
body.theme-mybahrain .stats-bar {
  background: var(--bh-card);
  border: 1px solid var(--bh-border);
  border-radius: 14px;
  box-shadow:
    0 4px 20px rgba(0,0,0,.5),
    inset 0 1px 0 rgba(206,17,38,.07);
  position: relative;
  overflow: hidden;
}

body.theme-mybahrain .stats-bar::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--bh-red), var(--bh-pearl), var(--bh-red), transparent);
}

/* ── Modal ────────────────────────────────────────────────── */
body.theme-mybahrain .modal-content {
  background: var(--bh-card);
  border: 1px solid var(--bh-border);
  border-radius: 14px;
  box-shadow:
    0 0 40px rgba(206,17,38,.1),
    0 24px 60px rgba(0,0,0,.7);
}

body.theme-mybahrain .modal-header h2 {
  color: var(--bh-pearl);
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: .1em;
}

body.theme-mybahrain .modal-close {
  background: rgba(255,255,255,.05);
  color: var(--bh-text-dim);
}

body.theme-mybahrain .modal-close:hover {
  background: rgba(206,17,38,.15);
  color: var(--bh-pearl);
}