/* Multisites unique overrides — domain accent + readable UI */
:root {
  --copper: #7c9cff;
  --copper-2: #4b6fe8;
  --copper-glow: color-mix(in srgb, #7c9cff 18%, transparent);
  --ms-accent: #7c9cff;
  --text: #f2f4f8;
  --text-2: #c5cddb;
  --text-3: #8b95a8;
}
body, body[class*="_ae"], html body {
  color: #f2f4f8 !important;
}
h1, h2, h3, h4, h5, h6,
[class*="_ae-h1"], [class*="_ae-h2"], [class*="_ae-full__title"],
[class*="_ae-card__title"], [class*="_ae-lead"] {
  color: #f2f4f8 !important;
}
a, [class*="_ae-nav__a"], [class*="_ae-card__title"] a {
  color: #e8edf7 !important;
}
a:hover, a:focus {
  color: #7c9cff !important;
}
/* primary / copper buttons — dark readable text */
[class*="ae-btn--primary"],
[class*="ae-full__watch"],
[class*="ae-top__search-btn"],
[class*="ae-card__play"],
[class*="ae-card__badge--q"],
[class*="ae-brand__glyph"],
[class*="ae-searchbox"] input[type="button"],
[class*="ae-searchbox"] input[type="submit"],
[class*="ae-searchbox"] [class*="bbcodes"],
input[name="dosearch"], input#dosearch, input[id*="dosearch"] {
  color: #0a0c12 !important;
  -webkit-text-fill-color: #0a0c12 !important;
  background: linear-gradient(135deg, #7c9cff, #4b6fe8) !important;
}
input[name="dofullsearch"], input#dofullsearch, input[id*="dofullsearch"],
[class*="ae-searchbox"] input[type="button"] + input[type="button"] {
  background: #1b2030 !important;
  color: #f2f4f8 !important;
  -webkit-text-fill-color: #f2f4f8 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
[class*="ae-brand__name"] {
  background: linear-gradient(100deg, #fff 20%, #7c9cff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}


/* === catalog grid fix (force multi-col cards) === */
[class*="ae-catalog"], [class*="ae-grid"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  gap: 20px 14px !important;
  width: 100% !important;
}
[class*="ae-catalog"] > [class*="ae-card"],
[class*="ae-grid"] > [class*="ae-card"],
[class*="ae-catalog"] > article[class*="ae-card"] {
  grid-column: auto !important;
  max-width: 200px !important;
  width: 100% !important;
}
[class*="ae-catalog"] > [class*="ae-pagi"],
[class*="ae-catalog"] > nav,
[class*="ae-catalog"] > form {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}