/* POLITA_FLAT_CYAN_THEME_V1
   Presentation only. Never modify user cosmetics. */

html[data-polita-flat-theme="v1"] {
  color-scheme: dark;
  background: #090b0e !important;
}

html[data-polita-flat-theme="v1"] body {
  background: #090b0e !important;
  background-image: none !important;
  color: #f5f6f7 !important;
  font-family: "Rajdhani", sans-serif !important;
}

/* Permanent site theme: not controlled by user cosmetics */
html[data-polita-flat-theme="v1"] h1,
html[data-polita-flat-theme="v1"] h2,
html[data-polita-flat-theme="v1"] h3,
html[data-polita-flat-theme="v1"] h4,
html[data-polita-flat-theme="v1"] .home-polita-word {
  font-family: "Rajdhani", sans-serif !important;
  color: #f5f6f7;
  letter-spacing: .012em;
}

/* Flat homepage */
html[data-polita-flat-theme="v1"] .home-landing,
html[data-polita-flat-theme="v1"] .home-polita {
  background: #090b0e !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-polita-flat-theme="v1"] .home-landing::before,
html[data-polita-flat-theme="v1"] .home-landing::after {
  display: none !important;
  content: none !important;
}

/* Main UI panels: preserve actual badge and paint previews */
html[data-polita-flat-theme="v1"] .panel,
html[data-polita-flat-theme="v1"] .hero,
html[data-polita-flat-theme="v1"] .side-card,
html[data-polita-flat-theme="v1"] .module-card,
html[data-polita-flat-theme="v1"] .stat-card,
html[data-polita-flat-theme="v1"] .login-card,
html[data-polita-flat-theme="v1"] .feature,
html[data-polita-flat-theme="v1"] .v2-sidebar {
  background: #1a1d21 !important;
  background-image: none !important;
  border: 1px solid #34383e !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* Streamer Hub and site navigation */
html[data-polita-flat-theme="v1"] .topbar,
html[data-polita-flat-theme="v1"] .site-header,
html[data-polita-flat-theme="v1"] body > header {
  background: #101215 !important;
  background-image: none !important;
  border-color: #30353a !important;
  box-shadow: none !important;
}

html[data-polita-flat-theme="v1"] .nav a,
html[data-polita-flat-theme="v1"] .menu a,
html[data-polita-flat-theme="v1"] .side-nav a {
  color: #d9dde1;
  text-shadow: none !important;
}

html[data-polita-flat-theme="v1"] .nav a.active,
html[data-polita-flat-theme="v1"] .nav a:hover,
html[data-polita-flat-theme="v1"] .menu a.active,
html[data-polita-flat-theme="v1"] .side-nav a.active {
  color: #49dfff !important;
  border-color: #49dfff !important;
}

/* Polita cyan primary actions */
html[data-polita-flat-theme="v1"] .btn-primary,
html[data-polita-flat-theme="v1"] button.primary,
html[data-polita-flat-theme="v1"] .home-btn.primary,
html[data-polita-flat-theme="v1"] .home-btn.streamer-hub-red-home-btn {
  background: #49dfff !important;
  background-image: none !important;
  border: 1px solid #49dfff !important;
  color: #071015 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html[data-polita-flat-theme="v1"] .btn-primary:hover,
html[data-polita-flat-theme="v1"] button.primary:hover,
html[data-polita-flat-theme="v1"] .home-btn.primary:hover {
  background: #85ebff !important;
  border-color: #85ebff !important;
}

/* Secondary buttons */
html[data-polita-flat-theme="v1"] .home-btn:not(.primary):not(.streamer-hub-red-home-btn),
html[data-polita-flat-theme="v1"] .hub-btn,
html[data-polita-flat-theme="v1"] .platform-button {
  background: #24282d !important;
  background-image: none !important;
  border: 1px solid #3b4148 !important;
  color: #f5f6f7 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

html[data-polita-flat-theme="v1"] .home-btn:hover,
html[data-polita-flat-theme="v1"] .hub-btn:hover,
html[data-polita-flat-theme="v1"] .platform-button:hover {
  border-color: #49dfff !important;
}

/* Form fields, but not cosmetic previews */
html[data-polita-flat-theme="v1"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-polita-flat-theme="v1"] textarea,
html[data-polita-flat-theme="v1"] select {
  background-color: #101215;
  border-color: #383d44;
  color: #f5f6f7;
  border-radius: 7px;
}

html[data-polita-flat-theme="v1"] input:focus,
html[data-polita-flat-theme="v1"] textarea:focus,
html[data-polita-flat-theme="v1"] select:focus {
  outline-color: #49dfff;
}

/* Keep real rarity, collectible, badge and name paint
   effects separate from the permanent website theme. */

/* Accessibility */
html[data-polita-flat-theme="v1"] :focus-visible {
  outline: 2px solid #49dfff;
  outline-offset: 3px;
}



/* POLITA_FLAT_CYAN_REFINEMENT_V2 */
/* Homepage and Streamer Hub presentation only */

html[data-polita-page="home"] body,
html[data-polita-page="home"] body main,
html[data-polita-page="home"] body main section,
html[data-polita-page="home"] body .home-landing {
  background-color: #090b0e !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-polita-page="home"] body main section::before,
html[data-polita-page="home"] body main section::after {
  background-image: none !important;
  box-shadow: none !important;
}

/* Original Polita logo, not the international flag artwork */
html[data-polita-page="home"]
.polita-home-full-video-p-media-v24 {
  object-fit: contain !important;
  filter: none !important;
}

/* Homepage introduction cards */
html[data-polita-page="home"]
:is(.step-card,.steps-card,.home-step,
    .onboarding-card,.home-guide-card) {
  background: #1a1d21 !important;
  border: 1px solid #34383e !important;
  box-shadow: none !important;
}

/* Override Streamer Hub's high-specificity gradient rules */
html[data-polita-page="streamer-hub"]
body main.page :is(
  section.hero,
  .hero,
  .panel,
  .side-card,
  .module-card,
  .stat-card
) {
  background: #1a1d21 !important;
  background-image: none !important;
  border: 1px solid #34383e !important;
  box-shadow: none !important;
}

/* Remove decorative colour overlays */
html[data-polita-page="streamer-hub"]
body main.page :is(
  .hero,.panel,.side-card,.module-card,.stat-card
)::before,
html[data-polita-page="streamer-hub"]
body main.page :is(
  .hero,.panel,.side-card,.module-card,.stat-card
)::after {
  background-image: none !important;
  box-shadow: none !important;
}

/* Bot cards and dashboard cards */
html[data-polita-page="streamer-hub"]
body main.page :is(
  .hero article,
  .hero .card,
  .hero .bot-card,
  .hero [class*="bot-card"],
  .panel .stat-card,
  .panel .module-card
) {
  background: #202429 !important;
  background-image: none !important;
  border-color: #363c42 !important;
  box-shadow: none !important;
}

/* Consistent Rajdhani typography */
html[data-polita-page="streamer-hub"]
body main.page :is(h1,h2,h3,h4,button,.btn),
html[data-polita-page="home"]
body :is(h1,h2,h3,h4,button,.home-btn) {
  font-family: "Rajdhani", sans-serif !important;
}

/* Keep the real cosmetics and their effects untouched */