/**
 * DevMinds global theme — palette: مشکی، سفید، بنفش، زرد
 * Active theme: html[data-theme="dark"] | html[data-theme="light"]
 */

/* Peyda is reserved for semantic headings; the existing UI font remains the
 * default everywhere else. Every weight maps to its real font file. */
@font-face { font-family: "Peyda"; src: url("../public/fonts/peyda/Peyda-Thin.woff2") format("woff2"), url("../public/fonts/peyda/Peyda-Thin.ttf") format("truetype"); font-style: normal; font-weight: 100; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../public/fonts/peyda/peyda-extralight.woff2") format("woff2"), url("../public/fonts/peyda/peyda-extralight.ttf") format("truetype"); font-style: normal; font-weight: 200; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../public/fonts/peyda/peyda-light.woff2") format("woff2"), url("../public/fonts/peyda/peyda-light.ttf") format("truetype"); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../public/fonts/peyda/Peyda-Regular.woff2") format("woff2"), url("../public/fonts/peyda/Peyda-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../public/fonts/peyda/Peyda-Medium.woff2") format("woff2"), url("../public/fonts/peyda/Peyda-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../public/fonts/peyda/Peyda-SemiBold.woff2") format("woff2"), url("../public/fonts/peyda/Peyda-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../public/fonts/peyda/Peyda-Bold.woff2") format("woff2"), url("../public/fonts/peyda/Peyda-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../public/fonts/peyda/Peyda-ExtraBold.woff2") format("woff2"), url("../public/fonts/peyda/Peyda-ExtraBold.ttf") format("truetype"); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: "Peyda"; src: url("../public/fonts/peyda/Peyda-Black.woff2") format("woff2"), url("../public/fonts/peyda/Peyda-Black.ttf") format("truetype"); font-style: normal; font-weight: 900; font-display: swap; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Peyda", "iransansweb", sans-serif !important;
  font-synthesis: none;
}

:root {
  --dm-purple: #9e12b1;
  --dm-purple-deep: #7a0e8c;
  --dm-purple-rgb: 158, 18, 177;
  --dm-yellow: #67e8f9;
  --dm-yellow-soft: rgba(255, 215, 0, 0.15);
  --dm-black: #121212;
  --dm-black-elevated: #1b1e23;
  --dm-black-card: #23262d;
  --dm-white: #ffffff;
  --dm-gray-100: #f0f2f7;
  --dm-gray-600: #464749;
  --dm-gray-muted: #8f8f8f;
  --dm-border: rgba(255, 255, 255, 0.08);
  --dm-radius: 12px;
  --dm-transition: 0.25s ease;
}

/* ── Dark theme (default for نقشه راه) ─────────────────── */

html[data-theme="dark"] {
  --dm-bg: var(--dm-black);
  --dm-bg-elevated: var(--dm-black-elevated);
  --dm-bg-card: var(--dm-black-card);
  --dm-text: #e0e0e0;
  --dm-text-muted: #9a9a9a;
  --dm-text-heading: #ffffff;
  --dm-accent: var(--dm-yellow);
  --dm-brand: var(--dm-yellow);
  --dm-link: #7dd3fc;
  --dm-link-hover: #cffafe;
  --dm-header-top-bg: var(--dm-black-elevated);
  --dm-header-main-bg: var(--dm-black);
  --dm-header-link: #e0e0e0;
  --dm-header-link-hover: var(--dm-yellow);
  --dm-submenu-bg: var(--dm-black-card);
  --dm-submenu-text: #e0e0e0;
  --dm-btn-outline-border: rgba(255, 215, 0, 0.55);
  --dm-btn-outline-text: var(--dm-yellow);
  --dm-btn-outline-hover-bg: var(--dm-yellow);
  --dm-btn-outline-hover-text: var(--dm-black);
  --dm-basket-bg: var(--dm-black-card);
  --dm-banner-bg: linear-gradient(
    105deg,
    #0d0d0d 0%,
    #1a0a22 40%,
    #121212 100%
  );
  --dm-banner-accent: var(--dm-yellow);
  --dm-notice-bg: var(--dm-black-elevated);
  --dm-notice-text: var(--dm-yellow);
  --dm-notice-btn-bg: var(--dm-yellow);
  --dm-notice-btn-text: var(--dm-black);
  --dm-footer-bg: var(--dm-black-elevated);
  --dm-border-color: var(--dm-border);
  color-scheme: dark;
}

/* ── Light theme (classic site) ────────────────────────── */

html[data-theme="light"] {
  --dm-bg: var(--dm-white);
  --dm-bg-elevated: var(--dm-gray-100);
  --dm-bg-card: var(--dm-white);
  --dm-text: var(--dm-gray-600);
  --dm-text-muted: var(--dm-gray-muted);
  --dm-text-heading: var(--dm-gray-600);
  --dm-accent: var(--dm-purple);
  --dm-brand: var(--dm-purple);
  --dm-link: var(--dm-purple);
  --dm-link-hover: var(--dm-purple-deep);
  --dm-header-top-bg: var(--dm-gray-100);
  --dm-header-main-bg: var(--dm-white);
  --dm-header-link: var(--dm-gray-600);
  --dm-header-link-hover: var(--dm-purple);
  --dm-submenu-bg: var(--dm-white);
  --dm-submenu-text: var(--dm-gray-600);
  --dm-btn-outline-border: var(--dm-purple);
  --dm-btn-outline-text: var(--dm-purple);
  --dm-btn-outline-hover-bg: var(--dm-purple);
  --dm-btn-outline-hover-text: var(--dm-white);
  --dm-basket-bg: var(--dm-gray-100);
  --dm-banner-bg: linear-gradient(
    105deg,
    #f8f4fc 0%,
    #f0f2f7 50%,
    #faf8ff 100%
  );
  --dm-banner-accent: var(--dm-purple);
  --dm-notice-bg: var(--dm-gray-100);
  --dm-notice-text: var(--dm-purple-deep);
  --dm-notice-btn-bg: var(--dm-purple);
  --dm-notice-btn-text: var(--dm-white);
  --dm-footer-bg: var(--dm-gray-100);
  --dm-border-color: rgba(0, 0, 0, 0.08);
  color-scheme: light;
}

/* Pillar / نقشه راه aliases */
html[data-theme="dark"],
html[data-theme="light"] {
  --pillar-bg: var(--dm-bg);
  --pillar-surface: var(--dm-bg-elevated);
  --pillar-surface-elevated: var(--dm-bg-card);
  --pillar-border: var(--dm-border-color);
  --pillar-text: var(--dm-text);
  --pillar-text-muted: var(--dm-text-muted);
  --pillar-accent: var(--dm-accent);
  --pillar-accent-soft: var(--dm-yellow-soft);
  --pillar-accent-glow: rgba(255, 215, 0, 0.35);
}

html[data-theme="light"] {
  --pillar-bg: var(--dm-gray-100);
  --pillar-surface: var(--dm-white);
  --pillar-surface-elevated: var(--dm-white);
  --pillar-accent: var(--dm-purple);
  --pillar-accent-glow: rgba(158, 18, 177, 0.35);
  --pillar-accent-soft: rgba(158, 18, 177, 0.1);
  --pillar-heading: var(--dm-gray-600);
  --pillar-hover-fg: var(--dm-purple-deep);
  --pillar-code-pre-bg: #f4f5f7;
  --pillar-series-active-fg: var(--dm-gray-600);
  --pillar-series-active-part-fg: var(--dm-white);
  --pillar-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

html[data-theme="dark"] {
  --pillar-heading: #ffffff;
  --pillar-hover-fg: #ffffff;
  --pillar-code-pre-bg: #0d0d0d;
  --pillar-series-active-fg: #ffffff;
  --pillar-series-active-part-fg: #121212;
  --pillar-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

/* ── Global body & links ───────────────────────────────── */

html[data-theme] body {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text) !important;
  transition:
    background-color var(--dm-transition),
    color var(--dm-transition);
}

html[data-theme] a {
  transition:
    color var(--dm-transition),
    background-color var(--dm-transition),
    border-color var(--dm-transition);
}

html[data-theme] code {
  color: var(--dm-accent) !important;
}

/* ── Header (dark only — light uses style-v4.css) ──────── */

html[data-theme="dark"] .header__Top {
  background-color: var(--dm-header-top-bg) !important;
}

html[data-theme="dark"] .header__Top-Links,
html[data-theme="dark"] .header__Top-Email-Icon,
html[data-theme="dark"] .header__Top-Phone-Icon {
  color: var(--dm-header-link) !important;
}

html[data-theme="dark"] .header__Top-Links:hover {
  color: var(--dm-header-link-hover) !important;
}

html[data-theme="dark"] .header__Top-Links.is-active,
html[data-theme="dark"] .header__Top-Items.is-active > .header__Top-Links {
  color: var(--dm-accent, #ffd700) !important;
  font-weight: 700;
}

html[data-theme="dark"] .header__Top-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .main-Header__Content {
  background-color: var(--dm-header-main-bg) !important;
  border-bottom: 1px solid var(--dm-border-color);
}

html[data-theme="dark"] .main-Header__Links {
  color: var(--dm-header-link) !important;
}

html[data-theme="dark"] .main-Header__Links:hover,
html[data-theme="dark"] .main-Header__Items:hover > .main-Header__Links {
  color: var(--dm-header-link-hover) !important;
}

html[data-theme="dark"] .main-Header__Chevron {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .main-Header__SubMenu {
  background-color: var(--dm-submenu-bg) !important;
  border-color: var(--dm-border-color) !important;
  border-bottom-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .main-Header__SubMenu-Link {
  color: var(--dm-submenu-text) !important;
}

html[data-theme="dark"] .main-Header__SubMenu-Link:hover {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .main-Header__Login {
  border-color: var(--dm-btn-outline-border) !important;
  color: var(--dm-btn-outline-text) !important;
  background: transparent !important;
}

html[data-theme="dark"] .main-Header__Login:hover {
  background-color: var(--dm-btn-outline-hover-bg) !important;
  color: var(--dm-btn-outline-hover-text) !important;
}

html[data-theme="dark"] .main-Header__Basket {
  background-color: var(--dm-basket-bg) !important;
}

html[data-theme="dark"] .main-Header__Basket-Circle {
  background-color: var(--dm-black) !important;
  color: var(--dm-accent) !important;
  border: 1px solid var(--dm-accent) !important;
}

html[data-theme="dark"] .main-Header__Basket-Icon {
  color: var(--dm-header-link) !important;
}

html[data-theme="dark"] .HamburgerMenu {
  color: var(--dm-header-link) !important;
}

/* ── Header (light — classic layout from style-v4) ─────── */

html[data-theme="light"] .header__Top {
  background-color: #f0f2f7 !important;
}

html[data-theme="light"] .header__Top-Links,
html[data-theme="light"] .header__Top-Email-Icon,
html[data-theme="light"] .header__Top-Phone-Icon {
  color: #464749 !important;
}

html[data-theme="light"] .header__Top-Links:hover {
  color: #9e12b1 !important;
}

html[data-theme="light"] .header__Top-Links.is-active,
html[data-theme="light"] .header__Top-Items.is-active > .header__Top-Links {
  color: #9e12b1 !important;
  font-weight: 700;
}

html[data-theme="light"] .header__Top-Icon {
  color: rgb(158, 18, 177) !important;
}

html[data-theme="light"] .main-Header,
html[data-theme="light"] .main-Header__Content {
  background-color: #ffffff !important;
}

html[data-theme="light"] .main-Header__Content {
  border-bottom: none !important;
}

@media only screen and (min-width: 993px) {
  html[data-theme="light"] .main-Header__Content {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  html[data-theme="light"] .main-Header__Content-Right {
    width: auto !important;
    max-width: none !important;
    border-top: none !important;
    padding: 0 !important;
  }
}

html[data-theme="light"] .main-Header__Links {
  color: #464749 !important;
}

html[data-theme="light"] .main-Header__Links:hover,
html[data-theme="light"] .main-Header__Items:hover > .main-Header__Links {
  color: #9e12b1 !important;
}

html[data-theme="light"] .main-Header__Chevron {
  color: #464749 !important;
}

html[data-theme="light"] .main-Header__SubMenu {
  background-color: #fff !important;
  border: 1px solid #eee !important;
  border-bottom: 3px solid rgb(158, 18, 177) !important;
}

html[data-theme="light"] .main-Header__SubMenu-Link {
  color: #464749 !important;
}

html[data-theme="light"] .main-Header__SubMenu-Link:hover {
  color: #9e12b1 !important;
}

html[data-theme="light"] .main-Header__Login {
  border: 1px solid rgb(158, 18, 177) !important;
  color: rgb(158, 18, 177) !important;
  background: #ffffff !important;
}

html[data-theme="light"] .main-Header__Login:hover {
  background-color: rgb(158, 18, 177) !important;
  color: #fff !important;
}

html[data-theme="light"] .main-Header__Basket {
  background-color: #f0f2f7 !important;
}

html[data-theme="light"] .main-Header__Basket-Circle {
  background-color: #9e12b1 !important;
  color: #fff !important;
  border: none !important;
}

html[data-theme="light"] .main-Header__Basket-Icon {
  color: #464749 !important;
}

html[data-theme="light"] .HamburgerMenu {
  color: #000 !important;
}

html[data-theme="light"] .HamburgerMenu:hover {
  color: rgb(158, 18, 177) !important;
}

/* ── Guides nav — مقالات + مسیر رشد (inline, same row as other items) ── */
.main-Header__Links--guides-path {
  white-space: nowrap;
}

/* ── Header nav active (current page) ─────────────────────── */
html[data-theme="light"] .main-Header__Links.is-active,
html[data-theme="light"] .main-Header__Items.is-active > .main-Header__Links {
  color: #9e12b1 !important;
  font-weight: 700;
}

html[data-theme="light"] .main-Header__SubMenu-Link.is-active,
html[data-theme="light"]
  .main-Header__SubMenu-Items.is-active
  > .main-Header__SubMenu-Link {
  color: #9e12b1 !important;
  font-weight: 700;
}

html[data-theme="dark"] .main-Header__Links.is-active,
html[data-theme="dark"] .main-Header__Items.is-active > .main-Header__Links {
  color: var(--dm-accent, #ffd700) !important;
  font-weight: 700;
}

html[data-theme="dark"] .main-Header__SubMenu-Link.is-active,
html[data-theme="dark"]
  .main-Header__SubMenu-Items.is-active
  > .main-Header__SubMenu-Link {
  color: var(--dm-accent, #ffd700) !important;
  font-weight: 700;
}

.main-Header__Items.is-active > .main-Header__Chevron {
  color: inherit;
}

html[data-theme="light"]
  .Menu-Hamburger__SubItem-Links.is-active
  .Menu-Hamburger__Item-Text,
html[data-theme="light"]
  .Menu-Hamburger__SubItem-Links.is-active
  .Menu-Hamburger__Item-Icon {
  color: #9e12b1 !important;
  font-weight: 700;
}

html[data-theme="dark"]
  .Menu-Hamburger__SubItem-Links.is-active
  .Menu-Hamburger__Item-Text,
html[data-theme="dark"]
  .Menu-Hamburger__SubItem-Links.is-active
  .Menu-Hamburger__Item-Icon {
  color: var(--dm-accent, #ffd700) !important;
  font-weight: 700;
}

html[data-theme="light"] .Menu-Hamburger__Content {
  background: #fff !important;
  color: #464749 !important;
}

html[data-theme="light"] .Menu-Hamburger__Item-Links,
html[data-theme="light"] .Menu-Hamburger__SubItem-Links {
  color: #6b6b6b !important;
}

html[data-theme="light"] .Menu-Hamburger__Item-Icon {
  color: rgb(158, 18, 177) !important;
}

/* ── Banner & notice ───────────────────────────────────── */

/* Dark theme: yellow accent on dark promo strip */
html[data-theme="dark"] .banner-spring {
  background: var(--dm-banner-bg) !important;
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .notice-bar {
  background: var(--dm-notice-bg) !important;
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .notice-text {
  color: var(--dm-notice-text) !important;
}

html[data-theme="dark"] .notice-btn {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.35) !important;
}

html[data-theme="dark"] .spring-title,
html[data-theme="dark"] .spring-message {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .banner-icon-wrap i {
  color: var(--dm-banner-accent) !important;
}

/* Light theme: keep classic dark green promo + light gray/white header below */
html[data-theme="light"] .banner-spring {
  background: linear-gradient(
    105deg,
    #0d1b2a 0%,
    #1a1035 35%,
    #162a1a 70%,
    #0d1b2a 100%
  ) !important;
  border-bottom: 1px solid rgba(124, 255, 150, 0.18) !important;
  box-shadow:
    0 2px 40px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(124, 255, 150, 0.08) !important;
}

html[data-theme="light"] .notice-bar {
  background: linear-gradient(90deg, #0f172a, #111827) !important;
  border-bottom: 1px solid rgba(124, 255, 150, 0.15) !important;
}

html[data-theme="light"] .notice-text {
  color: #a8ffca !important;
}

html[data-theme="light"] .notice-btn {
  background: linear-gradient(135deg, #7dffaa, #4ade80) !important;
  color: #022c22 !important;
  box-shadow: 0 0 12px rgba(100, 220, 130, 0.25) !important;
}

html[data-theme="light"] .spring-title {
  color: #b8ffd0 !important;
}

html[data-theme="light"] .spring-message {
  color: rgba(200, 220, 210, 0.8) !important;
}

html[data-theme="light"] .banner-icon-wrap i {
  color: #7dffaa !important;
}

html[data-theme="light"] .banner-cta {
  background: linear-gradient(
    135deg,
    rgba(100, 220, 130, 0.18),
    rgba(100, 220, 130, 0.08)
  ) !important;
  border: 1px solid rgba(100, 220, 130, 0.3) !important;
  color: #7dffaa !important;
  box-shadow: 0 0 20px rgba(100, 220, 130, 0.06) !important;
}

html[data-theme="light"] .banner-cta:hover {
  background: linear-gradient(
    135deg,
    rgba(100, 220, 130, 0.28),
    rgba(100, 220, 130, 0.14)
  ) !important;
  border-color: rgba(100, 220, 130, 0.55) !important;
  color: #a8ffca !important;
}

html[data-theme="dark"] .banner-cta {
  background: var(--dm-yellow-soft) !important;
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.15) !important;
}

html[data-theme="dark"] .banner-cta:hover {
  background: rgba(255, 215, 0, 0.25) !important;
  color: #fff !important;
}

/* ── Footer ────────────────────────────────────────────── */

html[data-theme] .footer {
  background-color: var(--dm-footer-bg) !important;
  border-top: 1px solid var(--dm-border-color);
}

html[data-theme] .footer__Title,
html[data-theme] .footer__Description,
html[data-theme] .footer__Blog-Link,
html[data-theme] .footer__CopyRight-Text {
  color: var(--dm-text) !important;
}

html[data-theme] .footer a:hover {
  color: var(--dm-accent) !important;
}

/* ── Hamburger menu (dark; light uses block above) ─────── */

html[data-theme="dark"] .Menu-Hamburger__Content {
  background: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .Menu-Hamburger__Item-Links,
html[data-theme="dark"] .Menu-Hamburger__SubItem-Links {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .Menu-Hamburger__Item-Icon {
  color: var(--dm-brand) !important;
}

html[data-theme] .Menu-Hamburger__DarkPage {
  background: rgba(0, 0, 0, 0.6) !important;
}

/* ── Main content cards (blog etc.) ───────────────────── */

html[data-theme="dark"] .Blog__Right-Article,
html[data-theme="dark"] .adminDashboard,
html[data-theme="dark"] .consulting__Main {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .Blog__Right-Article-MainTitle,
html[data-theme="dark"] .Blog__Right-Article-Items-Head {
  color: #ffd700 !important;
}

html[data-theme="dark"] .Blog__Right-Article-Description-Text,
html[data-theme="dark"] .Blog__Right-Article-Items-Description,
html[data-theme="dark"] .Blog__Right-Article-Item-Text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .Blog__Right-Article-Items-Description a,
html[data-theme="dark"] .Blog__Right-Article-Description-Text a {
  color: var(--dm-accent) !important;
}

/* ── Breadcrumb (site-wide) ────────────────────────────── */

html[data-theme="dark"] .breadcrumb {
  background-color: var(--dm-bg-card) !important;
  border: 1px solid var(--dm-border-color);
}

html[data-theme="dark"] .breadcrumb-Content-Home-Link {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .breadcrumb-Content-Home-Icon,
html[data-theme="dark"] .breadcrumb-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .breadcrumb-Link {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .breadcrumb-Link:hover,
html[data-theme="dark"] .breadcrumb-Item:last-child .breadcrumb-Link {
  color: var(--dm-accent) !important;
}

/* ── Section titles (site-wide) ────────────────────────── */

html[data-theme="dark"] .Section__Title::before {
  background-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Section__Title-Header,
html[data-theme="dark"] .Section__Title__Title-Description {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .Section__Title-Header::after {
  background-color: var(--dm-yellow-soft) !important;
}

/* ── Course single page (.coursePage) ──────────────────── */

html[data-theme="dark"] .coursePage__Information,
html[data-theme="dark"] .coursePage__Description-Box-Item,
html[data-theme="dark"] .coursePage__Description-ProgressBar,
html[data-theme="dark"] .coursePage__Description-Introduce,
html[data-theme="dark"] .introduction,
html[data-theme="dark"] .coursePage__Teacher,
html[data-theme="dark"] .coursePage__Student,
html[data-theme="dark"] .coursePage__StudentInfo,
html[data-theme="dark"] .coursePage__ShortLink {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .coursePage__Information-info-Title,
html[data-theme="dark"] .introduction__Title,
html[data-theme="dark"] .introduction__Title.Section__Title-Header {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .coursePage__Information-info-Description,
html[data-theme="dark"] .introduction__Description,
html[data-theme="dark"] .introduction__Description p,
html[data-theme="dark"] .introduction__Description li,
html[data-theme="dark"] .coursePage__Teacher-Description-Text,
html[data-theme="dark"] .coursePage__Description-Box-Text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .coursePage__Information-info-Link {
  background-color: var(--dm-yellow-soft) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .coursePage__Information-info-socialMedia-Icon {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .coursePage__Information-info-socialMedia-Icon:hover {
  color: var(--dm-accent) !important;
}

/* Full-stack upsell notice inside a single-course page stays readable on yellow. */
html[data-theme="dark"] .coursePage__Information > .row > .bg-warning,
html[data-theme="dark"] .coursePage__Information > .row > .bg-warning a,
html[data-theme="dark"] .coursePage__Information > .row > .bg-warning * {
  color: #111 !important;
}

html[data-theme="dark"] .coursePage__Information > .row > .bg-warning a:hover {
  color: #000 !important;
  text-decoration: underline;
}

html[data-theme="dark"] .coursePage__Teacher-Header-Text-Persion,
html[data-theme="dark"] .coursePage__Teacher-Header-Text-English {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .coursePage__Teacher-Header-Left-Link {
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
  background-color: transparent !important;
}

html[data-theme="dark"] .coursePage__Teacher-Header-Left-Link:hover {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .coursePage__Description-Box-Icon-shape,
html[data-theme="dark"] .coursePage__Description-Box-Text-Key {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .coursePage__Description-Box-Text-Value,
html[data-theme="dark"] .coursePage__Description-ProgressBar-Text,
html[data-theme="dark"] .coursePage__Description-ProgressBar-Icon,
html[data-theme="dark"] .coursePage__Description-ProgressBar-value {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"]
  .coursePage__Description-ProgressBar-Chart
  .progress-bar {
  background-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .coursePage__Student-Box {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .coursePage__Student-Icon {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .coursePage__StudentInfo-Top {
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .coursePage__StudentInfo-Top-Icon,
html[data-theme="dark"] .coursePage__StudentInfo-Top-Student,
html[data-theme="dark"] .coursePage__StudentInfo-Bottom-Item,
html[data-theme="dark"] .coursePage__StudentInfo-Bottom-Description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .coursePage__StudentInfo-Top-Number {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .coursePage__StudentInfo-Bottom-Vertical {
  background-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .coursePage__ShortLink-Top-Icon,
html[data-theme="dark"] .coursePage__ShortLink-Top-Link,
html[data-theme="dark"] .coursePage__ShortLink-Buttom-Link {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .coursePage .text-primary {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .coursePage .text-danger {
  color: #f87171 !important;
}

html[data-theme="dark"] .coursePage .text-success {
  color: #4ade80 !important;
}

html[data-theme="dark"] .introduction__Links-Item {
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
  background: transparent !important;
}

html[data-theme="dark"] .introduction__Links-Item:hover {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .coursePage .accordion-item {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .coursePage .accordion-button {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .coursePage .accordion-button:not(.collapsed) {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .coursePage .accordion-body {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .coursePage .accordion__number {
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .coursePage .accordion__Icon,
html[data-theme="dark"] .coursePage .accordion__Time,
html[data-theme="dark"] .coursePage .accordion__Title {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .coursePage .accordion__Title:hover {
  color: var(--dm-accent) !important;
}

/* ── Shopping cart: showcart / showcart1 / showcart2 ───── */

html[data-theme="dark"] .showCart__Content {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .showCart__Path-circle-Text {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"]
  .showCart__Path-circle.active
  .showCart__Path-circle-Item {
  background-color: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"]
  .showCart__Path-circle.active
  .showCart__Path-circle-Text {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"]
  .showCart__Path-Dotted.active
  .showCart__Path-Dotted-Dash,
html[data-theme="dark"] .showCart__Line.active .showCart__Line-Item {
  background-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .showCart__Path-circle-Item {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .showCart__Info-Table-Thead,
html[data-theme="dark"] .showCart__Info-Table-Thead th {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-accent) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .showCart .table {
  --bs-table-bg: var(--dm-bg-card);
  --bs-table-color: var(--dm-text);
  --bs-table-border-color: var(--dm-border-color);
  --bs-table-striped-bg: var(--dm-bg-elevated);
  --bs-table-striped-color: var(--dm-text);
}

html[data-theme="dark"] .showCart__Info-Row {
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .showCart__Info-Row-Delete {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .showCart__Price-Final {
  background-color: rgba(74, 222, 128, 0.12) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .showCart__Price-Text,
html[data-theme="dark"] .showCart__Price-Text-Value {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .showCart__Btn-Failue {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-accent) !important;
  border: 1px solid var(--dm-border-color);
}

html[data-theme="dark"] .showCart__Btn-Success {
  background-color: #16a34a !important;
  color: #fff !important;
}

html[data-theme="dark"] .showCart1__Discount,
html[data-theme="dark"] .showCart1__Pay-content,
html[data-theme="dark"] .showCart1__Table,
html[data-theme="dark"] .showcart2_Order-Content,
html[data-theme="dark"] .showcart2_Info-Content,
html[data-theme="dark"] .showcart2_Profile-Content,
html[data-theme="dark"] .showcart2__Bank-Content,
html[data-theme="dark"] .showcart2_getGift {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .showCart1__Header-Title,
html[data-theme="dark"] .showCart1__Details-text,
html[data-theme="dark"] .showCart1__Info-Title,
html[data-theme="dark"] .showCart1__Pay-Title,
html[data-theme="dark"] .showCart1__Rule-Title,
html[data-theme="dark"] .showcart2_Order-Title,
html[data-theme="dark"] .showcart2_Info-Title,
html[data-theme="dark"] .showcart2_Profile-Text,
html[data-theme="dark"] .showcart2_Gift-Title {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .showCart1__Label-Text,
html[data-theme="dark"] .showcart2_Order-Item-Key,
html[data-theme="dark"] .showcart2_Order-Item-Value,
html[data-theme="dark"] .showcart2_Gift-SubTitle,
html[data-theme="dark"] .showcart2_Info-Item-Key,
html[data-theme="dark"] .showcart2_Info-Item-Value {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .showCart1__Header-Input,
html[data-theme="dark"] .showCart1__Input,
html[data-theme="dark"] .showcart2__Bank-User-Input {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .showCart1__Header-Input:focus {
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .showCart1__Header-Button,
html[data-theme="dark"] .showCart1__Rule-Pay,
html[data-theme="dark"] .showcart2_getGift-Btn-Text,
html[data-theme="dark"] .showcart2__Bank-Btn,
html[data-theme="dark"] .showcart2_Info-Link {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .showCart1__Items-Details-Icon,
html[data-theme="dark"] .showCart1__Items-Details-Link,
html[data-theme="dark"] .showcart2_Gift-Content-Box-Number,
html[data-theme="dark"] .showcart2_getGift-Text-Gift {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .showCart1__Pay-Key,
html[data-theme="dark"] .showCart1__Pay-Value,
html[data-theme="dark"] .showCart1__Item-Row {
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .showCart1__Pay-Discount {
  background-color: rgba(248, 113, 113, 0.15) !important;
  color: #fca5a5 !important;
}

html[data-theme="dark"] .showCart1__Pay-Gift {
  background-color: var(--dm-yellow-soft) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .showCart1__Pay-KifPol {
  background-color: rgba(255, 215, 0, 0.12) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .showCart1__Pay-Payment {
  background-color: rgba(74, 222, 128, 0.12) !important;
  color: #4ade80 !important;
}

html[data-theme="dark"] .showcart2_Order-Content-Title {
  color: #4ade80 !important;
}

html[data-theme="dark"] .showcart2__table-head {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .showcart2__table-item {
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .showcart2__table-item-debt {
  background-color: rgba(248, 113, 113, 0.12) !important;
  color: #fca5a5 !important;
}

html[data-theme="dark"] .showcart2__table-item.pay {
  background-color: rgba(74, 222, 128, 0.12) !important;
  color: #4ade80 !important;
}

html[data-theme="dark"] .showcart2__Bank-User-Pay-Select {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

/* ── Comments (course, blog, landing) ──────────────────── */

html[data-theme="dark"] .comments__Content {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .comments__Content-Header,
html[data-theme="dark"] .comments__Content-Header-Icon,
html[data-theme="dark"] .comments__Content-Header-Value,
html[data-theme="dark"] .comments__Content-Like-Icon,
html[data-theme="dark"] .comments__Content-Like-Text {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .comments__Content-Box,
html[data-theme="dark"] .comments__Content-Box-admin {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .comments__Content-Name-Family,
html[data-theme="dark"] .comments__Content-Name-Date,
html[data-theme="dark"] .comments__Content-Text-Description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .comments__Content-Image {
  background-color: var(--dm-bg-card) !important;
}

html[data-theme="dark"] .Comments-articles-Title,
html[data-theme="dark"] .Comments-articles-Description,
html[data-theme="dark"] .Comments-articles-User {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .Comments-articles-Link {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Comments-articles-Text {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .Btn,
html[data-theme="dark"] .Comments-articles-Button.Btn {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .Btn-Text {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .Pagination__Item {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .Pagination__Item-Link,
html[data-theme="dark"] a.Pagination__Item-Link {
  color: var(--dm-text) !important;
  background-color: transparent !important;
}

html[data-theme="dark"] .Pagination__Item-Link:hover,
html[data-theme="dark"] a.Pagination__Item-Link:hover {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .Pagination__Item-Link--active,
html[data-theme="dark"] a.Pagination__Item-Link--active {
  background-color: var(--dm-black) !important;
  color: var(--dm-accent) !important;
  border: 1px solid var(--dm-accent) !important;
  box-shadow: 0 0 12px var(--dm-yellow-soft);
}

/* Category listing — override category-filters.css light pagination */
html[data-theme="dark"] .category__Pagination .Pagination__Item-Link {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border-color) !important;
}

html[data-theme="dark"] .category__Pagination .Pagination__Item-Link:hover {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .category__Pagination .Pagination__Item-Link--active {
  background: var(--dm-black) !important;
  color: var(--dm-accent) !important;
  border: 1px solid var(--dm-accent) !important;
  box-shadow: 0 0 12px var(--dm-yellow-soft);
}

/* Section headers (suggest__Header) — yellow box, black text in dark */
html[data-theme="dark"] .suggest__Header-Icons {
  background-color: var(--dm-accent) !important;
  border: 1px solid var(--dm-accent) !important;
}

html[data-theme="dark"] .suggest__Header-Icons-Item {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .suggest__Header-More {
  background-color: var(--dm-accent) !important;
  border: 1px solid var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .suggest__Header-More-Icon,
html[data-theme="dark"] .suggest__Header-More-Icon:hover {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .suggest__Header-More-Text {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .suggest__Header-Text-Title {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .suggest__Header-Text-SubTitle {
  color: var(--dm-text-muted) !important;
}

/* Special courses section — dark theme (no purple; black + yellow accents) */
html[data-theme="dark"] .special-courses-section {
  background:
    linear-gradient(180deg, #050505 0%, #0a0a0a 30%, #0f0f0f 60%, #121212 100%),
    radial-gradient(
      circle at 20% 80%,
      rgba(255, 215, 0, 0.05) 0%,
      transparent 60%
    ),
    radial-gradient(
      circle at 80% 20%,
      rgba(255, 255, 255, 0.03) 0%,
      transparent 60%
    ),
    radial-gradient(
      circle at 50% 50%,
      rgba(255, 215, 0, 0.03) 0%,
      transparent 70%
    ) !important;
}

html[data-theme="dark"] .special-courses-section::before {
  background:
    radial-gradient(
      circle at 20% 80%,
      rgba(255, 215, 0, 0.06) 0%,
      transparent 60%
    ),
    radial-gradient(
      circle at 80% 20%,
      rgba(255, 255, 255, 0.03) 0%,
      transparent 60%
    ),
    radial-gradient(circle at 40% 40%, rgba(0, 0, 0, 0.65) 0%, transparent 60%),
    radial-gradient(
      circle at 60% 60%,
      rgba(255, 215, 0, 0.04) 0%,
      transparent 70%
    );
}

html[data-theme="dark"] .special-courses-section::after {
  opacity: 0.65;
  background-image:
    radial-gradient(1px 1px at 20px 30px, rgba(255, 215, 0, 0.22), transparent),
    radial-gradient(1px 1px at 40px 70px, rgba(255, 215, 0, 0.12), transparent),
    radial-gradient(
      1px 1px at 90px 40px,
      rgba(255, 255, 255, 0.08),
      transparent
    ),
    radial-gradient(
      1px 1px at 130px 80px,
      rgba(255, 215, 0, 0.15),
      transparent
    ),
    radial-gradient(
      1px 1px at 160px 30px,
      rgba(255, 255, 255, 0.07),
      transparent
    ),
    radial-gradient(1px 1px at 200px 60px, rgba(0, 0, 0, 0.45), transparent),
    radial-gradient(1px 1px at 250px 90px, rgba(255, 215, 0, 0.1), transparent),
    radial-gradient(
      1px 1px at 50px 20px,
      rgba(255, 255, 255, 0.14),
      transparent
    ),
    radial-gradient(
      1px 1px at 120px 50px,
      rgba(255, 255, 255, 0.1),
      transparent
    ),
    radial-gradient(
      1px 1px at 180px 30px,
      rgba(255, 255, 255, 0.11),
      transparent
    ),
    radial-gradient(1px 1px at 220px 70px, rgba(0, 0, 0, 0.35), transparent),
    linear-gradient(
      45deg,
      transparent 48%,
      rgba(255, 215, 0, 0.03) 49%,
      rgba(255, 215, 0, 0.03) 51%,
      transparent 52%
    ),
    linear-gradient(
      -45deg,
      transparent 48%,
      rgba(255, 255, 255, 0.02) 49%,
      rgba(255, 255, 255, 0.02) 51%,
      transparent 52%
    );
  background-repeat: repeat;
  background-size:
    300px 150px,
    200px 200px,
    200px 200px;
}

html[data-theme="dark"] .special-courses-section .section-header::before {
  background: radial-gradient(
    ellipse at center,
    rgba(255, 215, 0, 0.07) 0%,
    transparent 72%
  );
}

html[data-theme="dark"] .special-courses-section .section-title,
html[data-theme="dark"] #special-courses-title {
  color: #f5f5f5;
  text-shadow:
    0 2px 12px rgba(0, 0, 0, 0.9),
    0 0 24px rgba(255, 215, 0, 0.12);
}

html[data-theme="dark"] .special-courses-section .section-subtitle {
  color: rgba(255, 255, 255, 0.72);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* ── Course grid cards: price block at card bottom ─────── */

html[data-theme] .Courses__Content-Main {
  display: flex;
  flex-direction: column;
}

html[data-theme] .Courses__Content-Bottom {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

html[data-theme] .Courses__Content-Meta {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-height: 7.5rem;
  justify-content: flex-start;
}

html[data-theme] .Courses__Content-Cost {
  margin-top: 0 !important;
  padding-top: 0;
  /* Keep the student count on one baseline whether discount row exists or not. */
  min-height: 4.9rem;
  justify-content: flex-start;
}

html[data-theme] .Courses__Content-Meta .Courses__Content-Price {
  margin: 0;
}

html[data-theme] .Courses__Content-Cost-Main--placeholder {
  visibility: hidden;
  pointer-events: none;
}

/* Swiper course cards: equal height without inner gaps / overflow */
.swiper2.swiper-container,
.swiper.swiper2 {
  padding: 1rem 0.75rem 1.25rem;
  box-sizing: border-box;
}

.swiper2 .swiper-slide {
  display: flex;
  height: auto;
  align-items: stretch;
  box-sizing: border-box;
}

.swiper2 .swiper-wrapper {
  align-items: stretch;
}

.swiper2 .swiper-slide > .Courses__Content-Main {
  margin: 0;
  height: 100%;
  min-height: 0;
}

.swiper2 .Courses__Content-Swiper {
  margin: 0 !important;
}

.popular__Content .swiper2,
.presell__Content .swiper2 {
  overflow: hidden;
}

/* ── Rich text: remove empty blocks / inline white bands ─ */

html[data-theme="dark"] .introduction__Description p:empty,
html[data-theme="dark"] .Blog__Right-Article-Description-Text p:empty,
html[data-theme="dark"] .Blog__Right-Article-Items-Description p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* ── Blog article page ─────────────────────────────────── */

html[data-theme="dark"] .Blog__Left-Info {
  background-color: var(--dm-bg-card) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .Blog__Left-Info-Text,
html[data-theme="dark"] .Blog__Left-Info-Description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .Blog__Left-Info-Item {
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .Blog__Left-Info-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Blog__Left-Info-Item:hover {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Blog__Right-Article-Info,
html[data-theme="dark"] .Blog__Right-Article-Item-Text {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .Blog__Right-Article-Item-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Blog__Right-Article-SocialMedia-Icon {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .Blog__Right-Article-SocialMedia-Icon:hover {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Blog__Right-Article-Item-Link,
html[data-theme="dark"] .Blog__Left-Info-Link {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .Blog__Right-Article-Item-Link:hover,
html[data-theme="dark"] .Blog__Left-Info-Link:hover {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Blog__Left-Info-Text.course-Square,
html[data-theme="dark"] .coursePage__Related-Head-Title {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .course-Square::before {
  background-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .coursePage__Related {
  background-color: var(--dm-bg-card) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .coursePage__Related-Text,
html[data-theme="dark"] .coursePage__Related-Link {
  color: var(--dm-text) !important;
}

html[data-theme="dark"]
  .coursePage__Related-Link:hover
  .coursePage__Related-Text {
  color: var(--dm-accent) !important;
}

/* Prev/next article navigation */
html[data-theme="dark"] .suggestion-articles {
  background-color: var(--dm-bg-card) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .suggestion-articles-new::before,
html[data-theme="dark"] .suggestion-articles-old::before {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .suggestion-articles-Text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .suggestion-articles-link,
html[data-theme="dark"] .suggestion-articles-link:hover {
  color: var(--dm-text) !important;
}

html[data-theme="dark"]
  .suggestion-articles-link:hover
  .suggestion-articles-Text {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .suggestion-articles-Icon {
  color: var(--dm-accent) !important;
}

/* ── Teacher profile (blogAuthor) ──────────────────────── */

html[data-theme="dark"] .blogAuthor {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .blogAuthor__Info-Family,
html[data-theme="dark"] .blogAuthor__Info-Head,
html[data-theme="dark"] .blogAuthor__Info-Key,
html[data-theme="dark"] .blogAuthor__Info-Value,
html[data-theme="dark"] .blogAuthor__Info-HeadDescb,
html[data-theme="dark"] .blogAuthor__Info-Description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .blogAuthor__Info-Icon {
  color: var(--dm-accent) !important;
}

/* ── Check login (checkout gate) ───────────────────────── */

html[data-theme="dark"] .checkLogin__content {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .checkLogin__Header-Box-Icon,
html[data-theme="dark"] .checkLogin__Header-Box-Link,
html[data-theme="dark"] .checkLogin__Box-Link-Text {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .checkLogin__Header-Box-Title {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .checkLogin__Box-Image {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .checkLogin__Box-Link {
  border-color: var(--dm-accent) !important;
  background: transparent !important;
}

html[data-theme="dark"] .checkLogin__Box-Link:hover {
  background-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .checkLogin__Box-Link:hover .checkLogin__Box-Link-Text {
  color: var(--dm-black) !important;
}

/* ── Payment method selection (showcart1) ──────────────── */

html[data-theme="dark"] .payment-method-row {
  background: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .payment-method-row:hover {
  background: var(--dm-bg-card) !important;
  border-color: var(--dm-accent) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .payment-method-row.is-selected {
  border-color: var(--dm-accent) !important;
  background: var(--dm-yellow-soft) !important;
  box-shadow: 0 2px 12px var(--dm-yellow-soft) !important;
}

html[data-theme="dark"] .payment-method-row__radio {
  border-color: var(--dm-text-muted) !important;
}

html[data-theme="dark"]
  .payment-method-row.is-selected
  .payment-method-row__radio {
  border-color: var(--dm-accent) !important;
  background-color: var(--dm-accent) !important;
  box-shadow: inset 0 0 0 4px var(--dm-black-card) !important;
}

html[data-theme="dark"] .payment-method-row__name,
html[data-theme="dark"] .payment-method-row__installment {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .payment-method-row__desc {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .payment-method-row__desc a {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] #installments-select,
html[data-theme="dark"] #installments-select option {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

/* ── showcart2 bank / tables (extra) ───────────────────── */

html[data-theme="dark"] .showcart2__Bank-User-Pay,
html[data-theme="dark"] .showcart2__Bank-User-Pay-Text {
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .showcart2__Bank-headpay {
  background-color: var(--dm-yellow-soft) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .showCart1__Bank-headpay {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text-heading) !important;
  border: 1px solid var(--dm-border-color) !important;
  border-radius: 10px 10px 0 0 !important;
}

html[data-theme="dark"] .showCart1__Bank-itempay {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  border-bottom: 1px solid var(--dm-border-color) !important;
}

html[data-theme="dark"] .showCart1__Bank-itempay:nth-child(even) {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .showCart1__Bank-itempay.active {
  background-color: rgba(40, 167, 69, 0.18) !important;
  color: #7dcea0 !important;
}

html[data-theme="dark"] .showCart1__Bank-Row2,
html[data-theme="dark"] #payment-plan {
  border: 1px solid var(--dm-border-color) !important;
  border-radius: 0 0 10px 10px !important;
  overflow: hidden;
}

html[data-theme="dark"] .terms-installment-extra {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .showcart2__Bank-itempay {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .showcart2__Bank-itempay.active {
  background-color: rgba(74, 222, 128, 0.15) !important;
  color: #4ade80 !important;
}

html[data-theme="dark"] .showcart2__Bank-Btn {
  background-color: #16a34a !important;
}

html[data-theme="dark"] .showcart2__Bank-Own-Key,
html[data-theme="dark"] .showcart2__Bank-User-Key {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .showcart2__Bank-Own-Value,
html[data-theme="dark"] .showcart2__Bank-User-Input {
  color: var(--dm-text) !important;
}

/* ── Category / shop course cards ──────────────────────── */

html[data-theme="dark"] .Courses__Content-Main,
html[data-theme="dark"] .course-card {
  background-color: var(--dm-bg-card) !important;
  border: 1px solid var(--dm-border-color) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .Courses__Content-Title a,
html[data-theme="dark"] .Courses__Content-Cost-Discount,
html[data-theme="dark"] .Courses__Content-Instructor-Link,
html[data-theme="dark"] .Courses__Content-Price-Count,
html[data-theme="dark"] .Courses__Content-Price-Content-Title {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .Courses__Content-Cost-Title,
html[data-theme="dark"] .Courses__Content-Cost-SubTitle,
html[data-theme="dark"] .Courses__Content-Information,
html[data-theme="dark"] .Courses__Content-Information a,
html[data-theme="dark"] .Courses__Content-Information-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Courses__Content-Information {
  border-top-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .Courses__Content-Main:hover {
  border-color: var(--dm-accent) !important;
}

/* ── Category filters panel (category-filters.css) ───── */

html[data-theme="dark"] .category__TopBar {
  background: var(--dm-bg-elevated) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .category__Search-Field,
html[data-theme="dark"] .category__Price-Row,
html[data-theme="dark"] .category__Categories-Row,
html[data-theme="dark"] .category__Sort-Group,
html[data-theme="dark"] .category__TopBar-Right-Filter-List {
  background: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  box-shadow: none !important;
  border: 1px solid var(--dm-border-color) !important;
}

html[data-theme="dark"] .category__Search-Field:focus {
  box-shadow: 0 0 0 2px var(--dm-accent-glow) !important;
}

html[data-theme="dark"] .category__Search-Icon,
html[data-theme="dark"] .category__TopBar-Right-Filter-Icon,
html[data-theme="dark"] .category__Price-Unit {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .category__Filter-Label,
html[data-theme="dark"] .category__Price-Value-Label,
html[data-theme="dark"] .category__Price-Value-Amount,
html[data-theme="dark"] .category__Filter-Checkbox-Text,
html[data-theme="dark"] .category__TopBar-Right-Filter-Text-Box {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .category__Price-Slider {
  background: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .category__Price-Slider-Track {
  background: linear-gradient(
    90deg,
    var(--dm-accent) 0%,
    #c9a800 100%
  ) !important;
}

html[data-theme="dark"] .category__Price-Input-Range::-webkit-slider-thumb,
html[data-theme="dark"] .category__Price-Input-Range::-moz-range-thumb {
  border-color: var(--dm-accent) !important;
  background: var(--dm-bg-card) !important;
}

html[data-theme="dark"] .category__Price-Values {
  background: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .category__Filter-Checkbox {
  background: var(--dm-bg-elevated) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .category__Filter-Checkbox:hover {
  border-color: var(--dm-accent) !important;
  background: var(--dm-black-card) !important;
}

html[data-theme="dark"] .category__Filter-Checkmark {
  background: var(--dm-bg-card) !important;
  border-color: var(--dm-text-muted) !important;
}

html[data-theme="dark"]
  .category__Filter-Check:checked
  ~ .category__Filter-Checkmark {
  background: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"]
  .category__Filter-Check:checked
  ~ .category__Filter-Checkbox-Text {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .category__TopBar-Right-Filter-Text {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .category__TopBar-Right-Filter-Text:hover {
  background: var(--dm-bg-card) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .category__TopBar-Right-Filter-Item:hover {
  background: var(--dm-bg-elevated) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .category__TopBar-Right-Filter-Item,
html[data-theme="dark"] .category__TopBar-Right-Filter-Item--active {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .category__TopBar-Right-Filter-Item--active {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .category__Filter-Clear {
  background: transparent !important;
  color: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .category__Filter-Clear:hover {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .category__TopBar-Right-RowBtn--active,
html[data-theme="dark"] .category__TopBar-Right-ColumnBtn--active {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

/* ── Full-stack & mentorship landing (.FullStack) ──────── */

html[data-theme="dark"] .FullStack,
html[data-theme="dark"] .FullStack__Content {
  color: var(--dm-text);
}

html[data-theme="dark"] .FullStack .breadcrumb-Content-Home-Link,
html[data-theme="dark"] .FullStack .breadcrumb-Link {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .FullStack__Header {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .FullStack__Header-Title-Main,
html[data-theme="dark"] .FullStack__Header-Title-Update {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .FullStack__Header-Title-Main-Text,
html[data-theme="dark"] .FullStack__Header-Description,
html[data-theme="dark"] .FullStack__Header-Name-Item-Text,
html[data-theme="dark"] .FullStack__Header-Intro-Item-Text,
html[data-theme="dark"] .FullStack__Header-Intro-Left-Content-Text,
html[data-theme="dark"] .FullStack__Header-Col-Right-Text-Price,
html[data-theme="dark"] .FullStack__Header-Col-Right-Text-Title {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .FullStack__Header-Title-Main-Icon,
html[data-theme="dark"] .FullStack__Header-Intro-Item-Icon,
html[data-theme="dark"] .FullStack__Header-Intro-Left-Content-Icon,
html[data-theme="dark"] .FullStack__Header-Col-Right-Text-Icon,
html[data-theme="dark"] .FullStack__Header-Col-Right-Text-SubTitle,
html[data-theme="dark"] .FullStack__Header-Name-Item-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .FullStack__Header-Col-Right-Image-Pic {
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .FullStack__Header-Col-Right-Text {
  border-color: var(--dm-accent) !important;
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .FullStack__Header-Col-Right-Text-MainTitle,
html[data-theme="dark"] .FullStack__Header-Col-Right-Text-MainPrice {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .FullStack__Header-Col-Right-Text-SubTitle {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .FullStack__Header-Col-Right-Text-Price {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .FullStack__Header-Intro {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .FullStack__Header-Intro-Item,
html[data-theme="dark"] .FullStack__Header-Intro-Item-1 {
  color: var(--dm-text) !important;
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .FullStack__Header-Intro-Item-Pic {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .FullStack__Header-Name-Item-Text {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .FullStack__Header-Name-Item-Picture {
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .FullStack__Header-Login-Btn {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .FullStack__Body-Left-Main,
html[data-theme="dark"] .FullStack__Body-Right-Nazarat,
html[data-theme="dark"] .FullStack__Access,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .comments__Content {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .FullStack__Body-Left-roadMap,
html[data-theme="dark"] .FullStack__Body-Left-roadMap-Icon,
html[data-theme="dark"] .FullStack__Body-Left-roadMap-Text {
  color: var(--dm-text-heading) !important;
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .FullStack__Body-Left-roadMap-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .FullStack__Body-Left-TimeLine::before {
  background-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .FullStack__Body-Left-TimeLine.active::before {
  background-color: rgba(40, 167, 69, 0.55) !important;
}

html[data-theme="dark"] .FullStack__Body-Left-TimeLine-Text,
html[data-theme="dark"] .FullStack__Body-Right-Title,
html[data-theme="dark"] .FullStack__Body-Right-Description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .FullStack__Body-Left-TimeLine-Circle {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .FullStack__Body-Left-TimeLine-Circle-Icon {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"]
  .FullStack__Body-Left-TimeLine.active
  .FullStack__Body-Left-TimeLine-Circle {
  background-color: rgba(40, 167, 69, 0.2) !important;
  border-color: rgba(40, 167, 69, 0.45) !important;
}

html[data-theme="dark"]
  .FullStack__Body-Left-TimeLine.active
  .FullStack__Body-Left-TimeLine-Circle-Icon,
html[data-theme="dark"]
  .FullStack__Body-Left-TimeLine.active
  .FullStack__Body-Left-TimeLine-Text {
  color: #7dcea0 !important;
}

html[data-theme="dark"] .FullStack__Body-SendRequest,
html[data-theme="dark"] .FullStack__Body-SendRequest-Link {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .FullStack__Body-SendRequest-Link:hover {
  color: var(--dm-accent) !important;
  border-color: rgba(255, 215, 0, 0.35) !important;
}

/* Mentorship / frontend course roadmap */
html[data-theme="dark"] .workshop__Panel-Dashbord-RoadMaps-Items-Circle {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .workshop__Panel-Dashbord-RoadMaps-Items-Icons,
html[data-theme="dark"] .workshop__Panel-Dashbord-RoadMaps-Items-Description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .workshop__Panel-Dashbord-RoadMaps-Lines,
html[data-theme="dark"] .workshop__Panel-Dashbord-RoadMaps-Lines1,
html[data-theme="dark"] .workshop__Panel-Dashbord-RoadMaps-Items-Lines {
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .workshop__Panel-Dashbord-RoadMaps-Lines.active,
html[data-theme="dark"] .workshop__Panel-Dashbord-RoadMaps-Lines1.active,
html[data-theme="dark"]
  .workshop__Panel-Dashbord-RoadMaps-Items.active
  .workshop__Panel-Dashbord-RoadMaps-Items-Lines {
  border-color: rgba(40, 167, 69, 0.55) !important;
}

html[data-theme="dark"]
  .workshop__Panel-Dashbord-RoadMaps-Items.active
  .workshop__Panel-Dashbord-RoadMaps-Items-Circle {
  background-color: rgba(40, 167, 69, 0.2) !important;
  border-color: rgba(40, 167, 69, 0.45) !important;
}

html[data-theme="dark"]
  .workshop__Panel-Dashbord-RoadMaps-Items.active
  .workshop__Panel-Dashbord-RoadMaps-Items-Icons,
html[data-theme="dark"]
  .workshop__Panel-Dashbord-RoadMaps-Items.active
  .workshop__Panel-Dashbord-RoadMaps-Items-Description {
  color: #7dcea0 !important;
}

html[data-theme="dark"] .workshop__Panel-Dashbord-Title-SubDesctiption {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"]
  .FullStack
  a:not(.main-Header__Links):not(.breadcrumb-Content-Home-Link):not(
    .fs-guide-pdf__btn
  ) {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"]
  .FullStack
  a:not(.main-Header__Links):not(.fs-guide-pdf__btn):hover {
  color: var(--dm-link-hover) !important;
}

html[data-theme="dark"] .FullStack .fs-guide-pdf__btn,
html[data-theme="dark"] .FullStack .fs-guide-pdf__btn:hover {
  color: #000000 !important;
}

html[data-theme="dark"] .FullStack .fs-guide-pdf__btn i {
  color: #000000 !important;
}

html[data-theme="dark"] .accordion-button {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .accordion-button:not(.collapsed) {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .FullStack .accordion-body {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .FullStack .coursePage__Description-Introduce,
html[data-theme="dark"] .FullStack .introduction,
html[data-theme="dark"] .FullStack .coursePage__Teacher,
html[data-theme="dark"] .FullStack .coursePage__Student-Box,
html[data-theme="dark"] .FullStack .coursePage__Content {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .FullStack .coursePage__Teacher-Description-Text {
  color: var(--dm-prose-text, var(--dm-text)) !important;
}

html[data-theme="dark"]
  .FullStack
  .introduction
  .introduction__Title.Section__Title,
html[data-theme="dark"]
  .FullStack
  .coursePage__Description-Introduce
  .introduction__Title.Section__Title {
  color: var(--dm-prose-heading) !important;
}

html[data-theme="dark"] .FullStack .introduction__Description.dm-rich-prose a,
html[data-theme="dark"] .FullStack .introduction__Description a {
  color: var(--dm-prose-link) !important;
}

html[data-theme="dark"] .FullStack .introduction__Links-Item {
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
  background: transparent !important;
}

html[data-theme="dark"] .FullStack .introduction__Links-Item:hover {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .FullStack .coursePage__Information-info-Title,
html[data-theme="dark"] .FullStack .coursePage__Information-info-Description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .FullStack .FullStack__Body-SendRequest:hover {
  background-color: var(--dm-bg-card) !important;
}

html[data-theme="dark"] .FullStack__Access {
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .FullStack__Access-Item-Text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .FullStack .comments__Content-Text-Title,
html[data-theme="dark"] .FullStack .comments__Content-Text-Description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .FullStack .form-control,
html[data-theme="dark"] .FullStack textarea {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

/* Dark: site-wide content links (not chrome) */
html[data-theme="dark"]
  main
  a:not([class*="main-Header"]):not([class*="header__"]):not(
    [class*="Menu-Hamburger"]
  ):not([class*="notice"]):not([class*="banner"]):not(
    [class*="suggestion-articles"]
  ):not([class*="coursePage__Related"]):not(
    [class*="coursePage__Teacher-Header"]
  ):not(.dm-theme-toggle):not(.pillar-breadcrumb__link) {
  color: #7dd3fc;
}

html[data-theme="dark"]
  main
  a:not([class*="main-Header"]):not([class*="header__"]):not(
    [class*="Menu-Hamburger"]
  ):not([class*="notice"]):not([class*="banner"]):not(
    [class*="suggestion-articles"]
  ):not([class*="coursePage__Related"]):not(
    [class*="coursePage__Teacher-Header"]
  ):not(.dm-theme-toggle):not(.pillar-breadcrumb__link):hover {
  color: #cffafe !important;
}

/* ── Homepage: landing, sections, featured cards ─────── */

html[data-theme="dark"] .Landing__Page-Links {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .Landing__Page-Link {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .Landing__Page-Icon {
  background-color: var(--dm-black-card) !important;
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .text-Purple {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .article__main {
  background-color: var(--dm-bg-card) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .article__main-title {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .article__main-description {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .article__main-more {
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .article__main-more:hover {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .course-card,
html[data-theme="dark"] .fullstack-card,
html[data-theme="dark"] .mentorship-card,
html[data-theme="dark"] .aiengineering-card {
  background: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .fullstack-card {
  border-color: rgba(255, 215, 0, 0.35) !important;
  box-shadow:
    0 8px 28px rgba(0, 0, 0, 0.35),
    0 0 16px var(--dm-yellow-soft) !important;
}

html[data-theme="dark"] .mentorship-card {
  border-color: rgba(255, 215, 0, 0.45) !important;
}

html[data-theme="dark"] .aiengineering-card {
  border-color: rgba(0, 200, 150, 0.45) !important;
}

html[data-theme="dark"] .course-card:hover {
  background: var(--dm-black-card) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .course-title,
html[data-theme="dark"] .course-subtitle,
html[data-theme="dark"] .course-tech h4 {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .info-item,
html[data-theme="dark"] .info-item span {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .fullstack-card .info-item i,
html[data-theme="dark"] .mentorship-card .info-item i,
html[data-theme="dark"] .aiengineering-card .info-item i {
  color: var(--dm-accent) !important;
  filter: none !important;
}

html[data-theme="dark"] .course-footer {
  border-top-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .old-price {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .current-price {
  color: var(--dm-accent) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .special-courses-section .pricing {
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .special-courses-section .pricing__was,
html[data-theme="dark"] .special-courses-section .pricing__now {
  background: rgba(0, 0, 0, 0.38) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

html[data-theme="dark"] .special-courses-section .pricing__was-label,
html[data-theme="dark"] .special-courses-section .pricing__was-value,
html[data-theme="dark"] .special-courses-section .pricing__was-unit,
html[data-theme="dark"] .special-courses-section .pricing__now-label,
html[data-theme="dark"] .special-courses-section .pricing__value,
html[data-theme="dark"] .special-courses-section .pricing__currency {
  color: #ffffff !important;
}

html[data-theme="dark"] .special-courses-section .pricing__was-value {
  text-decoration-color: #fca5a5 !important;
}

html[data-theme="dark"] .special-courses-section .pricing__savings {
  background: rgba(0, 0, 0, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] .special-courses-section .fullstack-card .pricing {
  box-shadow:
    0 12px 30px rgba(124, 58, 237, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .special-courses-section .mentorship-card .pricing {
  box-shadow:
    0 12px 30px rgba(255, 152, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .special-courses-section .aiengineering-card .pricing {
  box-shadow:
    0 12px 30px rgba(16, 185, 129, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .fullstack-card .course-btn,
html[data-theme="dark"] .mentorship-card .course-btn,
html[data-theme="dark"] .aiengineering-card .course-btn {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 24px var(--dm-yellow-soft) !important;
}

html[data-theme="dark"] .fullstack-card .course-btn:hover,
html[data-theme="dark"] .mentorship-card .course-btn:hover,
html[data-theme="dark"] .aiengineering-card .course-btn:hover {
  background: #ffe566 !important;
  color: var(--dm-black) !important;
  box-shadow: 0 12px 28px var(--dm-yellow-soft) !important;
}

html[data-theme="dark"] .discount-badge {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .course-tech h4 {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .tech-item {
  background: var(--dm-yellow-soft) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .tech-item:hover {
  background: rgba(255, 215, 0, 0.22) !important;
}

html[data-theme="dark"] .tech-item span {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .tech-item img {
  background: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .course-image-container {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .aboutus__Items {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .aboutus__Items-Title {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .aboutus__Items-Text,
html[data-theme="dark"] .aboutus__Items-Icon-Item {
  color: var(--dm-text) !important;
}

/* ── About us (/aboutus) ───────────────────────────────── */

html[data-theme="dark"] .aboutpage {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .aboutpage__Header {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text-heading) !important;
  border: 1px solid var(--dm-border-color);
}

html[data-theme="dark"] .aboutpage__Header i {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .aboutpage__Description,
html[data-theme="dark"] .aboutpage h3.aboutpage__Contact {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .aboutpage__Contact {
  background-color: var(--dm-bg-elevated) !important;
  border: 1px solid var(--dm-border-color);
}

html[data-theme="dark"] .aboutpage__Contact-Key {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .aboutpage__Contact-Value {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .aboutpage__SocialMedia-Box {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .aboutpage__SocialMedia-Icon {
  color: var(--dm-text) !important;
}

html[data-theme="dark"]
  .aboutpage__SocialMedia-Box:hover
  .aboutpage__SocialMedia-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .aboutpage .suggest__Header-Icons {
  background-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .aboutpage .suggest__Header-Icons-Item {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .aboutpage .suggest__Header-Text-Title {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .aboutpage .suggest__Header-Text-SubTitle {
  color: var(--dm-text-muted) !important;
}

/* ── Rules (/rules) ────────────────────────────────────── */

html[data-theme="dark"] .Rules__Content,
html[data-theme="dark"] .Rules__MainTitle {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .Rules__MainTitle {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .Rules__MainTitle h3,
html[data-theme="dark"] .Rules__MainTitle i {
  color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .Rules__MainTitle i {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Rules__Header {
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .Rules__Header-Title,
html[data-theme="dark"] .Rules__Header-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Rules__Body-Title,
html[data-theme="dark"] .Rules__Body-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .Rules__Body-Description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .Rules .text-success {
  color: #4ade80 !important;
}

html[data-theme="dark"] .Rules .text-danger {
  color: #f87171 !important;
}

html[data-theme="dark"] .Rules__Body-content-tables,
html[data-theme="dark"] .Rules__Body-tables {
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .Rules__Body-content-tables td {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border-color) !important;
}

/* ── Work with us (/workus) ────────────────────────────── */

html[data-theme="dark"] .workus__Header-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .workus__Header,
html[data-theme="dark"] .workus__Header p {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .workus__Box {
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .workus__Description {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .workus__HeadTitle {
  color: #4ade80 !important;
}

html[data-theme="dark"] .workus__Content {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .workus__Image {
  border-right-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .workus__Label i {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .workus__Label-Text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .workus__Label-select,
html[data-theme="dark"] .workus__Label-Input {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .workus__Label-Input-Fill {
  background-color: var(--dm-black-elevated) !important;
}

html[data-theme="dark"] .workus__Label-Input::placeholder {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .workus__Label-select option {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .workus__Register {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 27rem;
}

html[data-theme="dark"] .workus__Register-Link {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .workus__Register-Btn {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .workus__Register-Btn:hover {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .workus__border {
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .workus__rate-error {
  color: #f87171 !important;
}

/* ── Online course player (/onlinecourse) ──────────────── */

html[data-theme="dark"] #online {
  background-color: var(--dm-bg) !important;
}

html[data-theme="dark"] .online {
  background-color: var(--dm-bg-card) !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .online__Top {
  background-color: rgba(255, 215, 0, 0.08) !important;
  border-bottom: 1px solid var(--dm-border-color) !important;
}

html[data-theme="dark"] .online__Top-Content-Icon,
html[data-theme="dark"] .online__Top-Content-Text,
html[data-theme="dark"] .online__Top-Content-Home-Text,
html[data-theme="dark"] .online__Top-Content-Title-Text,
html[data-theme="dark"] .online__Top-Content-CheckBox-Title,
html[data-theme="dark"] .online__Top-Content-Home-Link,
html[data-theme="dark"] .online__Top-Content-Column-8-Item a {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .online__Top-Content-Home-Link:hover,
html[data-theme="dark"] .online__Top-Content-Column-8-Item a:hover {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .online__Buttom {
  background-color: var(--dm-bg-elevated) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .online__Buttom-Right,
html[data-theme="dark"] .online__Buttom-Lists {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .online__Buttom-Item {
  background-color: transparent !important;
  border-bottom-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .online__Buttom-Item.active {
  background-color: rgba(255, 215, 0, 0.1) !important;
}

html[data-theme="dark"] .online__Buttom-Item-Link {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .online__Buttom-Item-Title {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .online__Buttom-Item-Icon {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .online__Buttom-Item-Time {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .online__Buttom-Item .fa-lock {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .online__Buttom-Left {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .online__Buttom-Left-Download,
html[data-theme="dark"] .online__Buttom-Left-Peivast {
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
  background-color: transparent !important;
}

html[data-theme="dark"] .online__Buttom-Left-Download-Box,
html[data-theme="dark"] .online__Buttom-Left-Peivast-Box,
html[data-theme="dark"] .online__Buttom-Left-Download-Icon,
html[data-theme="dark"] .online__Buttom-Left-Peivast-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .online__Buttom-Left-Download:hover,
html[data-theme="dark"] .online__Buttom-Left-Peivast:hover {
  background-color: var(--dm-accent) !important;
  color: #121212 !important;
}

html[data-theme="dark"]
  .online__Buttom-Left-Download:hover
  .online__Buttom-Left-Download-Box,
html[data-theme="dark"]
  .online__Buttom-Left-Download:hover
  .online__Buttom-Left-Peivast-Box,
html[data-theme="dark"]
  .online__Buttom-Left-Download:hover
  .online__Buttom-Left-Download-Icon,
html[data-theme="dark"]
  .online__Buttom-Left-Download:hover
  .online__Buttom-Left-Peivast-Icon,
html[data-theme="dark"]
  .online__Buttom-Left-Peivast:hover
  .online__Buttom-Left-Download-Box,
html[data-theme="dark"]
  .online__Buttom-Left-Peivast:hover
  .online__Buttom-Left-Peivast-Box,
html[data-theme="dark"]
  .online__Buttom-Left-Peivast:hover
  .online__Buttom-Left-Download-Icon,
html[data-theme="dark"]
  .online__Buttom-Left-Peivast:hover
  .online__Buttom-Left-Peivast-Icon {
  color: #121212 !important;
}

/* ── Online course — unified player & sidebar ──────────── */

.online__Buttom-Left--course {
  padding: 5rem !important;
}

.online-course-sidebar {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
}

.online-course-sidebar__season,
.online-course-sidebar__project {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e8e8e8;
}

.online-course-sidebar__sections {
  list-style: none;
  margin: 0;
  padding: 0;
}

.online-course-sidebar__project-head {
  padding: 1.75rem 2rem;
  background: #f4f4f4;
  border-right: 5px solid #bbb;
}

.online-course-sidebar__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  margin-bottom: 0.65rem;
}

.online-course-sidebar__badge--free {
  background: #e8f5e9;
  color: #2e7d32;
}

.online-course-sidebar__badge--owned {
  background: #e3f2fd;
  color: #1565c0;
}

.online-course-sidebar__badge--locked {
  background: #fff3e0;
  color: #a35300;
}

.online-course-sidebar__project-title {
  font-size: 1.3rem;
  font-weight: 800;
  margin: 0;
  line-height: 1.6;
  color: #222;
}

.online-course-sidebar__season-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 2.35rem 2rem;
  border: 0;
  border-top: 1px solid #eee;
  background: #fafafa;
  color: #333;
  cursor: pointer;
  text-align: right;
  transition: background-color 0.15s ease;
}

.online-course-sidebar__season-toggle:hover {
  background: #f2f2f2;
}

.online-course-sidebar__season-toggle-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex: 1;
  min-width: 0;
}

.online-course-sidebar__season-leading,
.online-course-sidebar__video-main {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}

.online-course-sidebar__season-icon {
  font-size: 1.15rem;
  color: #757575;
  flex-shrink: 0;
}

.online-course-sidebar__season-label {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  flex: 1;
  color: #222;
}

.online-course-sidebar__season-count {
  font-size: 1rem;
  font-weight: 600;
  color: #888;
  flex-shrink: 0;
}

.online-course-sidebar__season-chevron {
  font-size: 1rem;
  color: #888;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.online-course-sidebar__season--collapsed
  .online-course-sidebar__season-chevron {
  transform: rotate(-90deg);
}

.online-course-sidebar__season--collapsed .online-course-sidebar__videos {
  display: none;
}

.online-course-sidebar__season--access-ok
  > .online-course-sidebar__season-toggle {
  border-right: 5px solid #28a745;
}

.online-course-sidebar__season--access-no
  > .online-course-sidebar__season-toggle {
  border-right: 5px solid #dc3545;
}

.online-course-sidebar__videos {
  list-style: none;
  margin: 0;
  padding: 0;
}

.online-course-sidebar__video-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 2.35rem 2rem 1.35rem 2.5rem;
  text-decoration: none;
  color: #222;
  border-right: 5px solid transparent;
  transition: background-color 0.15s ease;
}

.online-course-sidebar__video-link:hover {
  background: #f7f7f7;
  color: #222;
}

.online-course-sidebar__video.active .online-course-sidebar__video-link {
  background: linear-gradient(
    270deg,
    rgba(103, 58, 183, 0.14) 0%,
    rgba(103, 58, 183, 0.06) 100%
  );
  color: #4527a0;
}

.online-course-sidebar__video.active .online-course-sidebar__video-title {
  color: #5e35b1;
  font-weight: 700;
}

.online-course-sidebar__video.active .online-course-sidebar__video-time {
  color: #7e57c2;
  background: rgba(103, 58, 183, 0.12);
  padding: 0.25rem 0.65rem;
  border-radius: 6px;
}

.online-course-sidebar__video--access-ok > .online-course-sidebar__video-link {
  border-right-color: #28a745;
}

.online-course-sidebar__video--access-no > .online-course-sidebar__video-link {
  border-right-color: #dc3545;
}

.online-course-sidebar__video-link--locked {
  cursor: not-allowed;
  opacity: 0.85;
  pointer-events: none;
}

.online-course-sidebar__video--locked {
  cursor: not-allowed;
}

.online-course-sidebar__video-icon--lock {
  color: #b45309;
}

.online-course-sidebar__video-icon {
  font-size: 1.25rem;
  color: #9e9e9e;
  flex-shrink: 0;
  transition: color 0.15s ease;
}

.online-course-sidebar__video-link:hover .online-course-sidebar__video-icon {
  color: #757575;
}

.online-course-sidebar__video.active .online-course-sidebar__video-icon {
  color: #7e57c2;
}

.online-course-sidebar__video-title {
  flex: 1;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.online-course-sidebar__video-time {
  font-size: 1.05rem;
  font-weight: 600;
  color: #888;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}

.online-course-sidebar__video-lock {
  color: #aaa;
  font-size: 1.1rem;
}

/* Player */

.online-course-player {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 100%;
}

.online-course-player__header {
  padding: 0;
}

.online-course-player__info-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  flex-wrap: wrap;
  padding: 1.35rem 1.75rem;
  background: linear-gradient(135deg, #fafafa 0%, #fff 100%);
  border: 1px solid #e8e8e8;
  border-right: 5px solid #7e57c2;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(103, 58, 183, 0.08);
}

.online-course-player__info-main {
  flex: 1;
  min-width: 0;
}

.online-course-player__info-label {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #7e57c2;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.35rem;
}

.online-course-player__title {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1.55;
  color: #222;
}

.online-course-player__duration {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  flex-shrink: 0;
  padding: 0.65rem 1.15rem;
  background: linear-gradient(135deg, #ede7f6 0%, #f3e5f5 100%);
  border: 1px solid rgba(126, 87, 194, 0.25);
  border-radius: 10px;
  font-size: 1.15rem;
  font-weight: 800;
  color: #5e35b1;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 2px 8px rgba(103, 58, 183, 0.1);
}

.online-course-player__duration i {
  font-size: 1rem;
  opacity: 0.85;
}

.online-course-player__stage {
  border-radius: 12px;
  overflow: hidden;
  background: #111;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

.online-course-player__video {
  display: block;
  width: 100%;
  max-height: min(72vh, 720px);
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #000;
}

.online-course-player__locked {
  aspect-ratio: 16 / 9;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1a1a1a;
}

.online-course-player__locked-inner {
  text-align: center;
  color: #ccc;
  padding: 2rem;
}

.online-course-player__locked-inner i {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  opacity: 0.7;
}

.online-course-player__locked-inner p {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.7;
}

.online-course-player__locked-actions {
  margin-top: 1.5rem;
}

.online-course-player__actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.online-course-player__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.5rem 3.5rem;
  border-radius: 4px;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 600;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.online-course-player__action:hover {
  text-decoration: none;
}

.online-course-player__action--download {
  border: 1px solid rgb(158, 18, 177);
  color: rgb(158, 18, 177);
  background: #fff;
}

.online-course-player__action--download:hover {
  background: rgb(158, 18, 177);
  color: #fff;
}

.online-course-player__action--attachment {
  border: 1px solid #ccc;
  color: #444;
  background: #fff;
}

.online-course-player__action--attachment:hover {
  background: #f5f5f5;
  color: #222;
}

html[data-theme="dark"] .online-course-sidebar {
  background: var(--dm-bg-card) !important;
}

html[data-theme="dark"] .online-course-sidebar__season,
html[data-theme="dark"] .online-course-sidebar__project {
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .online-course-sidebar__project-head {
  background: rgba(255, 255, 255, 0.05) !important;
  border-right-color: var(--dm-border-color) !important;
}

html[data-theme="dark"] .online-course-sidebar__project-title,
html[data-theme="dark"] .online-course-sidebar__season-label,
html[data-theme="dark"] .online-course-sidebar__video-link {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .online-course-sidebar__season-toggle {
  background: rgba(255, 255, 255, 0.03) !important;
  border-top-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .online-course-sidebar__season-toggle:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .online-course-sidebar__season-count,
html[data-theme="dark"] .online-course-sidebar__video-time {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .online-course-sidebar__season-icon {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .online-course-sidebar__video-icon {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"]
  .online-course-sidebar__video.active
  .online-course-sidebar__video-icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .online-course-sidebar__video-link:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"]
  .online-course-sidebar__video.active
  .online-course-sidebar__video-link {
  background: rgba(255, 215, 0, 0.14) !important;
  color: var(--dm-accent) !important;
}

html[data-theme="dark"]
  .online-course-sidebar__video.active
  .online-course-sidebar__video-title {
  color: var(--dm-accent) !important;
  font-weight: 700;
}

html[data-theme="dark"]
  .online-course-sidebar__video.active
  .online-course-sidebar__video-time {
  color: #121212 !important;
  background: var(--dm-accent) !important;
}

html[data-theme="dark"] .online-course-player__info-card {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.04) 0%,
    var(--dm-bg-card) 100%
  ) !important;
  border-color: var(--dm-border-color) !important;
  border-right-color: var(--dm-accent) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .online-course-player__info-label {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .online-course-player__title {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .online-course-player__duration {
  background: rgba(255, 215, 0, 0.12) !important;
  border-color: rgba(255, 215, 0, 0.25) !important;
  color: var(--dm-accent) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .online-course-player__action--download {
  border-color: var(--dm-accent) !important;
  color: var(--dm-accent) !important;
  background: transparent !important;
}

html[data-theme="dark"] .online-course-player__action--download:hover {
  background: var(--dm-accent) !important;
  color: #121212 !important;
}

html[data-theme="dark"] .online-course-player__action--attachment {
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
  background: transparent !important;
}

@media (max-width: 991px) {
  .online__Buttom-Left--course {
    padding: 1rem !important;
  }

  .online-course-player__title {
    font-size: 1.3rem;
  }

  .online-course-sidebar__project-title,
  .online-course-sidebar__season-label {
    font-size: 1.15rem;
  }

  .online-course-sidebar__video-title {
    font-size: 1.1rem;
  }

  .online-course-sidebar__season-toggle,
  .online-course-sidebar__video-link {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  .online-course-player__action {
    width: 100%;
    padding: 1.25rem;
    font-size: 1.25rem;
  }
}

/* ── Footer (light gray block fix) ─────────────────────── */

html[data-theme="dark"] .footer__Content,
html[data-theme="dark"] .footer__CopyRight {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .footer__Content::after {
  background-color: var(--dm-accent) !important;
}

html[data-theme="dark"] .footer__Title {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .footer__Title::before {
  background-color: var(--dm-yellow-soft) !important;
}

html[data-theme="dark"] .footer__Blog-Link,
html[data-theme="dark"] .footer__Fast {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .footer__Blog-Link:hover,
html[data-theme="dark"] .footer__Fast:hover {
  color: var(--dm-accent) !important;
}

/* ── Login / Register ──────────────────────────────────── */

html[data-theme="dark"] .LoginPage::before,
html[data-theme="dark"] .LoginPage::after {
  display: none !important;
}

html[data-theme="dark"] .LoginPage__Content {
  background-color: var(--dm-bg-card) !important;
  border-top-color: var(--dm-accent) !important;
  border-bottom-color: var(--dm-accent) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] .LoginPage__Header-Title,
html[data-theme="dark"] .LoginPage__Header-SubTitle,
html[data-theme="dark"] .LoginPage__Member-Title {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .LoginPage__Member {
  background-color: var(--dm-bg-elevated) !important;
}

html[data-theme="dark"] .LoginPage__Member-Register {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .LoginPage__Member-Register:hover {
  background-color: var(--dm-link-hover) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .LoginPage__Box-Input {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text) !important;
  border: 1px solid var(--dm-border-color) !important;
}

html[data-theme="dark"] .LoginPage__Box-Icon {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .LoginPage__Remember-Left-Link {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .LoginPage__Remember-Right-Text {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .LoginPage__Button-Btn {
  background-color: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .LoginPage__Button-Icon {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .LoginPage-Head-Title {
  color: var(--dm-accent) !important;
}

/* ── stuPanel (حضوری / آنلاین) ───────────────────────── */

html[data-theme="dark"] .MainStu__Filters-Text,
html[data-theme="dark"] .MainStu__Content-Links-Filters-Key {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .MainStu__Filters-Items {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .MainStu__Filters-Items-Date {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .MainStu__Filters-Items.active {
  background-color: var(--dm-accent) !important;
  border-color: var(--dm-accent) !important;
}

html[data-theme="dark"]
  .MainStu__Filters-Items.active
  .MainStu__Filters-Items-Date {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Item,
html[data-theme="dark"] .MainStu__Content-Links-Items,
html[data-theme="dark"] .MainStu__Content-Links-Offline {
  background-color: var(--dm-bg-card) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Key {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Val,
html[data-theme="dark"] .MainStu__Content-Links-Items-Col-Val {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .MainStu__Content-Links-Items-Col-Key {
  color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .MainStu__Content-Links-Items-Text {
  color: var(--dm-text) !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Content-Btn,
html[data-theme="dark"] .MainStu__Content-Links-Items-Details,
html[data-theme="dark"] .MainStu__Content-Links-Filters-Items {
  background: var(--dm-accent) !important;
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Content-Btn-Link,
html[data-theme="dark"] .MainStu__Content-Links-Items-Details:hover {
  color: var(--dm-black) !important;
}

html[data-theme="dark"] .MainStu__Content-Links-Offline-Link {
  color: var(--dm-accent) !important;
}

html[data-theme="dark"] .MainStu__Content-Links-Offline-Square {
  color: var(--dm-text-heading) !important;
}

/* ── Buttons & purple accents site-wide (dark) ─────────── */

html[data-theme="dark"] .Btn,
html[data-theme="dark"] .main-Header__Search {
  background-color: var(--dm-brand) !important;
}

/* ── Theme switch — pill sun / moon (header + footer) ─────── */

.header__Top-Theme {
  display: flex;
  align-items: center;
  padding-inline-start: 2rem;
  margin-inline-start: 2rem;
  border-inline-start: 1px solid rgba(0, 0, 0, 0.1);
}

html[data-theme="dark"] .header__Top-Theme {
  border-inline-end-color: var(--dm-border-color, rgba(255, 255, 255, 0.12));
}

.header__Top-Telegram {
  display: flex;
  align-items: center;
  padding-inline-start: 1.5rem;
  margin-inline-start: 1.5rem;
  border-inline-start: 1px solid rgba(0, 0, 0, 0.1);
}

.header__Top-Email {
  display: flex;
  align-items: center;
  padding-inline-start: 1.5rem;
  margin-inline-start: 1.5rem;
  border-inline-start: 1px solid rgba(0, 0, 0, 0.1);
}

html[data-theme="dark"] .header__Top-Telegram {
  border-inline-start-color: rgba(255, 255, 255, 0.12);
}

html[data-theme] .footer__CopyRight {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 4.5rem;
}

html[data-theme] .footer__CopyRight-Text {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
}

.footer__CopyRight-theme {
  position: absolute;
  inset-inline-end: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.dm-theme-toggle {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}

.dm-theme-toggle:focus-visible .dm-theme-switch__track {
  outline: 2px solid rgb(158, 18, 177);
  outline-offset: 2px;
}

.dm-theme-switch {
  display: block;
}

.dm-theme-switch__track {
  direction: ltr;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 6.4rem;
  height: 3.2rem;
  border-radius: 999px;
  background: linear-gradient(165deg, #2a3150 0%, #12182b 48%, #0d1220 100%);
  box-shadow:
    inset 0 2px 10px rgba(0, 0, 0, 0.55),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06),
    0 1px 0 rgba(255, 255, 255, 0.04);
  overflow: hidden;
}

.dm-theme-toggle--footer .dm-theme-switch__track {
  width: 6.8rem;
  height: 3.4rem;
}

.dm-theme-switch__divider {
  position: absolute;
  left: 50%;
  top: 16%;
  bottom: 16%;
  width: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(255, 255, 255, 0.14) 35%,
    rgba(255, 255, 255, 0.14) 65%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 3;
}

.dm-theme-switch__half {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  opacity: 0.42;
  transition: opacity 0.22s ease;
}

.dm-theme-toggle.is-light .dm-theme-switch__half--light,
.dm-theme-toggle.is-dark .dm-theme-switch__half--dark {
  opacity: 1;
}

.dm-theme-switch__orb {
  display: block;
  flex-shrink: 0;
  transition:
    transform 0.22s ease,
    filter 0.22s ease;
}

.dm-theme-toggle.is-light .dm-theme-switch__orb--sun {
  transform: scale(1.06);
  filter: drop-shadow(0 0 7px rgba(255, 193, 7, 0.65));
}

.dm-theme-toggle.is-dark .dm-theme-switch__orb--moon {
  transform: scale(1.06);
  filter: drop-shadow(0 0 7px rgba(168, 200, 255, 0.55));
}

/* Sun — soft 3D sphere */
.dm-theme-switch__orb--sun {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 50%;
  background: radial-gradient(
    circle at 32% 28%,
    #fffef0 0%,
    #ffe566 28%,
    #ffc107 52%,
    #ff9800 100%
  );
  box-shadow:
    inset 0 -3px 6px rgba(230, 120, 0, 0.35),
    inset 0 2px 4px rgba(255, 255, 255, 0.45),
    0 2px 6px rgba(255, 152, 0, 0.4);
}

.dm-theme-toggle--footer .dm-theme-switch__orb--sun {
  width: 1.8rem;
  height: 1.8rem;
}

/* Moon — crescent, soft clay style */
.dm-theme-switch__orb--moon {
  position: relative;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 50%;
  background: radial-gradient(
    circle at 38% 32%,
    #f5f9ff 0%,
    #c5daf0 42%,
    #8eb8e8 100%
  );
  box-shadow:
    inset 0 -2px 5px rgba(100, 140, 180, 0.25),
    inset 0 2px 4px rgba(255, 255, 255, 0.5),
    0 2px 5px rgba(120, 170, 220, 0.35);
}

.dm-theme-switch__orb--moon::after {
  content: "";
  position: absolute;
  top: 8%;
  right: -18%;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  background: #151b2e;
  box-shadow: inset 1px 0 2px rgba(0, 0, 0, 0.2);
}

.dm-theme-toggle--footer .dm-theme-switch__orb--moon {
  width: 1.7rem;
  height: 1.7rem;
}

.dm-theme-toggle:hover .dm-theme-switch__track {
  box-shadow:
    inset 0 2px 10px rgba(0, 0, 0, 0.55),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(255, 255, 255, 0.06);
}

@media (max-width: 575.98px) {
  .header__Top-Theme {
    padding-inline-end: 0.5rem;
    margin-inline-end: 0.5rem;
  }

  .footer__CopyRight-theme {
    position: static;
    transform: none;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0.75rem;
  }
}

/* Premium homepage special courses — scoped dark palette. */
html[data-theme="dark"] .special-courses-section {
  color: #f8fafc;
  background:
    linear-gradient(135deg, rgba(56, 189, 248, 0.035) 1px, transparent 1px),
    linear-gradient(45deg, rgba(139, 92, 246, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 7% 20%, rgba(8, 145, 178, 0.16), transparent 29%),
    radial-gradient(circle at 94% 78%, rgba(109, 40, 217, 0.15), transparent 31%),
    linear-gradient(180deg, #070b18 0%, #0b1022 48%, #0d0b1c 100%) !important;
  background-size: 72px 72px, 72px 72px, auto, auto, auto !important;
}
html[data-theme="dark"] .special-courses-section::before {
  opacity: 0.58;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(34, 211, 238, 0.7) 0 1px, transparent 2px),
    radial-gradient(circle at 24% 74%, rgba(129, 140, 248, 0.5) 0 1px, transparent 2px),
    radial-gradient(circle at 74% 20%, rgba(167, 139, 250, 0.48) 0 1px, transparent 2px),
    radial-gradient(circle at 88% 66%, rgba(45, 212, 191, 0.52) 0 1px, transparent 2px) !important;
  background-size: 230px 190px, 280px 230px, 250px 210px, 310px 250px !important;
}
html[data-theme="dark"] .special-courses-section::after {
  opacity: 0.32;
  background:
    linear-gradient(112deg, transparent 12%, rgba(56, 189, 248, 0.07) 30%, transparent 42%),
    linear-gradient(112deg, transparent 58%, rgba(139, 92, 246, 0.08) 67%, transparent 76%) !important;
}
html[data-theme="dark"] .special-courses-section .section-header::before { display: none !important; }
html[data-theme="dark"] .special-courses-section .section-title,
html[data-theme="dark"] #special-courses-title {
  color: #f8fafc !important;
  text-shadow: 0 8px 34px rgba(0, 0, 0, 0.45), 0 0 25px rgba(129, 140, 248, 0.12) !important;
}
html[data-theme="dark"] .special-courses-section .section-subtitle {
  color: #9ca9bd !important;
  text-shadow: none !important;
}
html[data-theme="dark"] .special-courses-heading__line {
  background: linear-gradient(90deg, transparent, rgba(129, 140, 248, 0.5));
}
html[data-theme="dark"] .special-courses-heading__line:last-child {
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.5), transparent);
}

html[data-theme="dark"] .special-courses-section .special-course-card,
html[data-theme="dark"] .special-courses-section .special-course-card.fullstack-card,
html[data-theme="dark"] .special-courses-section .special-course-card.mentorship-card,
html[data-theme="dark"] .special-courses-section .special-course-card.aiengineering-card {
  color: #f8fafc !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--sc-rgb), 0.18), transparent 34%),
    linear-gradient(145deg, rgba(var(--sc-rgb), 0.05), transparent 46%),
    linear-gradient(180deg, rgba(17, 24, 39, 0.97), rgba(10, 15, 29, 0.985)) !important;
  border-color: rgba(var(--sc-rgb), 0.74) !important;
  box-shadow: 0 26px 62px rgba(0, 0, 0, 0.42), 0 0 56px rgba(var(--sc-rgb), 0.14), inset 0 0 0 1px rgba(255, 255, 255, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .special-courses-section .special-course-card:hover,
html[data-theme="dark"] .special-courses-section .special-course-card.fullstack-card:hover,
html[data-theme="dark"] .special-courses-section .special-course-card.mentorship-card:hover,
html[data-theme="dark"] .special-courses-section .special-course-card.aiengineering-card:hover {
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--sc-rgb), 0.13), transparent 28%),
    linear-gradient(180deg, #151d2d, #0c1221) !important;
  border-color: rgba(var(--sc-rgb), 0.96) !important;
  box-shadow: 0 34px 72px rgba(0, 0, 0, 0.5), 0 0 66px rgba(var(--sc-rgb), 0.19) !important;
}
html[data-theme="dark"] .special-courses-section .course-title,
html[data-theme="dark"] .special-courses-section .course-title a,
html[data-theme="dark"] .special-courses-section .course-tech h4 {
  color: #f4f7fb !important;
}
html[data-theme="dark"] .special-courses-section .course-title a:hover { color: rgb(var(--sc-rgb)) !important; }
html[data-theme="dark"] .special-courses-section .course-subtitle { color: #9ba8bb !important; }
html[data-theme="dark"] .special-courses-section .course-info,
html[data-theme="dark"] .special-courses-section .course-footer {
  border-color: rgba(148, 163, 184, 0.13) !important;
}
html[data-theme="dark"] .special-courses-section .info-item,
html[data-theme="dark"] .special-courses-section .info-item span,
html[data-theme="dark"] .special-courses-section .info-item strong {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .special-courses-section .info-item small { color: #718096 !important; }
html[data-theme="dark"] .special-courses-section .info-item > i {
  color: rgb(var(--sc-rgb)) !important;
  filter: drop-shadow(0 0 7px rgba(var(--sc-rgb), 0.35)) !important;
}
html[data-theme="dark"] .special-courses-section .info-item + .info-item { border-color: rgba(148, 163, 184, 0.12); }
html[data-theme="dark"] .special-courses-section .tech-item {
  color: #fff !important;
  background: linear-gradient(115deg, rgba(var(--sc-rgb), 0.68), rgba(var(--sc-rgb), 0.32)) !important;
  border-color: rgba(var(--sc-rgb), 0.68) !important;
}

html[data-theme="dark"] .special-courses-section .pricing,
html[data-theme="dark"] .special-courses-section .fullstack-card .pricing,
html[data-theme="dark"] .special-courses-section .mentorship-card .pricing,
html[data-theme="dark"] .special-courses-section .aiengineering-card .pricing {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .special-courses-section .pricing__main { background: none !important; }
html[data-theme="dark"] .special-courses-section .pricing__was,
html[data-theme="dark"] .special-courses-section .pricing__now {
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .special-courses-section .pricing__was-label,
html[data-theme="dark"] .special-courses-section .pricing__now-label { color: #94a3b8 !important; }
html[data-theme="dark"] .special-courses-section .pricing__was-value,
html[data-theme="dark"] .special-courses-section .pricing__was-unit { color: #7f8ca0 !important; }
html[data-theme="dark"] .special-courses-section .pricing__value { color: #f8fafc !important; }
html[data-theme="dark"] .special-courses-section .pricing__currency,
html[data-theme="dark"] .special-courses-section .pricing__savings { color: rgb(var(--sc-rgb)) !important; }
html[data-theme="dark"] .special-courses-section .pricing__savings {
  background: rgba(var(--sc-rgb), 0.075) !important;
  border: 0 !important;
}
html[data-theme="dark"] .special-courses-section .pricing__off {
  color: #fff !important;
  background: linear-gradient(145deg, var(--sc-accent), var(--sc-accent-2)) !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
}
html[data-theme="dark"] .special-courses-section .fullstack-card .course-btn,
html[data-theme="dark"] .special-courses-section .mentorship-card .course-btn,
html[data-theme="dark"] .special-courses-section .aiengineering-card .course-btn {
  color: #fff !important;
  background: linear-gradient(105deg, var(--sc-accent), var(--sc-accent-2)) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 15px 34px rgba(var(--sc-rgb), 0.3), 0 0 34px rgba(var(--sc-rgb), 0.2) !important;
}
html[data-theme="dark"] .special-courses-section .fullstack-card .course-btn:hover,
html[data-theme="dark"] .special-courses-section .mentorship-card .course-btn:hover,
html[data-theme="dark"] .special-courses-section .aiengineering-card .course-btn:hover {
  color: #fff !important;
  background: linear-gradient(105deg, var(--sc-accent), var(--sc-accent-2)) !important;
  box-shadow: 0 16px 34px rgba(var(--sc-rgb), 0.34) !important;
}
html[data-theme="dark"] .special-courses-benefits {
  background: linear-gradient(90deg, transparent, rgba(13, 23, 42, 0.76) 8%, rgba(13, 23, 42, 0.76) 92%, transparent);
  border-top-color: rgba(103, 232, 249, 0.18);
  border-bottom-color: rgba(139, 92, 246, 0.16);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.14);
}
html[data-theme="dark"] .special-courses-benefits li { color: #b8c3d3; }
html[data-theme="dark"] .special-courses-benefits li + li { border-color: rgba(148, 163, 184, 0.26); }
html[data-theme="dark"] .special-courses-benefits i { color: #a5f3fc; filter: drop-shadow(0 0 7px rgba(34, 211, 238, 0.3)); }

@media (max-width: 767.98px) {
  html[data-theme="dark"] .special-courses-section { background-size: 54px 54px, 54px 54px, auto, auto, auto !important; }
  html[data-theme="dark"] .special-courses-section .info-item:nth-child(n+3),
  html[data-theme="dark"] .special-courses-benefits li:nth-child(n+3) { border-top-color: rgba(148, 163, 184, 0.12); }
  html[data-theme="dark"] .special-courses-benefits li:nth-child(even) { border-right-color: rgba(148, 163, 184, 0.12); }
}

/* VS Code Dark+/Light+ token palette for the animated homepage editor. */
.LandingCode {
  --vscode-editor-bg: #1e1e1e;
  --vscode-chrome-bg: #181818;
  --vscode-panel-bg: #252526;
  --vscode-line-highlight: #2a2d2e;
  --vscode-border: #2b2b2b;
  --vscode-foreground: #d4d4d4;
  --vscode-muted: #858585;
  --vscode-keyword: #c586c0;
  --vscode-function: #dcdcaa;
  --vscode-string: #ce9178;
  --vscode-variable: #9cdcfe;
  --vscode-accent: #007acc;
  --vscode-prompt: #4ec9b0;
  --vscode-success: #89d185;
  --vscode-warning: #cca700;
  --vscode-cursor: #aeafad;
}
html[data-theme="light"] .LandingCode {
  --vscode-editor-bg: #ffffff;
  --vscode-chrome-bg: #f3f3f3;
  --vscode-panel-bg: #ececec;
  --vscode-line-highlight: #f0f0f0;
  --vscode-border: #d4d4d4;
  --vscode-foreground: #1f1f1f;
  --vscode-muted: #6e7681;
  --vscode-keyword: #0000ff;
  --vscode-function: #795e26;
  --vscode-string: #a31515;
  --vscode-variable: #001080;
  --vscode-accent: #007acc;
  --vscode-prompt: #267f99;
  --vscode-success: #16825d;
  --vscode-warning: #9a6700;
  --vscode-cursor: #1f1f1f;
}
#home-main .LandingCode__Window {
  border-color: var(--vscode-border);
  color: var(--vscode-foreground);
  background: var(--vscode-editor-bg);
}
#home-main .LandingCode__Topbar,
#home-main .LandingCode__Tabbar {
  border-color: var(--vscode-border);
  color: var(--vscode-muted);
  background: var(--vscode-chrome-bg);
}
#home-main .LandingCode__Sidebar,
#home-main .LandingCode__Tab {
  border-color: var(--vscode-border);
  background: var(--vscode-panel-bg);
}
#home-main .LandingCode__Project,
#home-main .LandingCode__Breadcrumb strong,
#home-main .LandingCode__Tab {
  color: var(--vscode-foreground);
}
#home-main .LandingCode__Project svg,
#home-main .LandingCode__Breadcrumb {
  color: var(--vscode-muted);
  stroke: var(--vscode-muted);
}
#home-main .LandingCode__Editor,
#home-main .LandingCode__Terminal {
  border-color: var(--vscode-border);
  background: var(--vscode-editor-bg);
}
#home-main .LandingCode__Line { color: var(--vscode-foreground); }
#home-main .LandingCode__Line > span { color: var(--vscode-muted); }
#home-main .LandingCode__Line code { color: var(--vscode-foreground) !important; }
#home-main .LandingCode__Line code em { color: var(--vscode-keyword); }
#home-main .LandingCode__Line code b { color: var(--vscode-function); }
#home-main .LandingCode__Line code u { color: var(--vscode-string); }
#home-main .LandingCode__Token--keyword { color: var(--vscode-keyword); }
#home-main .LandingCode__Token--function { color: var(--vscode-function); }
#home-main .LandingCode__Token--string { color: var(--vscode-string); }
#home-main .LandingCode__Token--variable { color: var(--vscode-variable); }
#home-main .LandingCode__Line--focus {
  border-left-color: var(--vscode-accent);
  background: var(--vscode-line-highlight);
}
#home-main .LandingCode__Cursor {
  background: var(--vscode-cursor);
  box-shadow: none;
}
#home-main .LandingCode__TerminalTabs { color: var(--vscode-muted); }
#home-main .LandingCode__TerminalTabs .is-active {
  border-color: var(--vscode-accent);
  color: var(--vscode-foreground);
}
#home-main .LandingCode__TerminalBody,
#home-main .LandingCode__TerminalBody .LandingCode__Command {
  color: var(--vscode-foreground);
}
#home-main .LandingCode__TerminalBody .LandingCode__Changed { color: var(--vscode-warning); }
#home-main .LandingCode__TerminalBody b,
#home-main .LandingCode__Prompt { color: var(--vscode-prompt); }
#home-main .LandingCode__Pass {
  color: var(--vscode-success);
  text-shadow: none;
}
#home-main .LandingCode__Muted { color: var(--vscode-muted); }

/* -------------------------------------------------------------------------- */
/* Public information pages: shared RTL visual system                        */
/*                                                                            */
/* These rules are intentionally scoped to the existing page classes. They   */
/* change presentation only; the PHP markup, routes, forms and data remain.  */
/* -------------------------------------------------------------------------- */
body:has(.MainStu),body:has(.Rules),body:has(.aboutpage),body:has(.workus){--public-page-bg:#f4f7fb;--public-surface:#fff;--public-surface-soft:#f8fbfd;--public-border:#dbe5ef;--public-heading:#1d3048;--public-text:#496276;--public-muted:#71869a;--public-accent:#147f93;--public-accent-strong:#0c6478;--public-accent-soft:#e8f7f8;background:linear-gradient(180deg,#f8fafc 0%,var(--public-page-bg) 35rem,#f1f5f9 100%)!important;color:var(--public-text)!important;overflow-x:hidden}
html[data-theme="dark"] body:has(.MainStu),html[data-theme="dark"] body:has(.Rules),html[data-theme="dark"] body:has(.aboutpage),html[data-theme="dark"] body:has(.workus){--public-page-bg:#081522;--public-surface:#102536;--public-surface-soft:#132d40;--public-border:#294b61;--public-heading:#e5f3f7;--public-text:#bfd3dc;--public-muted:#91aebb;--public-accent:#6dd7e2;--public-accent-strong:#9ae8ed;--public-accent-soft:#173b4d;background:linear-gradient(180deg,#0b1b2a 0%,var(--public-page-bg) 35rem,#07111c 100%)!important;color:var(--public-text)!important}
.MainStu,.Rules,.aboutpage,.workus{--public-page-bg:#f4f7fb;--public-surface:#fff;--public-surface-soft:#f8fbfd;--public-border:#dbe5ef;--public-heading:#1d3048;--public-text:#496276;--public-muted:#71869a;--public-accent:#147f93;--public-accent-strong:#0c6478;--public-accent-soft:#e8f7f8;direction:rtl;color:var(--public-text)}
html[data-theme="dark"] .MainStu,html[data-theme="dark"] .Rules,html[data-theme="dark"] .aboutpage,html[data-theme="dark"] .workus{--public-page-bg:#081522;--public-surface:#102536;--public-surface-soft:#132d40;--public-border:#294b61;--public-heading:#e5f3f7;--public-text:#bfd3dc;--public-muted:#91aebb;--public-accent:#6dd7e2;--public-accent-strong:#9ae8ed;--public-accent-soft:#173b4d;color:var(--public-text)}
.MainStu,.Rules,.aboutpage,.workus{font-family:"Peyda","iransansweb",sans-serif;text-align:right}.MainStu h1,.MainStu h2,.MainStu h3,.MainStu h4,.MainStu h5,.Rules h1,.Rules h2,.Rules h3,.Rules h4,.Rules h5,.aboutpage h1,.aboutpage h2,.aboutpage h3,.aboutpage h4,.workus h1,.workus h2,.workus h3,.workus h4{font-family:"Peyda","iransansweb",sans-serif}
.MainStu a,.Rules a,.aboutpage a,.workus a{color:var(--public-accent-strong);transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.MainStu a:hover,.Rules a:hover,.aboutpage a:hover,.workus a:hover{color:var(--public-accent)}

/* Student panel */
.MainStu{margin:2.4rem auto 4.5rem;max-width:120rem}.MainStu__Content-Row{--bs-gutter-x:2rem;--bs-gutter-y:2rem;align-items:flex-start}.MainStu .Section__Title-Header{margin:0 0 1.5rem;color:var(--public-heading)!important;font-size:2.15rem;font-weight:900;line-height:1.45}.MainStu .Section__Title-Header:after{display:block;width:4.2rem;height:.3rem;margin-top:.65rem;border-radius:999px;background:var(--public-accent)!important}
.MainStu__Content-Course{gap:1.4rem;padding:0}.MainStu__Content-Course-Item{margin:0;overflow:hidden;border:1px solid var(--public-border);border-radius:1.6rem;background:var(--public-surface)!important;box-shadow:0 1rem 2.8rem rgba(28,55,82,.075);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.MainStu__Content-Course-Item:hover{border-color:#b8dfe5;box-shadow:0 1.3rem 3.2rem rgba(20,127,147,.13);transform:translateY(-3px)}.MainStu__Content-Course-Item-Pic{height:24rem}.MainStu__Content-Course-Item-Pic-1{display:block;width:100%;height:100%;object-fit:cover}.MainStu__Content-Course-Content{gap:.95rem;padding:1.65rem 1.8rem}.MainStu__Content-Course-Content-Name,.MainStu__Content-Course-Content-Prof,.MainStu__Content-Course-Content-Date,.MainStu__Content-Course-Content-location,.MainStu__Content-Course-Content-Price{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;line-height:1.75}.MainStu__Content-Course-Key{color:var(--public-muted)!important;font-size:1.2rem;font-weight:700}.MainStu__Content-Course-Val{min-width:0;color:var(--public-heading)!important;font-size:1.3rem;font-weight:800;text-align:left}.MainStu__Content-Course-Content-Price .text-danger{color:var(--public-danger,#c25a63)!important}.MainStu__Content-Course-Content-Price .text-success{color:var(--public-success,#21866f)!important}.MainStu__Content-Course-Content-Btn{margin:1rem 0 0;border:0;border-radius:1rem;background:linear-gradient(135deg,var(--public-accent),var(--public-accent-strong))!important;box-shadow:0 .7rem 1.6rem rgba(20,127,147,.2);transition:transform .2s ease,box-shadow .2s ease}.MainStu__Content-Course-Content-Btn:hover{box-shadow:0 1rem 2.2rem rgba(20,127,147,.28);transform:translateY(-2px)}.MainStu__Content-Course-Content-Btn-Link{padding:.35rem .5rem;color:#fff!important;font-size:1.25rem;font-weight:800}.MainStu__Content-Course-Content-Btn.bg-warning{border:1px solid #d4e2e8;background:var(--public-surface-soft)!important;box-shadow:none}.MainStu__Content-Course-Content-Btn.bg-warning .MainStu__Content-Course-Content-Btn-Link{color:var(--public-muted)!important}
.MainStu__Content-Links{position:sticky;top:2rem;right:auto}.MainStu__Content-Links-content{gap:1rem}.MainStu__Content-Links-Items{margin:0;overflow:hidden;border:1px solid var(--public-border);border-radius:1.35rem;background:var(--public-surface)!important;box-shadow:0 .8rem 2.2rem rgba(28,55,82,.065);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.MainStu__Content-Links-Items:hover{border-color:#b8dfe5;box-shadow:0 1rem 2.5rem rgba(20,127,147,.12);transform:translateY(-2px)}.MainStu__Content-Links-Items-Text{padding:1.35rem 1.4rem .55rem;color:var(--public-heading)!important;font-size:1.35rem;font-weight:900;line-height:1.6}.MainStu__Content-Links-Items-Box{padding:.6rem 1.35rem 1rem}.MainStu__Content-Links-Items-Row{margin-top:0}.MainStu__Content-Links-Items-Col{padding:.45rem}.MainStu__Content-Links-Items-Col-Key{margin-bottom:.3rem;color:var(--public-muted)!important;font-size:1.05rem}.MainStu__Content-Links-Items-Col-Val{color:var(--public-heading)!important;font-size:1.2rem;font-weight:800}.MainStu__Content-Links-Items-Details{margin-top:0;padding:.9rem 1rem;color:#fff!important;background:var(--public-accent)!important;font-size:1.15rem;font-weight:800}.MainStu__Content-Links-Items-Details:hover{color:#fff!important;background:var(--public-accent-strong)!important}.MainStu__Content-Links-Items-Details.bg-warning{border-top:1px solid var(--public-border);color:var(--public-muted)!important;background:var(--public-surface-soft)!important}
.MainStu__Content-Links-Offline{margin:1.3rem 0 0;padding:1.35rem;border:1px solid var(--public-border);border-radius:1.35rem;background:var(--public-surface)!important;box-shadow:0 .8rem 2.2rem rgba(28,55,82,.065)}.MainStu__Content-Links-Offline-Square{display:block;padding-bottom:.9rem;border-bottom:1px solid var(--public-border);color:var(--public-heading)!important;font-size:1.4rem;font-weight:900}.MainStu__Content-Links-Offline-Square:before{background:var(--public-accent)!important}.MainStu__Content-Links-Offline-List{margin:.35rem 0}.MainStu__Content-Links-Offline-Link{gap:.7rem;padding:.9rem 0;border-bottom:1px solid var(--public-border);color:var(--public-text)!important;font-size:1.2rem;line-height:1.7}.MainStu__Content-Links-Offline-Link:last-child{border-bottom:0}.MainStu__Content-Links-Offline-Link:hover{color:var(--public-accent-strong)!important;transform:none}.MainStu__Content-Links-Offline-Icon{color:var(--public-accent)!important;font-size:1rem}
.MainStu .category__Pagination{margin:2.5rem 0 0}.MainStu .Pagination__Item-Link{border:1px solid var(--public-border);border-radius:.8rem;color:var(--public-accent-strong)!important;background:var(--public-surface)}.MainStu .Pagination__Item-Link--active{border-color:var(--public-accent);color:#fff!important;background:var(--public-accent)}

/* Rules page */
.Rules{margin:2.5rem auto 5rem;max-width:112rem}.Rules__MainTitle{margin:0 0 1.6rem;padding:1.5rem 1.8rem;border:1px solid #b9dfe4;border-radius:1.25rem;color:var(--public-accent-strong);background:var(--public-accent-soft)!important;box-shadow:0 .8rem 2rem rgba(20,127,147,.08);font-size:1.55rem}.Rules__MainTitle h3{color:var(--public-heading)!important;font-size:1.7rem;font-weight:900}.Rules__MainTitle i{color:var(--public-accent)!important;font-size:2rem}.Rules__Content{margin-top:1.6rem;padding:clamp(1.5rem,3vw,3.2rem);border:1px solid var(--public-border);border-radius:1.6rem;background:var(--public-surface)!important;box-shadow:0 1rem 2.8rem rgba(28,55,82,.075)}.Rules__Header{justify-content:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.3rem;border-bottom:1px solid var(--public-border)}.Rules__Header-Icon{color:var(--public-accent)!important;font-size:1.9rem}.Rules__Header-Title{color:var(--public-heading)!important;font-size:2rem;font-weight:900;line-height:1.5}.Rules__Body-Row{gap:2rem;padding:2.4rem 0;border-bottom:1px solid var(--public-border)}.Rules__Body-Row:last-child{border-bottom:0}.Rules__Body-Column{min-width:0}.Rules__Body-Content{justify-content:flex-start;gap:.8rem;margin-bottom:1rem}.Rules__Body-Icon{flex:0 0 auto;color:var(--public-accent)!important;font-size:1.35rem}.Rules__Body-Title{color:var(--public-heading)!important;font-size:1.55rem;font-weight:900;line-height:1.65}.Rules__Body-Description{color:var(--public-text)!important;font-size:1.35rem;line-height:2.25;text-align:justify}.Rules__Body-Description .text-success{color:var(--public-success,#21866f)!important;font-weight:800}.Rules__Body-Description .text-danger{color:var(--public-danger,#c25a63)!important;font-weight:800}.Rules__Body-Box{align-self:center;min-height:18rem;padding:1rem}.Rules__Body-Image{width:min(100%,38rem);max-width:100%;border:1px solid var(--public-border);border-radius:1.35rem;box-shadow:0 .8rem 2rem rgba(28,55,82,.11)}.Rules__Body-tables{display:block;max-width:100%;overflow-x:auto;border:1px solid var(--public-border);border-radius:1.1rem;background:var(--public-surface-soft)}.Rules__Body-content-tables{width:100%;min-width:52rem}.Rules__Body-content-tables td{padding:1rem 1.2rem;border-color:var(--public-border);color:var(--public-text);font-size:1.2rem;line-height:1.8}.Rules__Body-content-tables tr:nth-child(even) td{background:var(--public-surface)}

/* About us page */
.aboutpage{margin:2rem 0;padding:clamp(1.5rem,3vw,3rem);border:1px solid var(--public-border);border-radius:1.6rem;background:var(--public-surface)!important;box-shadow:0 1rem 2.8rem rgba(28,55,82,.075)}.aboutpage__Header{justify-content:flex-start;gap:.9rem;margin:2rem 0 1.2rem;padding:1.3rem 1.6rem;border:1px solid #b9dfe4;border-radius:1.25rem;color:var(--public-heading)!important;background:var(--public-accent-soft)!important;font-size:1.55rem;font-weight:900;box-shadow:0 .8rem 2rem rgba(20,127,147,.07)}.aboutpage__Header i{color:var(--public-accent)!important;font-size:1.8rem}.aboutpage:first-child{margin-top:2.4rem}.aboutpage__Row{--bs-gutter-x:2rem;--bs-gutter-y:1.5rem}.aboutpage .suggest__Header-Right{gap:.9rem;margin:1rem 0!important;padding:.5rem 0}.aboutpage .suggest__Header-Icons{display:grid;width:4.2rem;height:4.2rem;flex:0 0 4.2rem;place-items:center;border:1px solid #b9dfe4;border-radius:1.1rem;background:var(--public-accent-soft)!important;box-shadow:none}.aboutpage .suggest__Header-Icons-Item{color:var(--public-accent)!important;font-size:1.65rem}.aboutpage .suggest__Header-Text{gap:.25rem}.aboutpage .suggest__Header-Text-Title{color:var(--public-heading)!important;font-size:1.6rem;font-weight:900}.aboutpage .suggest__Header-Text-SubTitle{color:var(--public-muted)!important;font-size:1.15rem}.aboutpage__Description{padding:.6rem 0;margin:0;color:var(--public-text)!important;font-size:1.4rem;line-height:2.35;text-align:justify}.aboutpage__Description strong{color:var(--public-accent-strong)!important;font-weight:900}.aboutpage__Contact{min-height:5.2rem;margin-bottom:1rem;padding:1rem 1.2rem;border:1px solid var(--public-border);border-radius:1rem;color:var(--public-text)!important;background:var(--public-surface-soft)!important}.aboutpage__Contact-Key{color:var(--public-muted)!important;font-size:1.2rem}.aboutpage__Contact-Value{color:var(--public-heading)!important;font-size:1.2rem;font-weight:800;overflow-wrap:anywhere}.aboutpage h3.aboutpage__Contact{color:var(--public-heading)!important;font-size:1.3rem;font-weight:900}.aboutpage__SocialMedia{justify-content:flex-start;gap:.8rem}.aboutpage__SocialMedia-Box{display:grid;width:4.4rem;height:4.4rem;place-items:center;border:1px solid var(--public-border);border-radius:1rem;color:var(--public-accent)!important;background:var(--public-surface-soft)!important;box-shadow:0 .45rem 1.1rem rgba(28,55,82,.06)}.aboutpage__SocialMedia-Box:hover{border-color:#8bcbd2;background:var(--public-accent-soft)!important;box-shadow:0 .7rem 1.4rem rgba(20,127,147,.14);transform:translateY(-2px)}.aboutpage__SocialMedia-Icon{color:inherit!important;font-size:1.8rem}

/* Work with us page */
.workus{margin:0 auto;padding:2.4rem 0 5rem;max-width:120rem}.workus__Header{justify-content:center;gap:1rem;margin:0 0 1.8rem;padding:1.4rem 1.8rem;border:1px solid #b9dfe4;border-radius:1.35rem;color:var(--public-heading)!important;background:var(--public-accent-soft);box-shadow:0 .8rem 2rem rgba(20,127,147,.07);font-size:1.4rem;line-height:2}.workus__Header-Icon{color:var(--public-accent)!important;font-size:1.7rem}.workus__Header p{margin:0;text-align:center}.workus__Header .text-success{color:var(--public-accent-strong)!important}.workus__Content{padding:0;border:1px solid var(--public-border);border-radius:1.6rem;background:var(--public-surface)!important;box-shadow:0 1rem 2.8rem rgba(28,55,82,.075)}.workus__Box{gap:2rem;margin:0;padding:2.2rem;border-bottom:1px solid var(--public-border)}.workus .Rule{height:100%;padding:.4rem}.workus .Rule>h1{margin:0 0 1.3rem;padding-right:1rem;border-right:3px solid var(--public-accent);color:var(--public-heading)!important;font-size:1.75rem;line-height:1.7}.workus__HeadTitle{margin:1.5rem 0 .55rem;color:var(--public-accent-strong)!important;font-size:1.45rem;font-weight:900}.workus__Description{margin:.45rem 0;color:var(--public-text)!important;font-size:1.3rem;line-height:2.15}.workus__Image{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--public-border)}.workus__Image-Box{overflow:hidden;border:1px solid var(--public-border);border-radius:1.35rem;background:var(--public-surface-soft);box-shadow:0 .9rem 2.2rem rgba(28,55,82,.1)}.workus__Image-Pic{display:block;width:100%;max-width:100%;border-radius:1.35rem}.workus__Form{gap:2rem;margin:0;padding:2.2rem;position:relative;border-top:1px solid transparent}.workus__Form>.row{--bs-gutter-x:2rem;--bs-gutter-y:2rem;align-items:center;width:100%;margin:0}.workus__Resome{overflow:hidden;border:1px solid var(--public-border);border-radius:1.35rem;background:var(--public-surface-soft);box-shadow:0 .9rem 2.2rem rgba(28,55,82,.08)}.workus__Resome-Image{display:block;width:100%;max-width:100%;border-radius:1.35rem}.WorkUs__Forms{padding:1.4rem;border:1px solid var(--public-border);border-radius:1.35rem;background:var(--public-surface-soft)}.workus__rate-error{margin:0 0 1rem;padding:.85rem 1rem;border:1px solid #e5b9bf;border-radius:.85rem;color:var(--public-danger,#c25a63)!important;background:#fff2f3;font-size:1.15rem;line-height:1.7}.workus__Label{display:grid;grid-template-columns:2rem 10rem minmax(0,1fr);align-items:center;gap:.7rem;margin:0;padding:.8rem 0;border-bottom:1px solid var(--public-border)}.workus__Label:last-of-type{border-bottom:0}.workus__Label i{color:var(--public-accent)!important;font-size:1.15rem;text-align:center}.workus__Label-Text{width:auto;color:var(--public-muted)!important;font-size:1.2rem;font-weight:700}.workus__Label-Input,.workus__Label-select,.workus__Label-file{width:100%;min-width:0;padding:.85rem 1rem;border:1px solid var(--public-border);border-radius:.8rem;color:var(--public-heading)!important;background:var(--public-surface)!important;font:inherit;font-size:1.2rem;line-height:1.6}.workus__Label-Input:focus,.workus__Label-select:focus,.workus__Label-file:focus{border-color:#70c4cc;box-shadow:0 0 0 .25rem rgba(20,127,147,.12);outline:0}.workus__Label-Input-Fill{background:#eef4f7!important}.workus__Label-Input::placeholder{color:var(--public-muted)!important}.workus__Label-select option{color:var(--public-heading);background:var(--public-surface)}.workus__Label textarea{min-height:10rem;resize:vertical}.workus__Label-file{padding:.65rem}.workus__file{display:flex;justify-content:space-between;gap:.45rem;padding:.8rem 0;border-bottom:0;color:var(--public-danger,#c25a63)!important;font-size:1.05rem}.workus__file i{color:var(--public-danger,#c25a63)!important}.workus__file p{margin:0;line-height:1.7}.workus__file-errors{padding:.4rem .65rem;border:1px solid #e5b9bf;border-radius:.55rem;background:#fff2f3}.workus__Label-Button{width:100%;margin:.8rem 0 0;padding:1rem;border:0;border-radius:.9rem;color:#fff!important;background:linear-gradient(135deg,var(--public-accent),var(--public-accent-strong))!important;box-shadow:0 .7rem 1.6rem rgba(20,127,147,.2);font:800 1.2rem "Peyda","iransansweb",sans-serif;transition:transform .2s ease,box-shadow .2s ease}.workus__Label-Button:hover{box-shadow:0 1rem 2.2rem rgba(20,127,147,.28);transform:translateY(-2px)}.workus__Register{width:min(60rem,calc(100% - 3rem));height:auto;min-height:38rem;padding:2rem;border:1px solid var(--public-border);border-radius:1.35rem;background:var(--public-surface)!important;box-shadow:0 1.5rem 4rem rgba(0,0,0,.22);color:var(--public-text)!important}.workus__Register-Title{color:var(--public-text);font-size:1.25rem;line-height:1.9;text-align:center}.workus__Register-Link{color:var(--public-accent-strong)!important;font-weight:900}.workus__Register-Content{--bs-gutter-x:1rem;margin-top:1.2rem}.workus__Register-Column{display:flex;flex-direction:column;align-items:center;gap:.75rem}.workus__Register-Image{width:100%;max-width:14rem}.workus__Register-Btn{width:100%;padding:.85rem;border-radius:.8rem;color:#fff!important;background:var(--public-accent)!important;font-size:1.15rem;font-weight:800;text-align:center}.workus__Register-Btn:hover{color:#fff!important;background:var(--public-accent-strong)!important;transform:translateY(-2px)}.workus__success{border:1px solid rgba(109,215,226,.4);border-radius:1.5rem;background:linear-gradient(145deg,#147f93,#0c6478);box-shadow:0 1.5rem 4rem rgba(0,0,0,.32)}.workus__success-Text{color:#fff}.workus__success-Btn{color:#0b3440;background:#baf1ee}.workus__Dark{z-index:99}

/* Dark mode: keep these public pages on the same restrained slate/teal palette. */
html[data-theme="dark"] .MainStu__Content-Course-Item,html[data-theme="dark"] .MainStu__Content-Links-Items,html[data-theme="dark"] .MainStu__Content-Links-Offline,html[data-theme="dark"] .Rules__Content,html[data-theme="dark"] .Rules__MainTitle,html[data-theme="dark"] .aboutpage,html[data-theme="dark"] .workus__Content,html[data-theme="dark"] .WorkUs__Forms,html[data-theme="dark"] .workus__Resome{border-color:var(--public-border)!important;background:var(--public-surface)!important;box-shadow:0 1rem 2.8rem rgba(0,0,0,.24)!important;color:var(--public-text)!important}.Rules__MainTitle,html[data-theme="dark"] .aboutpage__Header,html[data-theme="dark"] .workus__Header{border-color:#346b7c!important;background:var(--public-accent-soft)!important;color:var(--public-heading)!important}.MainStu .Section__Title-Header,html[data-theme="dark"] .Rules__MainTitle h3,html[data-theme="dark"] .Rules__Header-Title,html[data-theme="dark"] .Rules__Body-Title,html[data-theme="dark"] .aboutpage .suggest__Header-Text-Title,html[data-theme="dark"] .aboutpage__Contact-Value,html[data-theme="dark"] .workus .Rule>h1{color:var(--public-heading)!important}.MainStu__Content-Course-Key,html[data-theme="dark"] .MainStu__Content-Links-Items-Col-Key,html[data-theme="dark"] .aboutpage .suggest__Header-Text-SubTitle,html[data-theme="dark"] .aboutpage__Contact-Key{color:var(--public-muted)!important}.MainStu__Content-Course-Val,html[data-theme="dark"] .MainStu__Content-Links-Items-Text,html[data-theme="dark"] .MainStu__Content-Links-Items-Col-Val,html[data-theme="dark"] .MainStu__Content-Links-Offline-Square,html[data-theme="dark"] .Rules__Body-Description,html[data-theme="dark"] .aboutpage__Description,html[data-theme="dark"] .aboutpage__Contact,html[data-theme="dark"] .workus__Header p,html[data-theme="dark"] .workus__Description{color:var(--public-text)!important}.MainStu__Content-Course-Content-Btn,html[data-theme="dark"] .MainStu__Content-Links-Items-Details{background:linear-gradient(135deg,var(--public-accent),#3faeba)!important;color:#071a24!important}.MainStu__Content-Course-Content-Btn-Link,html[data-theme="dark"] .MainStu__Content-Links-Items-Details:hover{color:#071a24!important}.MainStu__Content-Course-Content-Btn.bg-warning,html[data-theme="dark"] .MainStu__Content-Links-Items-Details.bg-warning{border-color:var(--public-border)!important;color:var(--public-muted)!important;background:var(--public-surface-soft)!important}.Rules__Header,html[data-theme="dark"] .Rules__Body-Row,html[data-theme="dark"] .Rules__Body-tables,html[data-theme="dark"] .aboutpage .Comments-articles,html[data-theme="dark"] .workus__Box{border-color:var(--public-border)!important}.Rules__Body-Icon,html[data-theme="dark"] .Rules__Header-Icon,html[data-theme="dark"] .Rules__Body-Title,html[data-theme="dark"] .Rules__Body-Description .text-success,html[data-theme="dark"] .aboutpage .suggest__Header-Icons-Item,html[data-theme="dark"] .aboutpage__SocialMedia-Box,html[data-theme="dark"] .workus__HeadTitle,html[data-theme="dark"] .workus__Label i{color:var(--public-accent)!important}.Rules__Body-Description .text-danger,html[data-theme="dark"] .workus__file,html[data-theme="dark"] .workus__file i,html[data-theme="dark"] .workus__rate-error{color:#ff9a9a!important}.html[data-theme="dark"] .Rules__Body-content-tables td,html[data-theme="dark"] .Rules__Body-content-tables td{border-color:var(--public-border)!important;background:var(--public-surface-soft)!important;color:var(--public-text)!important}.Rules__Body-content-tables td,html[data-theme="dark"] .Rules__Body-content-tables td{border-color:var(--public-border)!important;color:var(--public-text)!important}.aboutpage .suggest__Header-Icons,html[data-theme="dark"] .aboutpage .suggest__Header-Icons{border-color:#346b7c!important;background:var(--public-accent-soft)!important}.aboutpage__Contact,html[data-theme="dark"] .aboutpage__Contact{border-color:var(--public-border)!important;background:var(--public-surface-soft)!important}.aboutpage__SocialMedia-Box,html[data-theme="dark"] .aboutpage__SocialMedia-Box{border-color:var(--public-border)!important;background:var(--public-surface-soft)!important}.workus__Label-Input,.workus__Label-select,.workus__Label-file,html[data-theme="dark"] .workus__Label-Input,html[data-theme="dark"] .workus__Label-select,html[data-theme="dark"] .workus__Label-file{border-color:var(--public-border)!important;background:var(--public-surface-soft)!important;color:var(--public-heading)!important}.workus__Label-Input-Fill,html[data-theme="dark"] .workus__Label-Input-Fill{background:#0d2030!important}.workus__Label-Input::placeholder,html[data-theme="dark"] .workus__Label-Input::placeholder{color:var(--public-muted)!important}.workus__Register,html[data-theme="dark"] .workus__Register{border-color:var(--public-border)!important;background:var(--public-surface)!important;color:var(--public-text)!important}.workus__Register-Link,html[data-theme="dark"] .workus__Register-Link{color:var(--public-accent-strong)!important}html[data-theme="dark"] .workus__Register-Btn{background:var(--public-accent)!important;color:#071a24!important}.workus__Register-Btn:hover,html[data-theme="dark"] .workus__Register-Btn:hover{background:var(--public-accent-strong)!important;color:#071a24!important}.workus__file-errors,html[data-theme="dark"] .workus__file-errors{border-color:#704e59;background:#2a1b27}.workus__success-Btn,html[data-theme="dark"] .workus__success-Btn{color:#0b3440;background:#baf1ee}

@media(max-width:991.98px){.MainStu,.Rules,.workus{margin-top:1.4rem}.MainStu__Content-Links{position:static}.MainStu__Content-Course-Item-Pic{height:21rem}.Rules__Body-Row{gap:1rem}.workus__Box{padding:1.5rem}.workus__Image{border-right:0;border-top:1px solid var(--public-border);padding-top:1.5rem}.workus__Form{padding:1.5rem}}
@media(max-width:575.98px){.MainStu,.Rules,.workus{margin-bottom:3rem}.MainStu .Section__Title-Header{font-size:1.85rem}.MainStu__Content-Course-Item-Pic{height:18rem}.MainStu__Content-Course-Content{padding:1.25rem}.MainStu__Content-Course-Content-Name,.MainStu__Content-Course-Content-Prof,.MainStu__Content-Course-Content-Date,.MainStu__Content-Course-Content-location,.MainStu__Content-Course-Content-Price{align-items:flex-start;flex-direction:column;gap:.1rem}.MainStu__Content-Course-Val{text-align:right}.Rules__Content{padding:1.25rem}.Rules__MainTitle{justify-content:flex-start}.Rules__Header{align-items:flex-start;flex-direction:column}.Rules__Header-Title{font-size:1.7rem}.Rules__Body-Row{padding:1.6rem 0}.Rules__Body-Description{font-size:1.25rem;line-height:2.1}.Rules__Body-Box{min-height:0}.aboutpage{padding:1.25rem}.aboutpage__Header{margin:1.2rem 0 1rem;padding:1rem 1.1rem;font-size:1.3rem}.aboutpage__Description{font-size:1.28rem;line-height:2.15}.aboutpage__Contact{align-items:flex-start;gap:.35rem;flex-direction:column}.workus{padding-top:1.4rem}.workus__Header{align-items:flex-start;padding:1.1rem;gap:.65rem;font-size:1.2rem}.workus__Header-Icon{font-size:1.4rem}.workus__Box{padding:1.25rem}.workus .Rule>h1{font-size:1.5rem}.workus__Description{font-size:1.23rem}.workus__Form{padding:1.25rem}.workus__Label{grid-template-columns:1.8rem 1fr;align-items:start}.workus__Label-Text{grid-column:2}.workus__Label-Input,.workus__Label-select,.workus__Label-file,.workus__Label textarea{grid-column:2;width:100%;margin-top:.25rem}.workus__file{display:flex;}.workus__file p{grid-column:2}.workus__Register{width:calc(100% - 2rem);padding:1.25rem}.workus__Register-Column{padding:.3rem}.workus__Register-Btn{font-size:1rem}}

/* Focused refinements for the public information pages. */
@media (min-width: 768px) {
  .workus__Box {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(26rem, .9fr);
    align-items: center;
    gap: clamp(2rem, 4vw, 5rem);
  }

  .workus__Box > .col-md-6 {
    width: auto;
    max-width: none;
    padding: 0;
  }

  .workus__Box > .workus__Image {
    min-height: 100%;
    border-right: 1px solid var(--public-border);
  }
}

/* Make the rule content deliberately alternate from one side to the other. */
@media (min-width: 768px) {
  .Rules__Body-Row:has(> .Rules__Body-Box) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: clamp(1.5rem, 4vw, 4.5rem);
    margin-inline: 0;
  }

  .Rules__Body-Row:has(> .Rules__Body-Box) > .Rules__Body-Column {
    width: auto;
    max-width: none;
    padding-inline: 0;
  }

  .Rules__Body-Row:not(:has(> .Rules__Body-Box)) {
    display: block !important;
    margin-inline: 0;
  }

  .Rules__Body-Row:not(:has(> .Rules__Body-Box)) > .Rules__Body-Column {
    width: 100%;
    max-width: 100%;
    padding-inline: 0;
  }

  .Rules__Body > .Rules__Body-Row:nth-child(odd) .Rules__Body-Column:not(.Rules__Body-Box) {
    margin-left: auto;
    text-align: right;
  }

  .Rules__Body > .Rules__Body-Row:nth-child(even) .Rules__Body-Column:not(.Rules__Body-Box) {
    margin-right: auto;
    text-align: right;
  }

  .Rules__Body > .Rules__Body-Row:nth-child(even) .Rules__Body-Content {
    justify-content: flex-start;
  }

  .Rules__Body > .Rules__Body-Row:nth-child(even) .Rules__Body-Description {
    text-align: right;
  }

  .Rules__Body > .Rules__Body-Row:nth-child(even) .Rules__Body-Image {
    box-shadow: -.9rem .9rem 2.2rem rgba(28, 55, 82, .11);
  }
}

/* Student panel: a dedicated blue/neon system that supersedes legacy yellow rules. */
.MainStu {
  padding: clamp(1.2rem, 2.5vw, 2.8rem);
  border: 1px solid var(--public-border);
  border-radius: 2rem;
  background:
    radial-gradient(circle at 8% 2%, rgba(20, 127, 147, .1), transparent 25rem),
    var(--public-surface-soft);
  box-shadow: 0 1.5rem 4rem rgba(28, 55, 82, .08);
}

.MainStu .Section__Title-Header {
  display: flex;
  align-items: center;
  min-height: 5.4rem;
  margin-bottom: 1.8rem;
  padding: 0 1.35rem;
  border: 1px solid var(--public-border);
  border-radius: 1.2rem;
  background: var(--public-surface);
  box-shadow: 0 .7rem 1.7rem rgba(28, 55, 82, .05);
}

.MainStu .Section__Title-Header::after {
  flex: 0 0 3.8rem;
  width: 3.8rem;
  margin: 0 .8rem 0 0;
}

@media (min-width: 992px) {
  .MainStu__Content-Course-Item {
    display: grid;
    grid-template-columns: minmax(20rem, 31%) minmax(0, 1fr);
  }

  .MainStu__Content-Course-Item-Pic {
    height: auto;
    min-height: 100%;
  }
}

.MainStu__Content-Course-Content-Date {
  padding: .8rem 0;
  border-top: 1px solid var(--public-border);
  border-bottom: 1px solid var(--public-border);
}

.MainStu__Content-Course-Content-Date-Row {
  width: 100%;
}

.MainStu__Content-Course-Content-Date-Col {
  min-width: 0;
}

.MainStu__Content-Course-Content-Btn,
.MainStu__Content-Links-Items-Details {
  position: relative;
  overflow: hidden;
}

.MainStu__Content-Course-Content-Btn::before,
.MainStu__Content-Links-Items-Details::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(105deg, transparent 22%, rgba(255, 255, 255, .24) 48%, transparent 72%);
  transform: translateX(-110%);
  transition: transform .5s ease;
}

.MainStu__Content-Course-Content-Btn:hover::before,
.MainStu__Content-Links-Items-Details:hover::before {
  transform: translateX(110%);
}

html[data-theme="dark"] .MainStu {
  --public-page-bg: #071626;
  --public-surface: #0d2438;
  --public-surface-soft: #102d46;
  --public-border: #24506f;
  --public-heading: #e5f5ff;
  --public-text: #bfd7e8;
  --public-muted: #86a9c0;
  --public-accent: #5cc8ff;
  --public-accent-strong: #258bf4;
  --public-accent-soft: #123a5d;
  border-color: rgba(92, 200, 255, .28);
  background:
    radial-gradient(circle at 6% 0, rgba(52, 151, 255, .25), transparent 28rem),
    linear-gradient(145deg, #0b2033, #071625);
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, .34), 0 0 3rem rgba(62, 167, 255, .08);
}

html[data-theme="dark"] .MainStu .Section__Title-Header {
  border-color: rgba(92, 200, 255, .25);
  background: linear-gradient(105deg, rgba(22, 66, 102, .92), rgba(10, 31, 49, .92));
  box-shadow: inset 0 1px 0 rgba(207, 244, 255, .07), 0 1rem 2.4rem rgba(0, 0, 0, .2);
}

html[data-theme="dark"] .MainStu .Section__Title-Header::after,
html[data-theme="dark"] .MainStu__Content-Links-Offline-Square::before {
  background: linear-gradient(90deg, #61d4ff, #3187ff) !important;
  box-shadow: 0 0 .9rem rgba(92, 200, 255, .65);
}

html[data-theme="dark"] .MainStu__Content-Course-Key,
html[data-theme="dark"] .MainStu__Content-Links-Offline-Link,
html[data-theme="dark"] .MainStu__Content-Links-Filters-Key {
  color: #78d4ff !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Item,
html[data-theme="dark"] .MainStu__Content-Links-Items,
html[data-theme="dark"] .MainStu__Content-Links-Offline {
  border-color: rgba(92, 200, 255, .2) !important;
  background: linear-gradient(145deg, rgba(16, 45, 70, .98), rgba(9, 31, 49, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(207, 244, 255, .05), 0 1.15rem 2.8rem rgba(0, 0, 0, .27) !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Item:hover,
html[data-theme="dark"] .MainStu__Content-Links-Items:hover {
  border-color: rgba(92, 200, 255, .58) !important;
  box-shadow: inset 0 1px 0 rgba(207, 244, 255, .09), 0 1.45rem 3.4rem rgba(0, 0, 0, .34), 0 0 2.4rem rgba(61, 160, 255, .13) !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Content-Btn,
html[data-theme="dark"] .MainStu__Content-Links-Items-Details,
html[data-theme="dark"] .MainStu__Content-Links-Filters-Items,
html[data-theme="dark"] .MainStu .Pagination__Item-Link--active {
  border-color: #55c8ff !important;
  background: linear-gradient(135deg, #55c8ff, #2d86ef) !important;
  box-shadow: 0 .8rem 2rem rgba(40, 137, 244, .25), 0 0 1.5rem rgba(92, 200, 255, .18) !important;
  color: #061827 !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Content-Btn-Link,
html[data-theme="dark"] .MainStu__Content-Links-Items-Details,
html[data-theme="dark"] .MainStu__Content-Links-Items-Details:hover {
  color: #061827 !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Content-Btn.bg-warning,
html[data-theme="dark"] .MainStu__Content-Links-Items-Details.bg-warning {
  border-color: rgba(134, 169, 192, .26) !important;
  background: rgba(16, 45, 70, .82) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .MainStu__Content-Course-Content-Btn.bg-warning .MainStu__Content-Course-Content-Btn-Link,
html[data-theme="dark"] .MainStu__Content-Links-Items-Details.bg-warning {
  color: var(--public-muted) !important;
}

/* Course catalogue: clear media and a more deliberate, editorial card system. */
.MainStu__Content-Course-Item-Pic {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0c2436;
}

.MainStu__Content-Course-Item-Pic::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, transparent 52%, rgba(4, 19, 31, .28));
  content: "";
  pointer-events: none;
}

.MainStu__Content-Course-Item-Pic-1 {
  position: relative;
  z-index: 0;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  image-rendering: auto;
  transform: scale(1.001);
  transition: transform .45s ease;
}

.MainStu__Content-Course-Item:hover .MainStu__Content-Course-Item-Pic-1 {
  transform: scale(1.045);
}

.MainStu__Content-Course-Item {
  border-radius: 1.8rem;
  display: flex;
  flex-direction: column; 
}

.MainStu__Content-Course-Content {
  position: relative;
  gap: .8rem;
  padding: clamp(1.4rem, 2vw, 2rem);
}

.MainStu__Content-Course-Content-Name {
  align-items: center;
  padding-bottom: .9rem;
  border-bottom: 1px solid var(--public-border);
}

.MainStu__Content-Course-Content-Name .MainStu__Content-Course-Val {
  color: var(--public-accent-strong) !important;
  font-size: clamp(1.45rem, 1.3vw, 1.7rem);
}

.MainStu__Content-Course-Content-Prof,
.MainStu__Content-Course-Content-location,
.MainStu__Content-Course-Content-Price {
  min-height: 3.4rem;
  padding: .55rem .75rem;
  border-radius: .85rem;
  background: var(--public-surface-soft);
}

.MainStu__Content-Course-Content-Date {
  margin: .1rem 0;
  padding: .9rem 0;
}

.MainStu__Content-Course-Content-Date-Col {
  display: grid;
  gap: .3rem;
  padding-inline: .8rem;
}

.MainStu__Content-Course-Content-Date-Col + .MainStu__Content-Course-Content-Date-Col {
  border-right: 1px solid var(--public-border);
}

.MainStu__Content-Course-Content-Btn {
  margin-top: .5rem;
  border-radius: .95rem;
}

.MainStu__Content-Links-content {
  gap: 1.2rem;
}

.MainStu__Content-Links-Items {
  position: relative;
  border-radius: 1.55rem;
}

.MainStu__Content-Links-Items::before {
  position: absolute;
  top: 1.15rem;
  right: 0;
  width: .35rem;
  height: 3.3rem;
  border-radius: 999px 0 0 999px;
  background: linear-gradient(var(--public-accent), var(--public-accent-strong));
  box-shadow: 0 0 .9rem rgba(20, 127, 147, .3);
  content: "";
}

.MainStu__Content-Links-Items-Text {
  padding: 1.45rem 1.8rem .8rem;
  text-align: right;
}

.MainStu__Content-Links-Items-Box {
  margin: 0 1.25rem 1.2rem;
  padding: .35rem .65rem;
  border: 1px solid var(--public-border);
  border-radius: 1rem;
  background: var(--public-surface-soft);
}

.MainStu__Content-Links-Items-Col + .MainStu__Content-Links-Items-Col {
  border-right: 1px solid var(--public-border);
}

.MainStu__Content-Links-Items-Details {
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, var(--public-accent), var(--public-accent-strong)) !important;
}

.MainStu__Content-Links-Offline {
  border-radius: 1.55rem;
}

html[data-theme="light"] .workus__Register {
  min-height: 0 !important;
  max-height: 27rem !important;
}

@media (max-width: 767.98px) {
  .MainStu__Content-Course-Content-Date-Col + .MainStu__Content-Course-Content-Date-Col,
  .MainStu__Content-Links-Items-Col + .MainStu__Content-Links-Items-Col {
    border-right: 0;
  }
}

@media (max-width: 767.98px) {
  .Rules__Body-Row {
    margin-inline: 0;
  }

  .Rules__Body-Row > .Rules__Body-Column {
    width: 100%;
    max-width: 100%;
    padding-inline: 0;
  }

  .workus__Box {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .workus__Box > .col-md-6 {
    width: 100%;
    max-width: 100%;
  }

  .Rules__Body > .Rules__Body-Row .Rules__Body-Column:not(.Rules__Body-Box),
  .Rules__Body > .Rules__Body-Row:nth-child(even) .Rules__Body-Description {
    text-align: right;
  }

  .Rules__Body > .Rules__Body-Row:nth-child(even) .Rules__Body-Content {
    justify-content: flex-start;
  }

  .MainStu {
    padding: 1rem;
    border-radius: 1.4rem;
  }

  .MainStu .Section__Title-Header {
    min-height: 4.8rem;
    padding: 0 1rem;
  }
}

/* Readonly account details should remain light and readable in Light Mode. */
html[data-theme="light"] .workus input.workus__Label-Input-Fill[name="lname"],
html[data-theme="light"] .workus input.workus__Label-Input-Fill[name="phone"],
html[data-theme="light"] .workus input.workus__Label-Input-Fill[name="email"] {
  color: #263b52 !important;
  -webkit-text-fill-color: #263b52 !important;
  background: #f4f8fb !important;
  border: 1px solid #c9d9e5 !important;
  border-radius: .85rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 .35rem 1rem rgba(55, 88, 119, .06);
  opacity: 1;
}

html[data-theme="light"] .workus input.workus__Label-Input-Fill[name="lname"]:hover,
html[data-theme="light"] .workus input.workus__Label-Input-Fill[name="phone"]:hover,
html[data-theme="light"] .workus input.workus__Label-Input-Fill[name="email"]:hover {
  border-color: #8db8cb !important;
  background: #fff !important;
}

/* The second rules group contains rows directly under Rules__Content. Keep
   that group in the same alternating rhythm as the first group. */
@media (min-width: 768px) {
  .Rules__Content > .Rules__Body-Row:nth-child(odd) .Rules__Body-Column:not(.Rules__Body-Box) {
    margin-left: auto;
    text-align: right;
  }

  .Rules__Content > .Rules__Body-Row:nth-child(even) .Rules__Body-Column:not(.Rules__Body-Box) {
    margin-right: auto;
    text-align: right;
  }

  .Rules__Content > .Rules__Body-Row:nth-child(even) .Rules__Body-Content {
    justify-content: flex-start;
  }

  .Rules__Content > .Rules__Body-Row:nth-child(even) .Rules__Body-Description {
    text-align: right;
  }
}

/* -------------------------------------------------------------------------
   Shared blue refinements: catalog, course paths and account flows.
   These selectors sit last so page-specific legacy styles cannot reintroduce
   yellow accents in dark mode. */

html[data-theme="dark"] #home-main .category {
  --dm-accent: #60a5fa;
  --dm-brand: #60a5fa;
  --dm-link: #60a5fa;
  --dm-link-hover: #93c5fd;
  --dm-yellow-soft: rgba(59, 130, 246, .18);
}

html[data-theme="dark"] #home-main .category .category__TopBar {
  border: 1px solid rgba(96, 165, 250, .24);
  background:
    radial-gradient(circle at 100% 0, rgba(37, 99, 235, .2), transparent 32rem),
    linear-gradient(135deg, #101d32, #0c1728) !important;
  box-shadow: inset 0 1px 0 rgba(191, 219, 254, .06), 0 1.3rem 3.4rem rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"] #home-main .category .category__Search-Field,
html[data-theme="dark"] #home-main .category .category__Price-Row,
html[data-theme="dark"] #home-main .category .category__Categories-Row,
html[data-theme="dark"] #home-main .category .category__Features-Row,
html[data-theme="dark"] #home-main .category .category__Sort-Group {
  border-color: rgba(125, 211, 252, .16) !important;
  background: rgba(11, 27, 46, .88) !important;
}

html[data-theme="dark"] #home-main .category .category__Filter-Chip:hover,
html[data-theme="dark"] #home-main .category .category__Filter-Checkbox:hover {
  border-color: #60a5fa !important;
  background: rgba(37, 99, 235, .16) !important;
}

html[data-theme="dark"] #home-main .category .category__Filter-Check:checked ~ .category__Filter-Checkmark,
html[data-theme="dark"] #home-main .category .category__TopBar-Right-Filter-Item--active,
html[data-theme="dark"] #home-main .category .category__TopBar-Right-RowBtn--active,
html[data-theme="dark"] #home-main .category .category__TopBar-Right-ColumnBtn--active {
  background: linear-gradient(135deg, #60a5fa, #2563eb) !important;
  border-color: #60a5fa !important;
  color: #071525 !important;
}

html[data-theme="dark"] #home-main .category .LatestCourses__GridItem .LatestCourses__Card,
html[data-theme="dark"] #home-main .category .CourseRailCardSet > * > * {
  border-color: rgba(125, 211, 252, .16) !important;
  box-shadow: 0 1.15rem 2.8rem rgba(0, 0, 0, .22) !important;
}

/* Modern dark catalog controls: blue/cyan depth without changing desktop geometry. */
html[data-theme="dark"] #home-main #category-page .category__TopBar {
  border-color: rgba(96, 165, 250, .28) !important;
  background:
    radial-gradient(circle at 8% 0, rgba(14, 165, 233, .16), transparent 24rem),
    radial-gradient(circle at 94% 8%, rgba(37, 99, 235, .19), transparent 28rem),
    linear-gradient(145deg, #0d1b30 0%, #091524 58%, #0b1728 100%) !important;
  box-shadow: inset 0 1px 0 rgba(191, 219, 254, .075), 0 1.8rem 4.2rem rgba(0, 0, 0, .3) !important;
}

html[data-theme="dark"] #home-main #category-page .category__Filter-Header-Icon {
  border-color: rgba(125, 211, 252, .45);
  background: linear-gradient(145deg, #38bdf8, #2563eb 58%, #1d4ed8);
  box-shadow: 0 .8rem 2rem rgba(37, 99, 235, .32), 0 0 1.7rem rgba(56, 189, 248, .14), inset 0 1px 0 rgba(255, 255, 255, .3);
}

html[data-theme="dark"] #home-main #category-page .category__Price-Row,
html[data-theme="dark"] #home-main #category-page .category__Filter-Block {
  border-color: rgba(96, 165, 250, .2) !important;
  background: linear-gradient(145deg, rgba(16, 35, 59, .96), rgba(11, 27, 47, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(186, 230, 253, .055), 0 .9rem 2.4rem rgba(0, 0, 0, .2) !important;
}

html[data-theme="dark"] #home-main #category-page .category__Price-Slider {
  background: #172b45 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .28);
}

html[data-theme="dark"] #home-main #category-page .category__Price-Slider-Track {
  background: linear-gradient(90deg, #22d3ee, #3b82f6 55%, #60a5fa) !important;
  box-shadow: 0 0 1rem rgba(56, 189, 248, .35);
}

html[data-theme="dark"] #home-main #category-page .category__Price-Input-Range::-webkit-slider-thumb {
  border-color: #dff7ff !important;
  outline-color: #38bdf8;
  background: #60a5fa !important;
  box-shadow: 0 0 1.2rem rgba(56, 189, 248, .48);
}

html[data-theme="dark"] #home-main #category-page .category__Price-Input-Range::-moz-range-thumb {
  border-color: #dff7ff !important;
  outline-color: #38bdf8;
  background: #60a5fa !important;
  box-shadow: 0 0 1.2rem rgba(56, 189, 248, .48);
}

html[data-theme="dark"] #home-main #category-page .category__Filter-Section-Title::before {
  background: linear-gradient(135deg, #67e8f9, #3b82f6);
  box-shadow: 0 0 0 .35rem rgba(59, 130, 246, .13), 0 0 1rem rgba(34, 211, 238, .32);
}

html[data-theme="dark"] #home-main #category-page .category__Filter-Chip span {
  border-color: rgba(125, 211, 252, .16) !important;
  color: #c5d5e9 !important;
  background: linear-gradient(145deg, rgba(22, 45, 73, .92), rgba(14, 32, 54, .92)) !important;
  box-shadow: inset 0 1px 0 rgba(186, 230, 253, .045), 0 .45rem 1.2rem rgba(0, 0, 0, .13);
}

html[data-theme="dark"] #home-main #category-page .category__Filter-Chip span i,
html[data-theme="dark"] #home-main #category-page .category__Sort-Icon {
  color: #7dd3fc;
  background: rgba(37, 99, 235, .19);
  box-shadow: 0 0 1rem rgba(56, 189, 248, .13);
}

html[data-theme="dark"] #home-main #category-page .category__Filter-Chip:hover span,
html[data-theme="dark"] #home-main #category-page .category__Filter-Chip input:checked + span {
  border-color: rgba(96, 165, 250, .72) !important;
  color: #eff8ff !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, .3), rgba(14, 165, 233, .18)) !important;
  box-shadow: 0 .7rem 1.7rem rgba(2, 132, 199, .16), inset 0 1px 0 rgba(186, 230, 253, .1), 0 0 0 .18rem rgba(59, 130, 246, .1) !important;
}

html[data-theme="dark"] #home-main #category-page .category__Filter-Chip:hover span i,
html[data-theme="dark"] #home-main #category-page .category__Filter-Chip input:checked + span i {
  color: #061526;
  background: #7dd3fc;
  box-shadow: 0 0 1.2rem rgba(125, 211, 252, .4);
}

html[data-theme="dark"] #home-main #category-page .category__TopBar-Right-Filter-Text {
  border-color: rgba(96, 165, 250, .24) !important;
  color: #d8e7f7 !important;
  background: linear-gradient(145deg, #142b49, #0f223a) !important;
  box-shadow: inset 0 1px 0 rgba(186, 230, 253, .07), 0 .55rem 1.4rem rgba(0, 0, 0, .16);
}

html[data-theme="dark"] #home-main #category-page .category__TopBar-Right-Filter-Text:hover,
html[data-theme="dark"] #home-main #category-page .category__TopBar-Right-Filter.is-open .category__TopBar-Right-Filter-Text {
  border-color: #60a5fa !important;
  color: #f0f8ff !important;
  background: linear-gradient(145deg, #19375d, #122b49) !important;
  box-shadow: 0 0 0 .3rem rgba(59, 130, 246, .11), 0 .7rem 1.8rem rgba(0, 0, 0, .2);
}

html[data-theme="dark"] #home-main #category-page .category__TopBar-Right-Filter-List {
  border-color: rgba(96, 165, 250, .3) !important;
  background: linear-gradient(155deg, #132944, #0b1d33) !important;
  box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, .4), inset 0 1px 0 rgba(186, 230, 253, .06) !important;
}

html[data-theme="dark"] #home-main #category-page .category__TopBar-Right-Filter-Item {
  color: #c8d8eb !important;
}

html[data-theme="dark"] #home-main #category-page .category__TopBar-Right-Filter-Item:hover {
  color: #f1f8ff !important;
  background: rgba(59, 130, 246, .18) !important;
}

html[data-theme="dark"] #home-main #category-page .category__TopBar-Right-Filter-Item--active {
  color: #061525 !important;
  background: linear-gradient(135deg, #7dd3fc, #60a5fa) !important;
  box-shadow: 0 .55rem 1.35rem rgba(37, 99, 235, .28);
}

html[data-theme="dark"] #home-main #category-page .category__Filter-Clear {
  border-color: rgba(248, 113, 113, .4) !important;
  color: #fca5a5 !important;
  background: linear-gradient(145deg, rgba(127, 29, 29, .2), rgba(69, 10, 10, .13)) !important;
  box-shadow: inset 0 1px 0 rgba(254, 202, 202, .06), 0 .55rem 1.4rem rgba(0, 0, 0, .15);
}

html[data-theme="dark"] #home-main #category-page .category__Filter-Clear:hover {
  border-color: rgba(252, 165, 165, .72) !important;
  color: #fff1f2 !important;
  background: linear-gradient(145deg, rgba(185, 28, 28, .35), rgba(127, 29, 29, .26)) !important;
}

html[data-theme="dark"] #home-main #category-page .category__Pagination > .Pagination {
  padding: .8rem;
  border: 1px solid rgba(96, 165, 250, .2);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgba(15, 34, 58, .94), rgba(9, 24, 42, .94));
  box-shadow: inset 0 1px 0 rgba(186, 230, 253, .05), 0 1rem 2.8rem rgba(0, 0, 0, .23);
}

html[data-theme="dark"] #home-main #category-page .category__Pagination .Pagination__Item-Link {
  border-color: rgba(96, 165, 250, .2) !important;
  border-radius: 1rem;
  color: #bed0e5 !important;
  background: #122944 !important;
  box-shadow: inset 0 1px 0 rgba(186, 230, 253, .045), 0 .35rem .9rem rgba(0, 0, 0, .13);
}

html[data-theme="dark"] #home-main #category-page .category__Pagination .Pagination__Item-Link:hover,
html[data-theme="dark"] #home-main #category-page .category__Pagination .Pagination__Item-Link:focus-visible {
  border-color: #60a5fa !important;
  color: #061525 !important;
  background: #7dd3fc !important;
  box-shadow: 0 .65rem 1.5rem rgba(14, 165, 233, .23), 0 0 1.4rem rgba(56, 189, 248, .13);
  outline: 0;
  transform: translateY(-1px);
}

html[data-theme="dark"] #home-main #category-page .category__Pagination .Pagination__Item-Link--active {
  border-color: transparent !important;
  color: #fff !important;
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  box-shadow: 0 .7rem 1.7rem rgba(37, 99, 235, .32), 0 0 1.5rem rgba(59, 130, 246, .18) !important;
}

/* Match the panel pagination to the site-wide pagination geometry, with the
   panel's established blue palette in both themes. */
.MainStu .category__Pagination { margin: 2.6rem 0 0; }
.MainStu .category__Pagination .Pagination { gap: .65rem; }
.MainStu .category__Pagination .Pagination__Item { background: transparent; }
.MainStu .category__Pagination .Pagination__Item-Link {
  display: grid;
  min-width: 3.8rem;
  min-height: 3.8rem;
  place-items: center;
  border: 1px solid var(--public-border);
  border-radius: .9rem;
  color: var(--public-accent-strong) !important;
  background: var(--public-surface) !important;
  box-shadow: 0 .35rem .8rem rgba(28, 55, 82, .05);
}
.MainStu .category__Pagination .Pagination__Item-Link:hover,
.MainStu .category__Pagination .Pagination__Item-Link--active {
  border-color: var(--public-accent) !important;
  color: #fff !important;
  background: var(--public-accent) !important;
}
html[data-theme="dark"] .MainStu .category__Pagination .Pagination__Item-Link {
  border-color: rgba(92, 200, 255, .32) !important;
  color: #bcecff !important;
  background: #0d2438 !important;
}
html[data-theme="dark"] .MainStu .category__Pagination .Pagination__Item-Link:hover,
html[data-theme="dark"] .MainStu .category__Pagination .Pagination__Item-Link--active {
  border-color: #5cc8ff !important;
  color: #061827 !important;
  background: linear-gradient(135deg, #5cc8ff, #258bf4) !important;
  box-shadow: 0 .65rem 1.5rem rgba(37, 139, 244, .25) !important;
}

/* Keep the student panel pagination in the site's blue/neon-blue family. */
.MainStu .category__Pagination .Pagination__Item-Link {
  border-color: #b9d8f7 !important;
  color: #1464d2 !important;
  background: #f7fbff !important;
}
.MainStu .category__Pagination .Pagination__Item-Link:hover,
.MainStu .category__Pagination .Pagination__Item-Link:focus-visible,
.MainStu .category__Pagination .Pagination__Item-Link--active {
  border-color: #258bf4 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #258bf4, #1464d2) !important;
  box-shadow: 0 .65rem 1.5rem rgba(37, 139, 244, .25), 0 0 1rem rgba(92, 200, 255, .2) !important;
}
.MainStu .category__Pagination .Pagination__Item-Link:disabled,
.MainStu .category__Pagination .Pagination__Item-Link[aria-disabled="true"] {
  border-color: #e1eaf4 !important;
  color: #a7b8ca !important;
  background: #f3f6f9 !important;
  box-shadow: none !important;
  cursor: not-allowed;
}
html[data-theme="dark"] .MainStu .category__Pagination .Pagination__Item-Link {
  border-color: rgba(92, 200, 255, .32) !important;
  color: #bcecff !important;
  background: #0d2438 !important;
}
html[data-theme="dark"] .MainStu .category__Pagination .Pagination__Item-Link:hover,
html[data-theme="dark"] .MainStu .category__Pagination .Pagination__Item-Link:focus-visible,
html[data-theme="dark"] .MainStu .category__Pagination .Pagination__Item-Link--active {
  border-color: #5cc8ff !important;
  color: #061827 !important;
  background: linear-gradient(135deg, #5cc8ff, #258bf4) !important;
  box-shadow: 0 .65rem 1.5rem rgba(37, 139, 244, .25), 0 0 1rem rgba(92, 200, 255, .28) !important;
}
html[data-theme="dark"] .MainStu .category__Pagination .Pagination__Item-Link:disabled,
html[data-theme="dark"] .MainStu .category__Pagination .Pagination__Item-Link[aria-disabled="true"] {
  border-color: #294b61 !important;
  color: #66839a !important;
  background: #102536 !important;
  box-shadow: none !important;
}

/* Shared category pagination: category, articles, and student panel. */
.site-category-pagination {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.site-category-pagination > .Pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.site-category-pagination .Pagination__Item-Link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e9ecef !important;
  border-radius: 6px !important;
  color: #666 !important;
  background: #f8f9fa !important;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: all .3s ease;
}
.site-category-pagination .Pagination__Item-Link:hover,
.site-category-pagination .Pagination__Item-Link:focus-visible {
  border-color: #007bff !important;
  color: #fff !important;
  background: #007bff !important;
  outline: 0;
}
.site-category-pagination .Pagination__Item-Link--active {
  border-color: #007bff !important;
  color: #fff !important;
  background: #007bff !important;
}
.site-category-pagination .Pagination__Item-Link:disabled,
.site-category-pagination .Pagination__Item-Link[aria-disabled="true"] {
  border-color: #e9ecef !important;
  color: #adb5bd !important;
  background: #f8f9fa !important;
  box-shadow: none !important;
  cursor: not-allowed;
  transform: none;
}
.site-category-pagination .Pagination ul {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1120px) {
  .site-category-pagination {
    width: 100%;
    max-width: 100%;
    padding: .4rem 0;
    overflow: visible;
    box-sizing: border-box;
  }
  .site-category-pagination > .Pagination {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    gap: clamp(.4rem, 1.2vw, .8rem);
    padding: .8rem;
    box-sizing: border-box;
  }
  .site-category-pagination > .Pagination > ul.Pagination {
    display: flex;
    min-width: 0;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(.35rem, 1vw, .8rem);
    margin: 0;
    padding: 0;
  }
  .site-category-pagination .Pagination__Item { flex: 0 0 auto; }
}
@media (max-width: 768px) {
  .site-category-pagination .Pagination__Item-Link {
    width: 35px;
    height: 35px;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .site-category-pagination .Pagination__Item-Link {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }
}
html[data-theme="dark"] .site-category-pagination > .Pagination {
  padding: .8rem;
  border: 1px solid rgba(96, 165, 250, .2);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgba(15, 34, 58, .94), rgba(9, 24, 42, .94));
  box-shadow: inset 0 1px 0 rgba(186, 230, 253, .05), 0 1rem 2.8rem rgba(0, 0, 0, .23);
}
html[data-theme="dark"] .site-category-pagination .Pagination__Item-Link {
  border-color: rgba(96, 165, 250, .2) !important;
  border-radius: 1rem !important;
  color: #bed0e5 !important;
  background: #122944 !important;
  box-shadow: inset 0 1px 0 rgba(186, 230, 253, .045), 0 .35rem .9rem rgba(0, 0, 0, .13);
}
html[data-theme="dark"] .site-category-pagination .Pagination__Item-Link:hover,
html[data-theme="dark"] .site-category-pagination .Pagination__Item-Link:focus-visible {
  border-color: #60a5fa !important;
  color: #061525 !important;
  background: #7dd3fc !important;
  box-shadow: 0 .65rem 1.5rem rgba(14, 165, 233, .23), 0 0 1.4rem rgba(56, 189, 248, .13);
}
html[data-theme="dark"] .site-category-pagination .Pagination__Item-Link--active {
  border-color: transparent !important;
  color: #fff !important;
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  box-shadow: 0 .7rem 1.7rem rgba(37, 99, 235, .32), 0 0 1.5rem rgba(59, 130, 246, .18) !important;
}
html[data-theme="dark"] .site-category-pagination .Pagination__Item-Link:disabled,
html[data-theme="dark"] .site-category-pagination .Pagination__Item-Link[aria-disabled="true"] {
  border-color: rgba(96, 165, 250, .12) !important;
  color: #6f89a5 !important;
  background: #102238 !important;
  box-shadow: none !important;
}

/* The article category filter fills the available column on tablets too. */
#home-main .ArticlesListing__sort > i {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  #home-main .ArticlesListing__toolbar {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex-direction: unset;
    gap: 1.2rem;
    width: 100%;
  }
  #home-main .ArticlesListing__sort,
  #home-main .ArticlesListing__search,
  #home-main .ArticlesListing__category,
  #home-main .ArticlesListing__category select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  #home-main .ArticlesListing__sort {
    flex-direction: row;
    align-items: center;
    gap: .8rem;
  }
  #home-main .ArticlesListing__category {
    grid-column: auto;
    margin-inline-start: 0;
  }
  #home-main .ArticlesListing__search { grid-column: 1 / -1; }
  #home-main .ArticlesListing__sort > i {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 767.98px) {
  #home-main .ArticlesListing__toolbar {
    display: flex;
    flex-direction: column;
  }
  #home-main .ArticlesListing__sort {
    flex-direction: column;
    align-items: stretch;
    gap: .5rem;
  }
  #home-main .ArticlesListing__sort > i {
    top: calc(100% - 2.15rem);
    transform: translateY(-50%);
  }
}

/* Full-stack and frontend landing breadcrumbs should clear the global header. */
.FullStack .breadcrumb {
  margin-top: clamp(2rem, 3vw, 4rem);
  margin-bottom: 2.2rem;
}
html[data-theme="dark"] .FullStack .breadcrumb {
  border-color: rgba(96, 165, 250, .24) !important;
  background: linear-gradient(135deg, #10213a, #0c192b) !important;
  box-shadow: inset 0 1px 0 rgba(191, 219, 254, .06), 0 .9rem 2.2rem rgba(0, 0, 0, .22);
}
html[data-theme="dark"] .FullStack .breadcrumb-Content-Home-Link {
  background: rgba(37, 99, 235, .18) !important;
}
html[data-theme="dark"] .FullStack .breadcrumb-Content-Home-Icon,
html[data-theme="dark"] .FullStack .breadcrumb-Icon,
html[data-theme="dark"] .FullStack .breadcrumb-Item:last-child .breadcrumb-Link {
  color: #7dd3fc !important;
}

/* Course introduction content gets a dependable reading gutter. */
.coursePage__Description-Introduce .introduction {
  padding: clamp(1.5rem, 2.6vw, 2.8rem);
}
.coursePage__Description-Introduce .introduction__Item { margin: 0; }
.coursePage__Description-Introduce .introduction__Title.Section__Title-Header {
  color: #2563eb !important;
}
.coursePage__Description-Introduce .introduction__Title.Section__Title-Header::after {
  background: rgba(37, 99, 235, .18) !important;
}
html[data-theme="dark"] .coursePage__Description-Introduce .introduction {
  border: 1px solid rgba(96, 165, 250, .18);
  border-radius: 1.2rem;
  background: #101d30 !important;
}
html[data-theme="dark"] .coursePage__Description-Introduce .introduction__Title.Section__Title-Header {
  color: #7dd3fc !important;
}
html[data-theme="dark"] .coursePage__Description-Introduce .introduction__Title.Section__Title-Header::after {
  background: rgba(96, 165, 250, .2) !important;
}

/* All login, registration, reset and checkout-gate views share blue dark-mode accents. */
html[data-theme="dark"] .LoginPage,
html[data-theme="dark"] .checkLogin {
  --dm-accent: #60a5fa;
  --dm-link: #60a5fa;
  --dm-link-hover: #93c5fd;
  --dm-yellow-soft: rgba(59, 130, 246, .18);
  color: #dbeafe;
}
html[data-theme="dark"] body:has(.LoginPage),
html[data-theme="dark"] body:has(.checkLogin) {
  background: radial-gradient(circle at 50% 0, #172b49 0, #0b1627 38rem, #07111f 100%) !important;
}
html[data-theme="dark"] .LoginPage__Content,
html[data-theme="dark"] .checkLogin__content {
  border-color: rgba(96, 165, 250, .32) !important;
  background: linear-gradient(145deg, #13243c, #0c182a) !important;
  box-shadow: inset 0 1px 0 rgba(191, 219, 254, .06), 0 1.4rem 3.4rem rgba(0, 0, 0, .34) !important;
}
html[data-theme="dark"] .LoginPage__Box-Input:focus {
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 .3rem rgba(59, 130, 246, .16) !important;
}
html[data-theme="dark"] .LoginPage__Button-Btn,
html[data-theme="dark"] .LoginPage__Member-Register,
html[data-theme="dark"] .checkLogin__Box-Link:hover {
  background: linear-gradient(135deg, #60a5fa, #2563eb) !important;
  color: #061827 !important;
}
html[data-theme="dark"] .LoginPage__Remember-Right-FakeInput.active {
  background-color: #2563eb !important;
}
html[data-theme="dark"] .LoginPage__Check-Icon,
html[data-theme="dark"] .LoginPage__Lock-Timer {
  color: #93c5fd !important;
}
html[data-theme="dark"] .checkLogin {
  background: radial-gradient(circle at 50% 0, rgba(37, 99, 235, .13), transparent 36rem) !important;
}
html[data-theme="dark"] .checkLogin__Box-Image {
  border-color: rgba(96, 165, 250, .22) !important;
  background: #0d1d31 !important;
}