/* ==========================================================================
   Atour — حالت روز و شب
   رنگ‌های تیره از inc/modules/atour-dark.php می‌آیند؛ این فایل فقط دکمه و
   پوشش عمومی بخش‌هایی است که رنگشان در فایل‌های atour- تعریف نشده.
   ========================================================================== */

/* دکمه ------------------------------------------------------------------- */

.atour-dark__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0;
    margin: 0;
    border: 1px solid var(--atour-line, #dceae3);
    border-radius: 12px;
    background: transparent;
    color: var(--atour-body, #2f3e3a);
    line-height: 1;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.atour-dark__btn:hover,
.atour-dark__btn:focus-visible {
    border-color: var(--atour-green, #00b894);
    background: var(--atour-mint-soft, #eff9f1);
    color: var(--atour-green, #00b894);
}

.atour-dark__ico {
    display: none;
    align-items: center;
    justify-content: center;
}
.atour-dark__ico svg { display: block; }

/* روز: ماه را نشان بده (یعنی «برو به شب») — شب: خورشید */
html:not([data-theme="dark"]) .atour-dark__ico--moon { display: inline-flex; }
html[data-theme="dark"] .atour-dark__ico--sun { display: inline-flex; }

/* داخل هدر: اندازه را از خود دکمه‌های هدر بگیرد تا یکدست بماند */
.atour-site-head .atour-dark__btn.atour-site-head__btn {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 13px;
    background: var(--atour-surface, #fff);
    color: var(--atour-ink);
}
.atour-site-head .atour-dark__btn.atour-site-head__btn:hover,
.atour-site-head .atour-dark__btn.atour-site-head__btn:focus-visible {
    border-color: var(--atour-green);
    background: var(--atour-surface, #fff);
    color: var(--atour-green-dark);
}

/* داخل کشوی موبایل */
.atour-site-head__dtheme-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}
.atour-site-head__dtheme-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--atour-body, #2f3e3a);
}

/* ==========================================================================
   پوشش عمومی — بخش‌هایی از قالب و افزونه‌ها که توکن ندارند
   ========================================================================== */

html[data-theme="dark"] {
    background: var(--atour-page);
    color-scheme: dark;
}

html[data-theme="dark"] body {
    background-color: var(--atour-page);
    color: var(--atour-body);
}

/* سطح‌های سفید ------------------------------------------------------------ */

html[data-theme="dark"] .card,
html[data-theme="dark"] .box,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .widget,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .box-shadow,
html[data-theme="dark"] .single-box,
html[data-theme="dark"] .item-box,
html[data-theme="dark"] .sidebar-box,
html[data-theme="dark"] .comment-box,
html[data-theme="dark"] .woocommerce-MyAccount-navigation,
html[data-theme="dark"] .woocommerce-info,
html[data-theme="dark"] .woocommerce-message,
html[data-theme="dark"] .woocommerce-error,
html[data-theme="dark"] .cart_totals,
html[data-theme="dark"] .cross-sells,
html[data-theme="dark"] .checkout_coupon,
html[data-theme="dark"] #order_review,
html[data-theme="dark"] #customer_details,
html[data-theme="dark"] .select2-dropdown,
html[data-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: var(--atour-surface);
    border-color: var(--atour-line);
    color: var(--atour-body);
}

html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .atour-otp-box,
html[data-theme="dark"] .atour-otp-modal .modal-content {
    background-color: var(--atour-surface);
    border-color: var(--atour-line);
    color: var(--atour-body);
}

/* متن و عنوان ------------------------------------------------------------- */

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 { color: var(--atour-ink); }

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .small,
html[data-theme="dark"] small { color: var(--atour-faint); }

html[data-theme="dark"] hr { border-color: var(--atour-line); }

/* جدول‌ها ----------------------------------------------------------------- */

html[data-theme="dark"] table,
html[data-theme="dark"] .shop_table {
    background-color: transparent;
    color: var(--atour-body);
    border-color: var(--atour-line);
}
html[data-theme="dark"] table th,
html[data-theme="dark"] table td,
html[data-theme="dark"] .shop_table th,
html[data-theme="dark"] .shop_table td { border-color: var(--atour-line); }

html[data-theme="dark"] table thead th,
html[data-theme="dark"] .shop_table thead th { background-color: var(--atour-mint-soft); color: var(--atour-ink); }

html[data-theme="dark"] table tbody tr:nth-child(odd) > * { background-color: transparent; }

/* فرم‌ها ------------------------------------------------------------------ */

html[data-theme="dark"] input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .input-text {
    background-color: var(--atour-raised, var(--atour-surface));
    border-color: var(--atour-line);
    color: var(--atour-ink);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: var(--atour-faint); }

html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus { border-color: var(--atour-green); }

/* المنتور ----------------------------------------------------------------- */

/* سکشن‌هایی که در المنتور رنگ پس‌زمینه‌ی روشن گرفته‌اند، در شب شفاف می‌شوند
   تا پس‌زمینه‌ی تیره‌ی صفحه دیده شود و متن روی آن خوانا بماند.
   اگر سکشنی باید رنگ خودش را نگه دارد، کلاس atour-keep-bg را به آن بدهید. */
html[data-theme="dark"] .elementor-section:not(.atour-keep-bg):not(.atour-keep-light),
html[data-theme="dark"] .elementor-column:not(.atour-keep-bg):not(.atour-keep-light),
html[data-theme="dark"] .elementor-widget-wrap:not(.atour-keep-bg):not(.atour-keep-light),
html[data-theme="dark"] .e-con:not(.atour-keep-bg):not(.atour-keep-light),
html[data-theme="dark"] .e-con-inner:not(.atour-keep-bg):not(.atour-keep-light) {
    background-color: transparent;
}

/* بخش‌هایی که باید در شب هم روشن بمانند: کلاس atour-keep-light به سکشن */
html[data-theme="dark"] .atour-keep-light,
html[data-theme="dark"] .atour-keep-light p,
html[data-theme="dark"] .atour-keep-light li,
html[data-theme="dark"] .atour-keep-light span,
html[data-theme="dark"] .atour-keep-light label,
html[data-theme="dark"] .atour-keep-light td,
html[data-theme="dark"] .atour-keep-light th { color: #24312d; }

html[data-theme="dark"] .atour-keep-light h1,
html[data-theme="dark"] .atour-keep-light h2,
html[data-theme="dark"] .atour-keep-light h3,
html[data-theme="dark"] .atour-keep-light h4,
html[data-theme="dark"] .atour-keep-light h5,
html[data-theme="dark"] .atour-keep-light h6 { color: #111d1a; }

html[data-theme="dark"] .elementor-divider-separator { border-color: var(--atour-line); }

html[data-theme="dark"] .elementor-toggle .elementor-tab-title,
html[data-theme="dark"] .elementor-accordion .elementor-tab-title,
html[data-theme="dark"] .elementor-tab-content {
    background-color: var(--atour-surface);
    border-color: var(--atour-line);
    color: var(--atour-body);
}

/* دکمه‌ها ----------------------------------------------------------------- */

html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .btn-secondary {
    background-color: var(--atour-raised, var(--atour-surface));
    border-color: var(--atour-line);
    color: var(--atour-body);
}

/* تصویرها ---------------------------------------------------------------- */

/* لوگوی سایت در شب: روشنایی وارونه می‌شود (مشکی ← سفید، سفید ← مشکی) ولی
   فام رنگ‌ها حفظ می‌شود، پس بخش‌های رنگی لوگو (مثلاً قرمز) رنگی می‌مانند.
   روی هر لوگویی، SVG یا PNG، کار می‌کند. اگر لوگویی از اول روشن است و
   نباید وارونه شود، کلاس atour-keep-logo را به تصویرش بدهید. */
html[data-theme="dark"] .atour-site-head__logo img:not(.atour-keep-logo),
html[data-theme="dark"] .custom-logo:not(.atour-keep-logo),
html[data-theme="dark"] .atour-foot__logo img:not(.atour-keep-logo) {
    filter: invert(1) hue-rotate(180deg) brightness(1.05);
}

/* تصویرهای svg دیگر فقط کمی نرم‌تر می‌شوند تا نزنند */
html[data-theme="dark"] img[src*=".svg"]:not(.atour-site-head__logo img):not(.custom-logo) { filter: brightness(1.06); }

/* اسکرول‌بار -------------------------------------------------------------- */

html[data-theme="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--atour-page); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--atour-line);
    border-radius: 999px;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--atour-faint); }

html[data-theme="dark"] ::selection { background: var(--atour-select, rgba(0, 184, 148, .25)); }

/* موبایل ----------------------------------------------------------------- */

/* جای دکمه‌ی روز و شب در موبایل (نوار بالا یا کشو) از تنظیمات هدر می‌آید و
   با کلاس atour-hide-m مشخص می‌شود. */

@media (max-width: 767px) {
    .atour-site-head .atour-dark__btn.atour-site-head__btn { width: 42px; height: 42px; min-width: 42px; border-radius: 12px; }
}

/* ==========================================================================
   حساب کاربری — سایدبار، پیشخوان و جدول‌ها
   ========================================================================== */

/* بدنه‌ی صفحه پس‌زمینه‌ی خودش را دارد؛ ستون محتوا رنگ دوم نمی‌گیرد */
html[data-theme="dark"] .woocommerce-MyAccount-content {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: var(--atour-body);
}

html[data-theme="dark"] .atour-account-sidebar,
html[data-theme="dark"] .atour-account-sidebar-body:not(.is-collapsible) {
    background: var(--atour-surface);
    border-color: var(--atour-line);
}
html[data-theme="dark"] .atour-account-sidebar .atour-user-info .atour-user-name { color: var(--atour-ink); }
html[data-theme="dark"] .atour-account-sidebar .atour-user-info .atour-user-email { color: var(--atour-faint); }
html[data-theme="dark"] .atour-account-sidebar .atour-avatar { background: var(--atour-raised); }

html[data-theme="dark"] .atour-account-nav-list li a {
    background: var(--atour-raised);
    border-color: var(--atour-line);
    color: var(--atour-body);
}
html[data-theme="dark"] .atour-account-nav-list li a:hover {
    border-color: var(--atour-green);
    color: var(--atour-green);
}
html[data-theme="dark"] .atour-account-nav-list li.is-active a {
    background: var(--atour-green);
    border-color: transparent;
    color: var(--atour-on-green);
}
html[data-theme="dark"] .atour-account-nav-list li.atour-logout a { color: var(--atour-down-text); }
html[data-theme="dark"] .atour-account-nav-list li.atour-logout a:hover { border-color: var(--atour-down-text); color: var(--atour-down-text); }

html[data-theme="dark"] .atour-account-sidebar-toggle {
    background: var(--atour-surface);
    border-color: var(--atour-line);
    color: var(--atour-ink);
}

/* ==========================================================================
   حساب کاربری — لیست جلسات دوره، پخش‌کننده، فرم پروفایل
   ========================================================================== */

/* لیست جلسات (کنار پخش‌کننده و صفحه‌ی خلاصه‌ی دوره) */
html[data-theme="dark"] .atour-my-course-item {
    background: var(--atour-raised);
    color: var(--atour-body);
}
html[data-theme="dark"] .atour-my-course-item:hover {
    background: var(--atour-mint);
    color: var(--atour-ink);
}
html[data-theme="dark"] .atour-my-course-item.is-active {
    background: var(--atour-gold-bg);
    border-color: var(--atour-gold-line);
    color: var(--atour-gold-text);
}
html[data-theme="dark"] .atour-my-course-item.is-active .atour-my-course-item-icon {
    border-color: var(--atour-gold-text);
    color: var(--atour-gold-text);
}
html[data-theme="dark"] .atour-my-course-item.is-gift .atour-my-course-item-icon {
    border-color: var(--atour-gold);
    color: var(--atour-gold);
}
html[data-theme="dark"] .atour-my-course-item.is-completed .atour-my-course-item-icon {
    border-color: var(--atour-up);
    color: var(--atour-up);
}
html[data-theme="dark"] .atour-my-course-item-icon { color: var(--atour-muted); }

html[data-theme="dark"] .atour-my-course-chapter-title { color: var(--atour-ink); }
html[data-theme="dark"] .atour-my-course-empty { color: var(--atour-faint); }
html[data-theme="dark"] .atour-my-course-pdf-box { background: var(--atour-raised); }
html[data-theme="dark"] .atour-lesson-complete-badge { color: var(--atour-up); }

/* دکمه‌های درس قبلی / بعدی */
html[data-theme="dark"] .atour-nav-btn.is-disabled {
    background: var(--atour-raised);
    color: var(--atour-faint);
}

/* فرم پروفایل: انتخاب روز / ماه / سال و فیلدهای غیرفعال */
html[data-theme="dark"] .atour-profile-form .atour-jalali-date select {
    background-color: var(--atour-raised);
    border-color: var(--atour-line);
    color: var(--atour-ink);
}
html[data-theme="dark"] .atour-profile-form .atour-jalali-date select:disabled,
html[data-theme="dark"] .atour-profile-form .atour-field input:disabled {
    background-color: var(--atour-mint-soft);
    color: var(--atour-faint);
}
html[data-theme="dark"] .atour-profile-form .atour-field input,
html[data-theme="dark"] .atour-profile-form .atour-field textarea {
    background-color: var(--atour-raised);
    border-color: var(--atour-line);
    color: var(--atour-ink);
}
html[data-theme="dark"] .atour-profile-form .atour-field label,
html[data-theme="dark"] .atour-profile-form .atour-field .atour-field-hint { color: var(--atour-muted); }
html[data-theme="dark"] .atour-profile-form .atour-section-title { color: var(--atour-ink); }
html[data-theme="dark"] .atour-jalali-date option { background: var(--atour-surface); color: var(--atour-ink); }

/* ==========================================================================
   حساب کاربری — کارت‌های «ابزارهای من» (افزونه‌ی لایسنس)
   ========================================================================== */

html[data-theme="dark"] .wlm-license-card {
    background: var(--atour-surface);
    color: var(--atour-body);
    box-shadow: var(--atour-shadow, 0 8px 28px rgba(0, 0, 0, .45));
}
/* لبه‌ی رنگی کارت فعال (سمت راست) دست‌نخورده می‌ماند؛ بقیه‌ی لبه‌ها هماهنگ می‌شوند */
html[data-theme="dark"] .wlm-license-card:not(.is-active) { border-color: var(--atour-line); }
html[data-theme="dark"] .wlm-license-card.is-active {
    border-top-color: var(--atour-line);
    border-bottom-color: var(--atour-line);
    border-left-color: var(--atour-line);
}

html[data-theme="dark"] .wlm-license-thumb img { border-color: var(--atour-line); }

html[data-theme="dark"] .wlm-license-product-name,
html[data-theme="dark"] .wlm-row-value { color: var(--atour-ink); }
html[data-theme="dark"] .wlm-row-label,
html[data-theme="dark"] .wlm-license-footer-key > span { color: var(--atour-muted); }

html[data-theme="dark"] .wlm-license-header-row,
html[data-theme="dark"] .wlm-license-row,
html[data-theme="dark"] .wlm-license-rows,
html[data-theme="dark"] .wlm-license-footer { border-color: var(--atour-line-soft); }

html[data-theme="dark"] .wlm-status-pill {
    background: var(--atour-mint);
    color: var(--atour-green);
}

html[data-theme="dark"] .wlm-tutorial-btn {
    background: transparent;
    border-color: var(--atour-green);
    color: var(--atour-green);
}
html[data-theme="dark"] .wlm-tutorial-btn:hover {
    background: var(--atour-mint);
    color: var(--atour-green);
}

html[data-theme="dark"] .wlm-license-key {
    background: var(--atour-raised);
    border-color: var(--atour-line);
    color: var(--atour-ink);
}
html[data-theme="dark"] .wlm-license-key:hover { color: var(--atour-green); }

html[data-theme="dark"] .wlm-download-indicator-btn {
    background: var(--atour-green);
    border-color: transparent;
    color: var(--atour-on-green);
}

/* ==========================================================================
   پیشخوان حساب کاربری — کارت‌های آمار
   پاستلی‌های روشن در شب نمی‌مانند؛ همان رنگ‌ها، این‌بار تیره و کم‌نور.
   ========================================================================== */

html[data-theme="dark"] .atour-dashboard-card {
    border: 1px solid var(--atour-line-soft);
}
html[data-theme="dark"] .atour-dashboard-card.is-courses  { background: var(--atour-mint-soft); }
html[data-theme="dark"] .atour-dashboard-card.is-learning { background: var(--atour-mint-soft); }
html[data-theme="dark"] .atour-dashboard-card.is-licenses { background: rgba(110, 130, 255, .13); }
html[data-theme="dark"] .atour-dashboard-card.is-tickets  { background: rgba(150, 110, 255, .14); }
html[data-theme="dark"] .atour-dashboard-card.is-wallet   { background: var(--atour-gold-bg); }

html[data-theme="dark"] .atour-dashboard-card.is-courses .atour-dashboard-number,
html[data-theme="dark"] .atour-dashboard-card.is-learning .atour-dashboard-number { color: var(--atour-up); }
html[data-theme="dark"] .atour-dashboard-card.is-licenses .atour-dashboard-number { color: #a9b7ff; }
html[data-theme="dark"] .atour-dashboard-card.is-tickets .atour-dashboard-number  { color: #c8b2ff; }
html[data-theme="dark"] .atour-dashboard-card.is-wallet .atour-dashboard-number   { color: var(--atour-gold-text); }

html[data-theme="dark"] .atour-dashboard-card .atour-dashboard-label { color: var(--atour-muted); }

/* برچسب وضعیت تیکت‌ها در جدول پیشخوان */
html[data-theme="dark"] .atour-dash-tag.ok   { background: var(--atour-mint); color: var(--atour-up); }
html[data-theme="dark"] .atour-dash-tag.wait { background: var(--atour-gold-bg); color: var(--atour-gold-text); }
html[data-theme="dark"] .atour-dash-tag.off  { background: var(--atour-down-bg); color: var(--atour-down-text); }

/* متن نوشته‌ها و برگه‌ها: رنگ‌های تیره‌ی داخل محتوا (که از ویرایشگر آمده) خوانا می‌شوند
   — کار اصلی را atour-dark.js می‌کند؛ اینجا فقط حالتی که رنگ به‌صورت ویژگی ساده آمده. */
html[data-theme="dark"] .atour-page__body font[color],
html[data-theme="dark"] .atour-single__content font[color] { color: var(--atour-body); }

/* ==========================================================================
   صفحه‌بندی — آرشیو وبلاگ، دسته‌بندی‌ها، آرشیو ویدیو/پادکست، فروشگاه
   قانون عمومی .page-numbers پس‌زمینه‌ی روشن (#f7f7f7) می‌دهد؛ در شب رنگ عدد
   روشن می‌شد و روی همان کادر روشن دیده نمی‌شد. این‌جا کادر هم تیره می‌شود.
   ========================================================================== */

html[data-theme="dark"] .page-numbers,
html[data-theme="dark"] .page-link {
    background-color: var(--atour-raised, var(--atour-surface));
    border: 1px solid var(--atour-line);
    color: var(--atour-ink);
}

html[data-theme="dark"] a.page-numbers:hover,
html[data-theme="dark"] a.page-numbers:focus-visible,
html[data-theme="dark"] .page-link:hover,
html[data-theme="dark"] .page-link:focus-visible {
    background-color: var(--atour-mint-soft);
    border-color: var(--atour-green);
    color: var(--atour-green);
}

/* صفحه‌ی فعلی */
html[data-theme="dark"] .page-numbers.current,
html[data-theme="dark"] .page-item.active .page-link,
html[data-theme="dark"] .page-link.active {
    background-color: var(--atour-green);
    border-color: var(--atour-green);
    color: var(--atour-on-green);
    font-weight: 700;
}

/* سه‌نقطه: کادر ندارد */
html[data-theme="dark"] .page-numbers.dots {
    background-color: transparent;
    border-color: transparent;
    color: var(--atour-faint);
}

/* قبلی / بعدی غیرفعال */
html[data-theme="dark"] .page-item.disabled .page-link,
html[data-theme="dark"] .page-link.disabled {
    background-color: var(--atour-surface);
    color: var(--atour-faint);
}

/* ==========================================================================
   تعویض حالت — انیمیشن رنگ‌ها در لحظه‌ی تعویض خاموش است تا اصلاح رنگ متن‌های
   المنتور (atour-dark.js) رنگ نهایی زمینه‌ها را ببیند و وسط انیمیشن اشتباه نکند.
   ========================================================================== */

html.atour-theme-switching *,
html.atour-theme-switching *::before,
html.atour-theme-switching *::after {
    transition: none !important;
}

/* ==========================================================================
   بلوک ابزار (ویجت المنتور «بلوک ابزار و اندیکاتور»)
   این بلوک در روز یک کادر تیره است. در شب رنگ «مرکب» روشن می‌شد و کادر
   سفید می‌شد، با متن‌هایی که دیده نمی‌شد. حالا کادر تیره می‌ماند.
   ========================================================================== */

html[data-theme="dark"] .atour-tool__inner {
    background: var(--atour-raised);
    border: 1px solid var(--atour-line);
}
html[data-theme="dark"] .atour-tool h2 { color: var(--atour-ink); }
html[data-theme="dark"] .atour-tool p { color: var(--atour-muted); }
html[data-theme="dark"] .atour-panel { background: var(--atour-surface); border-color: var(--atour-line); }
html[data-theme="dark"] .atour-panel__title,
html[data-theme="dark"] .atour-meter__row b { color: var(--atour-ink); }
html[data-theme="dark"] .atour-panel__stat { background: var(--atour-raised); }

/* ==========================================================================
   صفحه‌ی محصول / دوره
   زمینه‌ی بخش‌ها را مدیر برای هر بخش با رنگ‌ساز انتخاب می‌کند (inline) و
   معمولاً روشن است؛ در شب همه به زمینه‌ی تیره‌ی قالب برمی‌گردند.
   ========================================================================== */

/* زمینه‌ی تیره برای بخش‌هایی که مدیر برایشان رنگ زمینه‌ی روشن انتخاب کرده */
html[data-theme="dark"] .atour-section-full-bg,
html[data-theme="dark"] .atour-section-bg-wrap,
html[data-theme="dark"] .atour-hero-row-bottom,
html[data-theme="dark"] .box-pro {
    background: var(--atour-surface) !important;
    color: var(--atour-body);
}
html[data-theme="dark"] .atour-section-bg-wrap,
html[data-theme="dark"] .atour-hero-row-bottom,
html[data-theme="dark"] .box-pro { border: 1px solid var(--atour-line); }

/* هر ابزارک (بخش) صفحه‌ی محصول داخل یک ظرف با کلاس panel می‌نشیند و قانون عمومی
   «سطح‌های سفید» به کل آن زمینه‌ی جدا می‌داد. این زمینه‌ی کلِ ابزارک برداشته می‌شود؛
   کارت‌های داخلش کادر و زمینه‌ی خودشان را دارند. */
html[data-theme="dark"] .tab-content-item.panel,
html[data-theme="dark"] .woocommerce-Tabs-panel.panel,
html[data-theme="dark"] .tab-content-item {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

/* کارت‌های داخل بخش‌ها */
html[data-theme="dark"] .atour-feature-card,
html[data-theme="dark"] .atour-promise-card,
html[data-theme="dark"] .atour-audience-card,
html[data-theme="dark"] .atour-result-card,
html[data-theme="dark"] .atour-guarantee-card,
html[data-theme="dark"] .atour-gift-pill,
html[data-theme="dark"] .atour-deliverables-price,
html[data-theme="dark"] .atour-flash-offer {
    background: var(--atour-raised);
    border-color: var(--atour-line);
    box-shadow: none;
    color: var(--atour-body);
}
html[data-theme="dark"] .atour-guarantee-box,
html[data-theme="dark"] .atour-chapter-card { background: var(--atour-raised); }
html[data-theme="dark"] .atour-chapter-number { background: var(--atour-mint); color: var(--atour-ink); }
html[data-theme="dark"] .atour-chapter-topics { border-top-color: var(--atour-line); }
html[data-theme="dark"] a.atour-gift-pill:hover { color: var(--atour-ink); box-shadow: none; border-color: var(--atour-green); }

html[data-theme="dark"] .atour-feature-card h3,
html[data-theme="dark"] .atour-promise-card h3,
html[data-theme="dark"] .atour-audience-card h3,
html[data-theme="dark"] .atour-result-card h3,
html[data-theme="dark"] .atour-guarantee-card h3,
html[data-theme="dark"] .atour-chapter-head-right h3,
html[data-theme="dark"] .atour-solution-steps h3,
html[data-theme="dark"] .atour-flash-offer-price-new,
html[data-theme="dark"] .atour-gift-pill { color: var(--atour-ink); }

html[data-theme="dark"] .atour-feature-why,
html[data-theme="dark"] .atour-promise-card p,
html[data-theme="dark"] .atour-result-card p,
html[data-theme="dark"] .atour-guarantee-card p,
html[data-theme="dark"] .atour-audience-card li,
html[data-theme="dark"] .atour-deliverables-list span,
html[data-theme="dark"] .atour-solution-lead,
html[data-theme="dark"] .atour-solution-steps p,
html[data-theme="dark"] .atour-solution-image-caption,
html[data-theme="dark"] .atour-summary-excerpt,
html[data-theme="dark"] .atour-summary-access,
html[data-theme="dark"] .woocommerce-product-details__short-description,
html[data-theme="dark"] .atour-chapter-desc,
html[data-theme="dark"] .atour-chapter-topic,
html[data-theme="dark"] .atour-sidebar-stat-item,
html[data-theme="dark"] .atour-faq-answer-inner { color: var(--atour-muted); }

html[data-theme="dark"] .atour-feature-why,
html[data-theme="dark"] .atour-deliverables-list li,
html[data-theme="dark"] .atour-solution-steps li,
html[data-theme="dark"] .atour-objection,
html[data-theme="dark"] .atour-sidebar-stats,
html[data-theme="dark"] .atour-faq-item { border-color: var(--atour-line); }

html[data-theme="dark"] .atour-details-list li { color: var(--atour-body); }
html[data-theme="dark"] .atour-details-list li span { color: var(--atour-ink); }
html[data-theme="dark"] .atour-flash-offer-price-old,
html[data-theme="dark"] .atour-flash-offer-note { color: var(--atour-faint); }

html[data-theme="dark"] .atour-promise-icon,
html[data-theme="dark"] .atour-faq-question i { background: var(--atour-mint); color: var(--atour-green); }
html[data-theme="dark"] .atour-faq-item.atour-faq-open .atour-faq-question i { background: var(--atour-green); color: var(--atour-on-green); }
html[data-theme="dark"] .atour-solution-note { background: var(--atour-mint-soft); color: var(--atour-body); }
html[data-theme="dark"] .atour-objection h3,
html[data-theme="dark"] .atour-faq-group-title { color: var(--atour-green); }
html[data-theme="dark"] .atour-deliverables-price strong { color: var(--atour-green); }

/* جدول مشخصات */
html[data-theme="dark"] .atour-specs-table-wrap { border-color: var(--atour-line); }
html[data-theme="dark"] .atour-specs-table th,
html[data-theme="dark"] .atour-specs-table td { border-bottom-color: var(--atour-line-soft); }
html[data-theme="dark"] .atour-specs-table th { background: var(--atour-mint-soft); color: var(--atour-muted); }
html[data-theme="dark"] .atour-specs-table td { background: var(--atour-surface); color: var(--atour-ink); }

/* فرم ثبت دیدگاه */
html[data-theme="dark"] .woocommerce #review_form #respond,
html[data-theme="dark"] .comment_container,
html[data-theme="dark"] .comment .comment-body {
    background: var(--atour-raised);
    border-color: var(--atour-line);
}
html[data-theme="dark"] #review_form #reply-title,
html[data-theme="dark"] #review_form label,
html[data-theme="dark"] .comment-form label { color: var(--atour-ink); }
html[data-theme="dark"] .comment-form-rating label { color: var(--atour-muted); }

/* برچسب «نوار زمان‌دار» و دکمه‌های کوچک */
html[data-theme="dark"] .atour-reviews-more-btn { background: var(--atour-raised); color: var(--atour-ink); }
html[data-theme="dark"] .atour-reviews-play-btn { background: var(--atour-surface); color: var(--atour-ink); }

/* ==========================================================================
   سایدبار صفحه‌ی محصول / دوره (فهرست «معرفی، سوالات متداول، سرفصل‌ها ...»)
   کادرش کلاس bg-white و border-success بوتستراپ دارد؛ در شب مثل بقیه‌ی
   کارت‌های قالب می‌شود.
   ========================================================================== */

html[data-theme="dark"] .sticky-element.wid-c {
    background: var(--atour-surface) !important;
    border: 1px solid var(--atour-line) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .course-navigation a,
html[data-theme="dark"] .nav_list_product { color: var(--atour-body); }
html[data-theme="dark"] .course-navigation a:hover {
    background: var(--atour-mint-soft) !important;
    color: var(--atour-green) !important;
}
html[data-theme="dark"] a.nav_list_product.active {
    background: var(--atour-mint);
    color: var(--atour-green);
}
html[data-theme="dark"] .course-navigation a i { color: var(--atour-muted); }
html[data-theme="dark"] .course-navigation a.active i { color: var(--atour-green); }

/* ==========================================================================
   فرم ورود / ثبت‌نام / بازیابی (مودال هدر، صفحه‌ی حساب کاربری، تسویه‌حساب سریع)
   otp-login.css رنگ‌های روشن را ثابت (#fff، #1c1c28 ...) نوشته است و قانون قبلی
   شب به کلاس .atour-otp-box اشاره می‌کرد که در HTML وجود ندارد؛ پس فقط فیلد
   ورودی تیره می‌شد و عنوان روی زمینه‌ی سفید گم می‌شد.
   ========================================================================== */

html[data-theme="dark"] .atour-otp-login-wrap {
    background: var(--atour-surface);
    color: var(--atour-body);
    box-shadow: 0 10px 40px -12px rgba(0, 0, 0, .6);
}
html[data-theme="dark"] .atour-otp-modal .atour-otp-login-wrap { box-shadow: none; }
html[data-theme="dark"] .atour-otp-modal .modal-content { border: 1px solid var(--atour-line); }

html[data-theme="dark"] .atour-otp-title { color: var(--atour-ink); }
html[data-theme="dark"] .atour-otp-subtitle,
html[data-theme="dark"] .atour-otp-hint,
html[data-theme="dark"] .atour-otp-timer { color: var(--atour-muted); }

html[data-theme="dark"] .atour-otp-input,
html[data-theme="dark"] .atour-otp-digit {
    background: var(--atour-raised);
    border-color: var(--atour-line);
    color: var(--atour-ink);
}
html[data-theme="dark"] .atour-otp-input:focus,
html[data-theme="dark"] .atour-otp-digit:focus {
    background: var(--atour-page);
    border-color: var(--atour-green);
}
html[data-theme="dark"] .atour-otp-input::placeholder { color: var(--atour-faint); opacity: 1; }

html[data-theme="dark"] .atour-otp-toggle-password { color: var(--atour-faint); }
html[data-theme="dark"] .atour-otp-toggle-password:hover { color: var(--atour-ink); }

html[data-theme="dark"] .atour-otp-edit-phone-btn {
    background: var(--atour-raised);
    color: var(--atour-muted);
}

html[data-theme="dark"] .atour-otp-btn-primary {
    background: var(--atour-green);
    color: var(--atour-on-green);
}

html[data-theme="dark"] .atour-otp-link,
html[data-theme="dark"] .atour-otp-link-inline { color: var(--atour-green); }
html[data-theme="dark"] .atour-otp-link:disabled { color: var(--atour-faint); }

html[data-theme="dark"] .atour-otp-remember { color: var(--atour-body); }

html[data-theme="dark"] .atour-otp-message.atour-otp-error {
    background: rgba(229, 72, 77, .16);
    color: #ff9a9d;
}
html[data-theme="dark"] .atour-otp-message.atour-otp-success {
    background: rgba(22, 163, 74, .18);
    color: #7be3a4;
}

/* دکمه‌ی بستن بوت‌استرپ (×) در شب روشن می‌شود */
html[data-theme="dark"] .atour-otp-close.btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: .7;
}
html[data-theme="dark"] .atour-otp-close.btn-close:hover { opacity: 1; }

/* دکمه‌های آیکونیِ لینکی هدر (ورود، دکمه‌ی اضافه) مثل دکمه‌ی روز و شب */
html[data-theme="dark"] .atour-site-head a.atour-site-head__btn {
    background: var(--atour-surface);
    border-color: var(--atour-line);
    color: var(--atour-ink);
}
html[data-theme="dark"] .atour-site-head a.atour-site-head__btn:hover,
html[data-theme="dark"] .atour-site-head a.atour-site-head__btn:focus-visible {
    border-color: var(--atour-green);
    color: var(--atour-green);
}
html[data-theme="dark"] .atour-site-head__dcart { background: var(--atour-raised); border-color: var(--atour-line); color: var(--atour-ink); }