/* ── Dark Theme Variables ── */
[data-theme="dark"] {
  --primary: #5b8aff;
  --primary-dark: #4472f7;
  --primary-light: #7aa3ff;
  --accent-blue: #3bbfff;
  --accent-green: #2dd47a;
  --accent-orange: #ff9f2e;
  --bg: #0f1120;
  --bg-soft: #161928;
  --bg-gray: #1a1e30;
  --text: #e8ecf5;
  --muted: #8891b0;
  --border: #2a2f47;
  --shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 14px 36px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 56px rgba(0, 0, 0, 0.5);
}

/* ── Base ── */
[data-theme="dark"] body {
  background: var(--bg);
  color: var(--text);
}

/* ── Header ── */
[data-theme="dark"] .site-header {
  background: rgba(15, 17, 32, 0.88);
}
[data-theme="dark"] .site-header.scrolled {
  background: rgba(15, 17, 32, 0.97);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] .search {
  background: var(--bg-gray);
  border-color: var(--border);
}
[data-theme="dark"] .search input {
  color: var(--text);
}
[data-theme="dark"] .search input::placeholder {
  color: var(--muted);
}
[data-theme="dark"] .btn-login {
  background: var(--bg-gray);
  border-color: var(--border);
}
[data-theme="dark"] .burger {
  background: var(--bg-gray);
  border-color: var(--border);
}
[data-theme="dark"] .burger span {
  background: var(--text);
}
[data-theme="dark"] .brand-text strong {
  color: var(--text);
}

/* ── Nav Drawer ── */
[data-theme="dark"] .nav-panel {
  background: #131626 !important;
}
[data-theme="dark"] .nav-panel-head {
  background: #131626;
  border-color: var(--border);
}
[data-theme="dark"] .submenu {
  background: var(--bg-gray) !important;
  border-color: var(--border) !important;
}
[data-theme="dark"] .submenu li a {
  color: var(--muted);
}

/* ── Cards / Surfaces ── */
[data-theme="dark"] .course,
[data-theme="dark"] .review,
[data-theme="dark"] .goal,
[data-theme="dark"] .news-card,
[data-theme="dark"] .partner,
[data-theme="dark"] .stat,
[data-theme="dark"] .category-card {
  background: #1a1e30;
  border-color: var(--border);
}
[data-theme="dark"] .course-body h3 {
  color: var(--text);
}
[data-theme="dark"] .course-foot {
  border-color: var(--border);
}
[data-theme="dark"] .price {
  background: rgba(91, 138, 255, 0.1);
}

/* ── Partners ── */
[data-theme="dark"] .partner {
  background: #1a1e30;
}

/* ── Stats ── */
[data-theme="dark"] .stat {
  background: #1a1e30;
}

/* ── CTA Section ── */
[data-theme="dark"] .cta-inner {
  background: #1a1e30;
  border-color: var(--border);
}

/* ── Section Alt ── */
[data-theme="dark"] .section-alt {
  background: var(--bg-soft);
}

/* ── Slider Buttons ── */
[data-theme="dark"] .slider-btn {
  background: #1a1e30;
  border-color: var(--border);
}

/* ── Auth Modal ── */
[data-theme="dark"] .auth-modal-card {
  background: #1a1e30;
}
[data-theme="dark"] .modal-title {
  color: var(--text);
}
[data-theme="dark"] .modal-form-group input {
  background: var(--bg-gray);
  border-color: var(--border);
  color: var(--text);
}
[data-theme="dark"] .modal-switch-text {
  color: var(--muted);
}
[data-theme="dark"] .modal-check-label {
  color: var(--text);
}

/* ── Footer ── */
[data-theme="dark"] .site-footer {
  background: #080c1a;
}

/* ================================================================
   PAGE-SPECIFIC DARK OVERRIDES
   ================================================================ */

/* ── bank-accounts ── */
[data-theme="dark"] .bank-intro-section,
[data-theme="dark"] .bank-cards-section {
  background: var(--bg);
}
[data-theme="dark"] .bank-account-card {
  background: #1a1e30;
  border-color: var(--border);
}
[data-theme="dark"] .bank-title {
  color: #b8c0d8;
}
[data-theme="dark"] .detail-value,
[data-theme="dark"] .text-num {
  color: var(--text);
}
[data-theme="dark"] .detail-label {
  color: var(--muted);
}
[data-theme="dark"] .intro-p {
  color: var(--muted);
}
[data-theme="dark"] .intro-p.font-bold {
  color: var(--text);
}
[data-theme="dark"] .swift-line {
  background-color: var(--border);
}

/* ── become-an-instructor ── */
[data-theme="dark"] .breadcrumb-bar {
  background: var(--bg-soft);
  border-color: var(--border);
}
[data-theme="dark"] .benefits-section,
[data-theme="dark"] .steps-section {
  background: var(--bg);
}
[data-theme="dark"] .benefit-card h3 {
  color: var(--text);
}
[data-theme="dark"] .tabs-control {
  border-color: var(--border);
}
[data-theme="dark"] .tab-panel-content p {
  color: var(--text);
}
[data-theme="dark"] .final-cta-section {
  background: var(--bg-soft);
}
[data-theme="dark"] .alert-login-box {
  background: rgba(45, 212, 122, 0.08);
  border-color: rgba(45, 212, 122, 0.25);
}
[data-theme="dark"] .alert-login-box p {
  color: var(--text);
}
[data-theme="dark"] .alert-link {
  color: var(--text);
}

/* ── blog ── */
[data-theme="dark"] .blog-page-section {
  background: var(--bg);
}
[data-theme="dark"] .blog-header-row {
  border-color: var(--border);
}
[data-theme="dark"] .blog-main-title {
  color: var(--text);
}
[data-theme="dark"] .results-count {
  color: var(--muted);
}
[data-theme="dark"] .blog-post-card {
  background: #1a1e30;
  border-color: var(--border);
}
[data-theme="dark"] .post-title a {
  color: var(--text);
}
[data-theme="dark"] .post-excerpt {
  color: var(--muted);
}
[data-theme="dark"] .post-meta-footer {
  color: var(--muted);
}
[data-theme="dark"] .post-category-tag {
  color: var(--text);
}
[data-theme="dark"] .read-more-wrap {
  border-color: var(--border);
}
[data-theme="dark"] .btn-read-more {
  color: var(--text);
}
[data-theme="dark"] .sidebar-widget {
  background: var(--bg-soft);
}
[data-theme="dark"] .widget-title {
  color: var(--text);
  border-color: var(--border);
}
[data-theme="dark"] .widget-links-list li a {
  color: var(--muted);
}

/* ── contact-us ── */
[data-theme="dark"] .iatms-content-section {
  background: var(--bg);
}
[data-theme="dark"] .main-grid-title {
  color: var(--text);
}
[data-theme="dark"] .iatms-input-group input,
[data-theme="dark"] .iatms-input-group textarea {
  background: var(--bg-gray);
  border-color: var(--border);
  color: var(--text);
}
[data-theme="dark"] .iatms-input-group input::placeholder,
[data-theme="dark"] .iatms-input-group textarea::placeholder {
  color: var(--muted);
}
[data-theme="dark"] .side-green-title {
  color: #2dd47a;
}
[data-theme="dark"] .iatms-bullets-list li {
  color: var(--text);
}
[data-theme="dark"] .side-note-text {
  color: var(--muted);
}
[data-theme="dark"] .iatms-bottom-channels {
  background: #13172a;
  border-color: #1e2540;
}
[data-theme="dark"] .channel-block h3 {
  color: var(--text);
}
[data-theme="dark"] .channel-block p {
  color: var(--muted);
}

/* ── course-details ── */
[data-theme="dark"] .course-hero-banner {
  background: var(--bg-soft);
  border-color: var(--border);
}
[data-theme="dark"] .course-main-title {
  color: var(--text);
}
[data-theme="dark"] .course-breadcrumb a {
  color: var(--text);
}
[data-theme="dark"] .course-meta-top {
  color: var(--muted);
}
[data-theme="dark"] .course-body-layout,
[data-theme="dark"] .suggested-courses-section {
  background: var(--bg);
}
[data-theme="dark"] .sticky-card-box {
  background: #1a1e30;
  border-color: var(--border);
}
[data-theme="dark"] .card-image-placeholder {
  background: var(--bg-gray);
}
[data-theme="dark"] .card-price-wrap .currency,
[data-theme="dark"] .card-price-wrap .price-amount {
  color: var(--text);
}
[data-theme="dark"] .course-stats-list li {
  color: var(--text);
  border-color: var(--border);
}
[data-theme="dark"] .course-tabs-nav {
  border-color: var(--border);
}
[data-theme="dark"] .c-tab-link {
  color: var(--muted);
}
[data-theme="dark"] .inner-green-title {
  color: #2dd47a;
}
[data-theme="dark"] .course-section-block {
  color: var(--text);
}
[data-theme="dark"] .course-section-block strong {
  color: var(--text);
}
[data-theme="dark"] .numbered-axis li span {
  color: var(--muted);
}
[data-theme="dark"] .highlight-p {
  color: var(--text);
}
[data-theme="dark"] .expert-p {
  color: #2dd47a;
}
[data-theme="dark"] .booking-info-block {
  background: var(--bg);
}
[data-theme="dark"] .booking-info-block h3 {
  color: #2dd47a;
}
[data-theme="dark"] .booking-info-block p,
[data-theme="dark"] .booking-info-block .channels-text,
[data-theme="dark"] .booking-info-block .confirm-text {
  color: var(--muted);
}
[data-theme="dark"] .booking-info-block .phone-num {
  color: var(--text);
}
[data-theme="dark"] .course-reviews-widget {
  border-color: var(--border);
}
[data-theme="dark"] .reviews-widget-title {
  color: #2dd47a;
}
[data-theme="dark"] .star-num {
  color: var(--muted);
}
[data-theme="dark"] .bar-bg {
  background: var(--bg-gray);
}
[data-theme="dark"] .ratings-text {
  color: var(--muted);
}
[data-theme="dark"] .dots-placeholder {
  color: var(--text);
}
[data-theme="dark"] .suggested-courses-section {
  border-color: var(--border);
}
[data-theme="dark"] .suggested-header h2 {
  color: #2dd47a;
}
[data-theme="dark"] .view-all-link {
  color: var(--text);
}
[data-theme="dark"] .suggested-card {
  background: #1a1e30;
  border-color: var(--border);
}
[data-theme="dark"] .card-img-box {
  background: var(--bg-gray);
}

/* ── profile-auth ── */
[data-theme="dark"] .profile-auth-section {
  background: var(--bg);
}
[data-theme="dark"] .profile-main-header h1 {
  color: var(--text);
}
[data-theme="dark"] .auth-card {
  background: #1a1e30;
  border-color: var(--border);
}
[data-theme="dark"] .auth-card label {
  color: var(--text);
}
[data-theme="dark"] .auth-card input[type="text"],
[data-theme="dark"] .auth-card input[type="email"],
[data-theme="dark"] .auth-card input[type="password"],
[data-theme="dark"] .auth-card input[type="tel"] {
  background: var(--bg-gray);
  border-color: var(--border);
  color: var(--text);
}
[data-theme="dark"] .check-label {
  color: var(--text);
}
[data-theme="dark"] .forgot-link {
  color: var(--text);
}
[data-theme="dark"] .login-title {
  color: #2dd47a;
}
[data-theme="dark"] .register-title {
  color: #2dd47a;
}

/* ── students ── */
[data-theme="dark"] .lookup-section {
  background: var(--bg-soft);
}
[data-theme="dark"] .lookup-card {
  background: #1a1e30;
  border-color: var(--border);
}
[data-theme="dark"] .lookup-card h2 {
  color: var(--text);
}
[data-theme="dark"] .lookup-sub {
  color: var(--muted);
}
[data-theme="dark"] .form-group label {
  color: var(--text);
}
[data-theme="dark"] .input-wrap input,
[data-theme="dark"] .input-wrap select {
  background: var(--bg-gray);
  border-color: var(--border);
  color: var(--text);
}
[data-theme="dark"] .input-wrap input::placeholder {
  color: var(--muted);
}
[data-theme="dark"] .result-area {
  border-color: var(--border);
}
[data-theme="dark"] .result-success {
  background: rgba(45, 212, 122, 0.05);
  border-color: rgba(45, 212, 122, 0.2);
}
[data-theme="dark"] .result-name strong {
  color: var(--text);
}
[data-theme="dark"] .detail-item {
  background: var(--bg-gray);
  border-color: var(--border);
}
[data-theme="dark"] .detail-item .d-value {
  color: var(--text);
}
[data-theme="dark"] .result-error {
  background: rgba(255, 80, 80, 0.05);
  border-color: rgba(255, 80, 80, 0.2);
}
[data-theme="dark"] .result-error h4 {
  color: var(--text);
}

/* ── support-login ── */
[data-theme="dark"] .login-section {
  background: var(--bg);
}
[data-theme="dark"] .login-card {
  background: #1a1e30;
  border-color: var(--border);
}
[data-theme="dark"] .login-card .input-wrap input {
  background: var(--bg-gray);
  border-color: var(--border);
  color: var(--text);
}
[data-theme="dark"] .login-card .input-wrap input::placeholder {
  color: var(--muted);
}
[data-theme="dark"] .remember-me {
  color: var(--text);
}
[data-theme="dark"] .btn-submit-login {
  background: var(--primary);
}
[data-theme="dark"] .btn-submit-login:hover {
  background: var(--primary-dark);
}
[data-theme="dark"] .login-links a {
  color: var(--text);
}
[data-theme="dark"] .page-hero h1 {
  color: var(--text);
}
[data-theme="dark"] .faded-title {
  color: var(--text);
}

/* ── team-work ── */
[data-theme="dark"] .iatms-team-section {
  background: var(--bg);
}
[data-theme="dark"] .iatms-member-card-flat {
  background: #1a1e30;
  border-color: var(--border);
}
[data-theme="dark"] .member-name {
  color: var(--text);
}
[data-theme="dark"] .member-role {
  color: var(--muted);
}
[data-theme="dark"] .member-phone {
  color: var(--text);
}

/* ================================================================
   DARK MODE TOGGLE BUTTON STYLE
   ================================================================ */
.dark-mode-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: var(--bg-soft);
  color: var(--text);
  cursor: pointer;
  transition: all 0.25s ease;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1;
}
.dark-mode-toggle:hover {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}
@media (min-width: 480px) {
  .dark-mode-toggle {
    width: 44px;
    height: 44px;
    font-size: 18px;
  }
}