/*
 * Mr.ChatGPT per-user color mode
 * Default: dark. Light mode is activated only by html[data-mc-theme="light"].
 */

:root {
  --mc-toggle-size: 48px;
}

html {
  color-scheme: dark;
}
html[data-mc-theme="light"] {
  color-scheme: light;
  --mc-bg-dark: #f4f7fc;
  --mc-bg-deep: #ffffff;
  --mc-primary: #167afe;
  --mc-primary-strong: #0e5fca;
  --mc-text: #16233b;
  --mc-text-muted: #5f6f88;
  --mc-stroke: rgba(27, 72, 128, .14);
  --mc-stroke-strong: rgba(22, 122, 254, .55);
  --mc-surface: rgba(255, 255, 255, .88);
  --mc-surface-2: rgba(244, 248, 255, .96);
  --mc-surface-card: rgba(231, 240, 255, .94);
  --mc-card-shadow: 0 3px 0 rgba(22, 98, 201, .7), 0 18px 48px rgba(30, 67, 118, .12);
  --mc-shadow-inset: inset 0 0 44px rgba(22, 122, 254, .045);
  --mc-shadow-glow: 0 22px 60px rgba(30, 67, 118, .13);
}

/* Toggle */
.mc-theme-toggle {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 99999;
  min-width: var(--mc-toggle-size);
  height: var(--mc-toggle-size);
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(111, 177, 255, .42);
  border-radius: 999px;
  background: rgba(12, 19, 36, .9);
  color: #f7fbff;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .26), inset 0 0 28px rgba(22, 122, 254, .13);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  cursor: pointer;
  font-family: 'Vazirmatn', 'dana', Tahoma, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.mc-theme-toggle:hover {
  transform: translateY(-2px);
  border-color: #5aa5ff;
}
.mc-theme-toggle__icons {
  position: relative;
  width: 21px;
  height: 21px;
  display: block;
}
.mc-theme-toggle__icon {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 19px;
  transition: opacity .2s ease, transform .25s ease;
}
.mc-theme-toggle__sun { opacity: 1; transform: rotate(0) scale(1); }
.mc-theme-toggle__moon { opacity: 0; transform: rotate(-35deg) scale(.55); }
html[data-mc-theme="light"] .mc-theme-toggle {
  background: rgba(255, 255, 255, .92);
  color: #183152;
  border-color: rgba(22, 122, 254, .3);
  box-shadow: 0 14px 38px rgba(31, 68, 119, .16);
}
html[data-mc-theme="light"] .mc-theme-toggle__sun { opacity: 0; transform: rotate(35deg) scale(.55); }
html[data-mc-theme="light"] .mc-theme-toggle__moon { opacity: 1; transform: rotate(0) scale(1); }

@media (max-width: 549px) {
  .mc-theme-toggle {
    min-width: 46px;
    width: 46px;
    height: 46px;
    padding: 0;
  }
  .mc-theme-toggle__label { display: none; }
}

/* ------------------------------------------------------------------
   LIGHT MODE — global foundation
   ------------------------------------------------------------------ */
html[data-mc-theme="light"] body {
  background:
    radial-gradient(circle at 10% 0%, rgba(22, 122, 254, .12), transparent 32rem),
    radial-gradient(circle at 90% 90%, rgba(92, 167, 255, .09), transparent 36rem),
    #f4f7fc !important;
  color: #16233b !important;
}
html[data-mc-theme="light"] body :is(#wrapper, #main, #content, .page-wrapper) {
  background-color: transparent !important;
  color: #16233b !important;
}
html[data-mc-theme="light"] body #main :is(h1,h2,h3,h4,h5,h6,legend,.heading-font,.section-title-main) {
  color: #17243d !important;
}
html[data-mc-theme="light"] body #main :is(p,li,span,label,small,address,dt,dd,blockquote) {
  color: #52627a !important;
}
html[data-mc-theme="light"] body #main a:not(.button):not(.remove):not(.add_to_cart_button) {
  color: #1266cb !important;
}
html[data-mc-theme="light"] body #main a:not(.button):hover {
  color: #094f9f !important;
}

/* Header and menus */
html[data-mc-theme="light"] body :is(#header,#masthead) {
  background: transparent !important;
}
html[data-mc-theme="light"] body :is(.header-main,.header-bottom,.header-top) {
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(27,72,128,.11) !important;
  box-shadow: 0 8px 30px rgba(31,68,119,.09) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
html[data-mc-theme="light"] body .header-nav-main {
  background: rgba(240,245,253,.8) !important;
  border-color: rgba(27,72,128,.12) !important;
}
html[data-mc-theme="light"] body :is(.header-main,.header-bottom) :is(a,.nav>li>a,.header-nav-main a,.icon-search,.cart-icon) {
  color: #1d2e49 !important;
}
html[data-mc-theme="light"] body .header-nav-main a:hover {
  color: #1266cb !important;
}
html[data-mc-theme="light"] body .nav-dropdown {
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(27,72,128,.14) !important;
  box-shadow: 0 22px 56px rgba(31,68,119,.16) !important;
}
html[data-mc-theme="light"] body .nav-dropdown :is(a,li,span) {
  color: #243751 !important;
}
html[data-mc-theme="light"] body .nav-dropdown a:hover {
  color: #1266cb !important;
  background: #eef5ff !important;
}

/* Footer */
html[data-mc-theme="light"] body :is(#footer,.footer-wrapper,.footer-1,.footer-2,.absolute-footer) {
  background: linear-gradient(180deg,#eef3fa,#e6edf7) !important;
  color: #52627a !important;
  border-color: rgba(27,72,128,.12) !important;
}
html[data-mc-theme="light"] body :is(#footer,.absolute-footer) :is(a,p,li,span,h3,h4,.widget-title) {
  color: #52627a !important;
}
html[data-mc-theme="light"] body #footer :is(h3,h4,.widget-title) {
  color: #1b2d47 !important;
}
html[data-mc-theme="light"] body #footer a:hover { color: #1266cb !important; }

/* Generic glass panels/cards */
html[data-mc-theme="light"] body #main :is(
  .woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation,
  .woocommerce-cart-form,.cart_totals,#customer_details .col-1,#customer_details .col-2,
  #order_review,.woocommerce-checkout-review-order,.woocommerce-order,
  .entry-content,.article-inner,.post-sidebar,.widget,.product-info,.product-images,
  .woocommerce-tabs,.related-products-wrapper,.comment-respond,#comments,
  #ez-toc-container,.mreeir-logreg-form,.account-nav,.account-user,#my-account-nav,
  .product-small>.col-inner,.post-item>.col-inner,.icon-box,.avans_wrapper_user_list
) {
  background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,247,255,.93)) !important;
  border-color: rgba(27,72,128,.14) !important;
  color: #16233b !important;
  box-shadow: 0 20px 54px rgba(31,68,119,.11), inset 0 0 40px rgba(22,122,254,.025) !important;
}
html[data-mc-theme="light"] body #main :is(
  .woocommerce-MyAccount-content,.woocommerce-cart-form,.cart_totals,
  #customer_details .col-1,#customer_details .col-2,#order_review,
  .woocommerce-checkout-review-order,.entry-content,.product-info,.woocommerce-tabs,
  .comment-respond,#comments,#ez-toc-container,.mreeir-logreg-form,.account-nav,#my-account-nav
) :is(h1,h2,h3,h4,h5,h6,legend,strong,b,th) {
  color: #17243d !important;
}
html[data-mc-theme="light"] body #main :is(
  .woocommerce-MyAccount-content,.woocommerce-cart-form,.cart_totals,
  #customer_details .col-1,#customer_details .col-2,#order_review,
  .woocommerce-checkout-review-order,.entry-content,.product-info,.woocommerce-tabs,
  .comment-respond,#comments,#ez-toc-container,.mreeir-logreg-form,.account-nav,#my-account-nav
) :is(p,li,span,label,small,address,td,dt,dd) {
  color: #52627a !important;
}

/* Homepage: keep hero photographic, lighten all following sections */
html[data-mc-theme="light"] body.home.page-id-13 #main .section:not(:first-of-type) {
  background: transparent !important;
}
html[data-mc-theme="light"] body.home.page-id-13 #main .section:not(:first-of-type) :is(h1,h2,h3,h4,h5,h6,.section-title-main) {
  color: #17243d !important;
}
html[data-mc-theme="light"] body.home.page-id-13 #main .section:not(:first-of-type) :is(p,li,.text,.is-small,.price,.price-wrapper) {
  color: #52627a !important;
}
html[data-mc-theme="light"] body.home.page-id-13 #main .section + .section {
  border-color: rgba(27,72,128,.1) !important;
}
html[data-mc-theme="light"] body.home.page-id-13 #main :is(.product-small>.col-inner,.post-item>.col-inner,.blog-post-inner,.icon-box,.avans_wrapper_user_list) {
  background: linear-gradient(145deg,#fff,#f3f7fd) !important;
  border-color: rgba(27,72,128,.14) !important;
  box-shadow: 0 18px 48px rgba(31,68,119,.1) !important;
}
html[data-mc-theme="light"] body.home.page-id-13 #main :is(.product-title,.product-title a,.post-title,.post-title a,.box-text h3,.box-text h4) {
  color: #17243d !important;
}
html[data-mc-theme="light"] body.home.page-id-13 .section-title b {
  background: linear-gradient(90deg,transparent,rgba(22,122,254,.36),transparent) !important;
}
html[data-mc-theme="light"] body.home.page-id-13 .avans_wrapper_user_list :is(.avs-header,.row) {
  color: #30445f !important;
  border-color: rgba(27,72,128,.1) !important;
}
html[data-mc-theme="light"] body.home.page-id-13 .avans_wrapper_user_list .avs-header {
  background: #eaf3ff !important;
}

/* Blog/article */
html[data-mc-theme="light"] body.single-post #main .entry-content,
html[data-mc-theme="light"] body.blog #main,
html[data-mc-theme="light"] body.archive #main,
html[data-mc-theme="light"] body.search #main {
  color: #25364f !important;
}
html[data-mc-theme="light"] body.single-post #main .entry-content :is(p,li,span,blockquote) {
  color: #3f5068 !important;
}
html[data-mc-theme="light"] body.single-post #main .entry-content :is(h1,h2,h3,h4,h5,h6) {
  color: #15243b !important;
}
html[data-mc-theme="light"] body #ez-toc-container :is(.ez-toc-title,li,a,span) {
  color: #27405f !important;
}
html[data-mc-theme="light"] body #ez-toc-container a:hover { color:#1266cb !important; }

/* Shop and product */
html[data-mc-theme="light"] body :is(.post-type-archive-product,.tax-product_cat,.tax-product_tag) #main .product-small>.col-inner,
html[data-mc-theme="light"] body.single-product #main :is(.product-info,.product-images,.woocommerce-tabs,.related-products-wrapper) {
  background: linear-gradient(145deg,#fff,#f2f7fd) !important;
  border-color: rgba(27,72,128,.14) !important;
  box-shadow: 0 18px 50px rgba(31,68,119,.11) !important;
}
html[data-mc-theme="light"] body :is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.single-product) #main :is(.product-title,.product-title a,.product-info h1,.woocommerce-tabs h2,.related-products-wrapper h3) {
  color: #17243d !important;
}
html[data-mc-theme="light"] body :is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.single-product) #main :is(.price,.woocommerce-Price-amount,.woocommerce-Price-currencySymbol) {
  color: #174f90 !important;
}
html[data-mc-theme="light"] body .woocommerce-ordering select {
  background: #fff !important;
  color: #243751 !important;
  border-color: rgba(27,72,128,.18) !important;
}

/* Account */
html[data-mc-theme="light"] body.woocommerce-account .woocommerce-MyAccount-content,
html[data-mc-theme="light"] body.woocommerce-account :is(.account-user,.account-nav,.account-nav-wrap,#my-account-nav) {
  background: linear-gradient(145deg,#fff,#eef5ff) !important;
  border-color: rgba(22,122,254,.35) !important;
  color: #1c304c !important;
  box-shadow: 0 3px 0 rgba(22,98,201,.55),0 18px 48px rgba(31,68,119,.12) !important;
}
html[data-mc-theme="light"] body.woocommerce-account :is(.account-nav,.account-nav-wrap,#my-account-nav) :is(a,li,span) {
  color: #41536c !important;
}
html[data-mc-theme="light"] body.woocommerce-account :is(.account-nav,.account-nav-wrap,#my-account-nav) :is(a:hover,.active a,.is-active a) {
  color: #0d59b5 !important;
  background: #e5f0ff !important;
}
html[data-mc-theme="light"] body.woocommerce-account .woocommerce-MyAccount-content :is(th,td,p,span,strong,label,small,address) {
  color: #344860 !important;
}

/* Cart + checkout */
html[data-mc-theme="light"] body:is(.woocommerce-cart,.woocommerce-checkout) .checkout-breadcrumbs a {
  color: #8795a9 !important;
}
html[data-mc-theme="light"] body:is(.woocommerce-cart,.woocommerce-checkout) .checkout-breadcrumbs a.current {
  color: #173c69 !important;
}
html[data-mc-theme="light"] body:is(.woocommerce-cart,.woocommerce-checkout) #main :is(h1,h2,h3,h4,h5,h6,legend,label,strong,b,th) {
  color: #17243d !important;
}
html[data-mc-theme="light"] body:is(.woocommerce-cart,.woocommerce-checkout) #main :is(p,li,td,span,small,address,dt,dd) {
  color: #4b5e76 !important;
}
html[data-mc-theme="light"] body.woocommerce-cart :is(.woocommerce-cart-form,.cart-collaterals .cart_totals),
html[data-mc-theme="light"] body.woocommerce-checkout form.checkout #customer_details :is(.col-1,.col-2),
html[data-mc-theme="light"] body.woocommerce-checkout form.checkout :is(#order_review,.woocommerce-checkout-review-order) {
  background: linear-gradient(145deg,#fff,#eef5ff) !important;
  border-color: rgba(22,122,254,.25) !important;
  box-shadow: 0 18px 52px rgba(31,68,119,.12),inset 0 0 46px rgba(22,122,254,.025) !important;
}
html[data-mc-theme="light"] body:is(.woocommerce-cart,.woocommerce-checkout) table.shop_table,
html[data-mc-theme="light"] body.woocommerce-checkout #order_review table,
html[data-mc-theme="light"] body.woocommerce-cart .cart_totals table {
  background: rgba(255,255,255,.74) !important;
  border-color: rgba(27,72,128,.12) !important;
}
html[data-mc-theme="light"] body:is(.woocommerce-cart,.woocommerce-checkout) table.shop_table thead th {
  background: #e7f0fc !important;
  color: #243751 !important;
}
html[data-mc-theme="light"] body:is(.woocommerce-cart,.woocommerce-checkout) table.shop_table tbody tr,
html[data-mc-theme="light"] body.woocommerce-cart table.shop_table tbody tr:nth-child(even) {
  background: rgba(244,248,253,.72) !important;
}
html[data-mc-theme="light"] body:is(.woocommerce-cart,.woocommerce-checkout) table.shop_table :is(td,td *,th,th *,p,small,strong,b) {
  color: #344860 !important;
}
html[data-mc-theme="light"] body:is(.woocommerce-cart,.woocommerce-checkout) :is(.woocommerce-Price-amount,.woocommerce-Price-currencySymbol) {
  color: #164e8e !important;
}
html[data-mc-theme="light"] body.woocommerce-cart .coupon,
html[data-mc-theme="light"] body.woocommerce-checkout #payment {
  background: #f1f6fc !important;
  border-color: rgba(27,72,128,.12) !important;
}
html[data-mc-theme="light"] body.woocommerce-checkout #payment :is(label,p,li,span,strong) {
  color: #344860 !important;
}

/* Forms, select2, login */
html[data-mc-theme="light"] body :is(input,select,textarea,.select2-selection):not([type="submit"]):not([type="button"]) {
  background: #fff !important;
  color: #243751 !important;
  border-color: rgba(27,72,128,.18) !important;
  box-shadow: 0 5px 16px rgba(31,68,119,.05) !important;
}
html[data-mc-theme="light"] body :is(input,textarea)::placeholder {
  color: #92a0b1 !important;
}
html[data-mc-theme="light"] body .select2-container .select2-selection__rendered {
  color: #243751 !important;
}
html[data-mc-theme="light"] body .select2-dropdown {
  background: #fff !important;
  border-color: rgba(27,72,128,.18) !important;
  color: #243751 !important;
}
html[data-mc-theme="light"] body .select2-results__option { color:#30445f !important; }
html[data-mc-theme="light"] body .select2-results__option--highlighted {
  background: #167afe !important;
  color: #fff !important;
}
html[data-mc-theme="light"] body.is_mreeir_page :is(#wrapper,#main) {
  background: transparent !important;
}
html[data-mc-theme="light"] body.is_mreeir_page .mreeir-logreg-form {
  background: linear-gradient(145deg,#fff,#eef5ff) !important;
  border-color: rgba(22,122,254,.25) !important;
}
html[data-mc-theme="light"] body.is_mreeir_page .mreeir-logreg-form :is(h1,h2,h3,p,label,span) {
  color: #243751 !important;
}

/* Notices and comments */
html[data-mc-theme="light"] body.woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-noreviews,.wc-empty-cart-message) {
  background: #e8f3ff !important;
  color: #214466 !important;
  border-color: #167afe !important;
}
html[data-mc-theme="light"] body .woocommerce-error {
  background: #fff0f0 !important;
  color: #8c2929 !important;
}
html[data-mc-theme="light"] body :is(.comment-list,.comment-list li,.comment-text) {
  color: #41536c !important;
  border-color: rgba(27,72,128,.12) !important;
}

/* Buttons remain brand-blue in both modes */
html[data-mc-theme="light"] body :is(.button,button[type="submit"],a.button.alt,button.button.alt,.add_to_cart_button,.single_add_to_cart_button,.checkout-button) {
  background: linear-gradient(180deg,#2488ff,#1460ca) !important;
  border-color: #167afe !important;
  color: #fff !important;
}

/* Avoid transitions on first paint; animate only after the control is ready */
@media (prefers-reduced-motion: no-preference) {
  html[data-mc-theme] body,
  html[data-mc-theme] :is(.header-main,.header-bottom,#main,.footer-wrapper,.mc-theme-toggle) {
    transition: background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease;
  }
}


/* ------------------------------------------------------------------
   COURSE DETAIL TABS — /ai-from-zero/
   ------------------------------------------------------------------ */
body.mc-course-tabs-ready .mc-course-tabs {
  width: min(1180px, calc(100% - 32px));
  margin: clamp(28px, 5vw, 70px) auto;
  direction: rtl;
}
.mc-course-tabs__nav-wrap {
  position: sticky;
  top: 82px;
  z-index: 25;
  padding: 8px;
  margin-bottom: 18px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 18px;
  background: rgba(14,22,41,.9);
  box-shadow: 0 16px 42px rgba(2,8,24,.28);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.mc-course-tabs__nav {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 7px;
}
.mc-course-tab {
  min-height: 50px;
  padding: 10px 14px;
  border: 0;
  border-radius: 13px;
  background: transparent;
  color: rgba(232,242,255,.68);
  font-family: 'Vazirmatn','dana',Tahoma,sans-serif;
  font-size: .96rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .18s ease,color .18s ease,box-shadow .18s ease;
}
.mc-course-tab:hover {
  color: #fff;
  background: rgba(22,122,254,.12);
}
.mc-course-tab[aria-selected="true"] {
  color: #fff;
  background: linear-gradient(180deg,#2488ff,#1460ca);
  box-shadow: 0 8px 22px rgba(15,86,190,.28),inset 0 0 30px rgba(255,255,255,.06);
}
.mc-course-tabs__panels {
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 24px;
  background: linear-gradient(145deg,rgba(20,29,52,.9),rgba(12,20,39,.82));
  box-shadow: 0 25px 75px rgba(2,8,24,.28),inset 0 0 62px rgba(22,122,254,.045);
  overflow: hidden;
}
.mc-course-panel {
  padding: clamp(22px,4vw,52px);
  color: rgba(235,244,255,.82);
  animation: mcCoursePanelIn .24s ease both;
}
.mc-course-panel[hidden] { display:none !important; }
@keyframes mcCoursePanelIn {
  from { opacity:0; transform:translateY(5px); }
  to { opacity:1; transform:none; }
}
.mc-course-panel :is(h1,h2,h3,h4) {
  color: #fff !important;
  line-height: 1.55;
}
.mc-course-panel :is(p,li,span) {
  color: rgba(235,244,255,.8) !important;
  line-height: 2;
}
.mc-course-panel img {
  max-width: 100%;
  height: auto;
  border-radius: 18px;
}
.mc-course-panel iframe {
  width: 100% !important;
  max-width: 100%;
  aspect-ratio: 16/9;
  height: auto !important;
  border: 0;
  border-radius: 18px;
  background: #080d18;
}
.mc-course-panel__heading {
  margin-bottom: 24px;
}
.mc-course-panel__heading h2 { margin-bottom:6px; }
.mc-course-panel__heading p { margin:0; }

.mc-curriculum-list,
.mc-faq-list {
  display: grid;
  gap: 11px;
}
.mc-curriculum-group,
.mc-faq-item {
  border: 1px solid rgba(111,177,255,.18);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  overflow: clip;
}
.mc-curriculum-group summary,
.mc-faq-item summary {
  list-style: none;
  min-height: 62px;
  padding: 15px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  color: #f4f9ff;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
}
.mc-curriculum-group summary::-webkit-details-marker,
.mc-faq-item summary::-webkit-details-marker { display:none; }
.mc-curriculum-group summary::after,
.mc-faq-item summary::after {
  content: '+';
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(22,122,254,.15);
  color: #76b7ff;
  font-size: 20px;
  line-height: 1;
  transition: transform .2s ease;
}
.mc-curriculum-group[open] summary::after,
.mc-faq-item[open] summary::after {
  transform: rotate(45deg);
}
.mc-curriculum-group[open] summary,
.mc-faq-item[open] summary {
  background: rgba(22,122,254,.09);
}
.mc-curriculum-group__title { color:#f4f9ff !important; }
.mc-curriculum-group__count {
  margin-right: auto;
  color: rgba(204,226,255,.62) !important;
  font-size: .8rem;
  font-weight: 600;
}
.mc-curriculum-group__content,
.mc-faq-answer {
  padding: 4px 22px 22px;
  border-top: 1px solid rgba(255,255,255,.07);
}
.mc-curriculum-group__content ul {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px 18px;
  margin: 15px 0 0;
}
.mc-curriculum-group__content li {
  padding: 7px 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.025);
}
.mc-faq-answer {
  color: rgba(225,238,255,.75);
  line-height: 2;
}

/* Light mode for course tabs */
html[data-mc-theme="light"] .mc-course-tabs__nav-wrap {
  background: rgba(255,255,255,.92);
  border-color: rgba(27,72,128,.14);
  box-shadow: 0 14px 38px rgba(31,68,119,.11);
}
html[data-mc-theme="light"] .mc-course-tab {
  color: #66768c;
}
html[data-mc-theme="light"] .mc-course-tab:hover {
  color: #155ba8;
  background: #edf5ff;
}
html[data-mc-theme="light"] .mc-course-tab[aria-selected="true"] {
  color: #fff;
}
html[data-mc-theme="light"] .mc-course-tabs__panels {
  background: linear-gradient(145deg,#fff,#f2f7fd);
  border-color: rgba(27,72,128,.14);
  box-shadow: 0 22px 62px rgba(31,68,119,.12);
}
html[data-mc-theme="light"] .mc-course-panel {
  color: #41536c;
}
html[data-mc-theme="light"] .mc-course-panel :is(h1,h2,h3,h4) {
  color: #17243d !important;
}
html[data-mc-theme="light"] .mc-course-panel :is(p,li,span) {
  color: #4b5e76 !important;
}
html[data-mc-theme="light"] :is(.mc-curriculum-group,.mc-faq-item) {
  background: rgba(245,248,253,.9);
  border-color: rgba(27,72,128,.13);
}
html[data-mc-theme="light"] :is(.mc-curriculum-group,.mc-faq-item) summary {
  color: #243751;
}
html[data-mc-theme="light"] :is(.mc-curriculum-group,.mc-faq-item)[open] summary {
  background: #eaf3ff;
}
html[data-mc-theme="light"] .mc-curriculum-group__title {
  color: #243751 !important;
}
html[data-mc-theme="light"] :is(.mc-curriculum-group__content,.mc-faq-answer) {
  border-color: rgba(27,72,128,.1);
  color: #52627a;
}
html[data-mc-theme="light"] .mc-curriculum-group__content li {
  background: #fff;
}

/* Product hero refinement */
body.single-product.mc-course-tabs-ready .product-main {
  padding-bottom: 20px !important;
}
body.single-product.mc-course-tabs-ready .product-main .row.content-row {
  gap: clamp(16px,2.4vw,30px);
}
body.single-product.mc-course-tabs-ready .product-info {
  align-self: stretch;
}

/* Mobile homepage + course */
@media (max-width: 849px) {
  body.home.page-id-13 #main .section:first-of-type .banner {
    padding-top: 520px !important;
  }
  body.home.page-id-13 #main .section:first-of-type .banner-bg img {
    object-position: 51% 48% !important;
  }
  body.home.page-id-13 #main .section:first-of-type .banner-layers::before {
    top: 49% !important;
    right: 8% !important;
    width: 84% !important;
    font-size: clamp(1.8rem,7vw,2.35rem) !important;
    line-height: 1.42 !important;
  }
  body.home.page-id-13 #main .section:first-of-type .banner-layers::after {
    top: 65% !important;
    right: 10% !important;
    width: 80% !important;
    font-size: .88rem !important;
    line-height: 1.8 !important;
  }
  body.home.page-id-13 #main .section:first-of-type .text-box {
    top: 80% !important;
    right: 12% !important;
    width: 76% !important;
  }
  body.home.page-id-13 #main .section:first-of-type .text-box .button {
    min-height: 48px;
    padding-inline: 1rem;
    font-size: .86rem;
  }

  body.mc-course-tabs-ready .mc-course-tabs {
    width: min(100% - 20px,1180px);
    margin: 24px auto 42px;
  }
  .mc-course-tabs__nav-wrap {
    top: 70px;
    padding: 6px;
    border-radius: 15px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .mc-course-tabs__nav-wrap::-webkit-scrollbar { display:none; }
  .mc-course-tabs__nav {
    display: flex;
    width: max-content;
    min-width: 100%;
    gap: 5px;
  }
  .mc-course-tab {
    flex: 0 0 auto;
    min-width: 125px;
    min-height: 45px;
    padding: 8px 12px;
    font-size: .84rem;
  }
  .mc-course-tabs__panels { border-radius: 18px; }
  .mc-course-panel { padding: 18px 15px 24px; }
  .mc-curriculum-group summary,
  .mc-faq-item summary {
    min-height: 56px;
    padding: 13px 14px;
    font-size: .9rem;
  }
  .mc-curriculum-group__count { display:none; }
  .mc-curriculum-group__content,
  .mc-faq-answer { padding: 4px 14px 17px; }
  .mc-curriculum-group__content ul {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 0;
  }
  body.single-product.mc-course-tabs-ready .product-main .row.content-row {
    display: flex !important;
    flex-direction: column !important;
  }
  body.single-product.mc-course-tabs-ready .product-gallery,
  body.single-product.mc-course-tabs-ready .product-info {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
  }
  body.single-product.mc-course-tabs-ready .product-gallery .product-images {
    padding: 8px !important;
    border-radius: 18px !important;
  }
  body.single-product.mc-course-tabs-ready .product-gallery img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 13px;
  }
  body.single-product.mc-course-tabs-ready .product-info {
    padding: 18px 15px !important;
    border-radius: 18px !important;
  }
  body.single-product.mc-course-tabs-ready .product-info h1 {
    font-size: clamp(1.45rem,6vw,2rem) !important;
    line-height: 1.55;
  }
}


/* Final polish: light header + compact sticky purchase */
html[data-mc-theme="light"] body :is(#header,.header-wrapper,.header-bg-color,.header-bg-container) {
  background: #ffffff !important;
}
html[data-mc-theme="light"] body .header-wrapper.stuck,
html[data-mc-theme="light"] body .stuck .header-main {
  background: rgba(255,255,255,.96) !important;
}
body.single-product .sticky-add-to-cart {
  min-height: 72px !important;
  height: auto !important;
  padding: 8px max(18px,calc((100vw - 1180px)/2)) !important;
  background: rgba(10,17,32,.94) !important;
  border-top: 1px solid rgba(111,177,255,.2) !important;
  box-shadow: 0 -12px 38px rgba(2,8,24,.24) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
body.single-product .sticky-add-to-cart__product {
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
body.single-product .sticky-add-to-cart #_sumo_pp_payment_type_fields {
  display: none !important;
}
body.single-product .sticky-add-to-cart form.cart {
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
}
body.single-product .sticky-add-to-cart .sticky-add-to-cart-img {
  width: 48px !important;
  height: 48px !important;
  object-fit: cover;
  border-radius: 10px !important;
}
body.single-product .sticky-add-to-cart .product-title-small {
  color: #eef6ff !important;
  max-width: 330px;
}
body.single-product .sticky-add-to-cart .single_add_to_cart_button {
  min-height: 46px !important;
  margin: 0 !important;
  white-space: nowrap;
}
html[data-mc-theme="light"] body.single-product .sticky-add-to-cart {
  background: rgba(255,255,255,.95) !important;
  border-color: rgba(27,72,128,.14) !important;
  box-shadow: 0 -12px 36px rgba(31,68,119,.13) !important;
}
html[data-mc-theme="light"] body.single-product .sticky-add-to-cart .product-title-small {
  color: #243751 !important;
}
@media (max-width:849px) {
  body.home.page-id-13 #main .section:first-of-type .banner {
    padding-top: min(480px,76svh) !important;
  }
  body.home.page-id-13 #main .section:first-of-type .banner-layers::before {
    top: 45% !important;
    font-size: clamp(1.65rem,6.5vw,2.15rem) !important;
  }
  body.home.page-id-13 #main .section:first-of-type .banner-layers::after {
    top: 63% !important;
    font-size: .82rem !important;
  }
  body.home.page-id-13 #main .section:first-of-type .text-box {
    top: 79% !important;
  }
  body.single-product .sticky-add-to-cart {
    min-height: 64px !important;
    padding: 7px 10px !important;
  }
  body.single-product .sticky-add-to-cart .sticky-add-to-cart-img,
  body.single-product .sticky-add-to-cart .product-title-small {
    display: none !important;
  }
  body.single-product .sticky-add-to-cart__product,
  body.single-product .sticky-add-to-cart form.cart {
    width: 100% !important;
  }
  body.single-product .sticky-add-to-cart .single_add_to_cart_button {
    width: 100% !important;
  }
}


/* Light mode specificity guard for legacy page-scoped dark rules */
html[data-mc-theme="light"] body.mc-theme-enabled,
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled {
  background:
    radial-gradient(circle at 10% 0%,rgba(22,122,254,.12),transparent 32rem),
    radial-gradient(circle at 90% 90%,rgba(92,167,255,.09),transparent 36rem),
    #f4f7fc !important;
  color: #16233b !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled :is(
  #header,.header-wrapper,.header-bg-color,.header-bg-container,
  .header-main,.header-bottom,.header-top
) {
  background-color: rgba(255,255,255,.96) !important;
  background-image: none !important;
  border-color: rgba(27,72,128,.11) !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled #wrapper {
  background-color: transparent !important;
}


/* Light mode contrast guards for legacy !important rules */
html[data-mc-theme="light"] body.mc-theme-enabled :is(.header-main,.header-bottom,.header-top) :is(
  a,.nav>li>a,.header-nav-main a,.icon-search,.cart-icon,i
) {
  color: #1d2e49 !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled .header-nav-main>li.active>a {
  /* Direct child on purpose. This paints the top-level nav item white because
     it sits on a filled blue pill; without the > it also matched li.active
     inside the account dropdown, where the panel is white and the label
     disappeared. */
  color: #fff !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled #main :is(
  .button,.button *,button[type="submit"],button[type="submit"] *,
  .add_to_cart_button,.add_to_cart_button *,.single_add_to_cart_button,.single_add_to_cart_button *,
  .checkout-button,.checkout-button *
) {
  color: #fff !important;
}

/* ==================================================================
   FINAL UI QA — header toggle, true light surfaces, product and blog
   ================================================================== */

/* Theme control lives in the header, directly beside the cart. */
.mc-theme-toggle-item {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin: 0 4px !important;
  padding: 0 !important;
}
.mc-theme-toggle-item::before,
.mc-theme-toggle-item::after {
  display: none !important;
}
.mc-theme-toggle.mc-theme-toggle--header {
  position: relative !important;
  inset: auto !important;
  z-index: 4;
  width: 42px;
  min-width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
  gap: 0;
  border-radius: 50%;
  background: rgba(22,122,254,.16);
  border: 1px solid rgba(111,177,255,.44);
  box-shadow: inset 0 0 22px rgba(22,122,254,.13);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.mc-theme-toggle.mc-theme-toggle--header:hover {
  transform: translateY(-1px);
  background: rgba(22,122,254,.26);
}
.mc-theme-toggle__label {
  display: none !important;
}
.mc-theme-toggle.mc-theme-toggle--header .mc-theme-toggle__icons {
  width: 22px;
  height: 22px;
}
.mc-theme-toggle.mc-theme-toggle--header .mc-theme-toggle__icon {
  font-size: 20px;
}
html[data-mc-theme="light"] .mc-theme-toggle.mc-theme-toggle--header {
  background: #fff;
  color: #173d6d;
  border-color: rgba(22,122,254,.3);
  box-shadow: 0 5px 16px rgba(31,68,119,.12),inset 0 0 18px rgba(22,122,254,.055);
}
html[data-mc-theme="light"] .mc-theme-toggle.mc-theme-toggle--header:hover {
  background: #edf5ff;
}
@media (max-width:849px) {
  .mc-theme-toggle-item {
    margin: 0 2px !important;
  }
  .mc-theme-toggle.mc-theme-toggle--header {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}
@media (max-width:380px) {
  .mc-theme-toggle.mc-theme-toggle--header {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }
}

/* A genuinely light shell: clean white header, pale page canvas and footer. */
html[data-mc-theme="light"] body.mc-theme-enabled {
  background-color: #f4f7fc !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled :is(.header-main,.header-bottom,.header-top) {
  background-color: rgba(255,255,255,.98) !important;
  background-image: none !important;
  box-shadow: 0 8px 28px rgba(31,68,119,.08) !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled .header-nav-main {
  background: rgba(242,246,252,.92) !important;
  border: 1px solid rgba(27,72,128,.11) !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled :is(
  #footer,.footer-wrapper,.footer-1,.footer-2,.absolute-footer,
  #footer .section,.footer-wrapper .section
) {
  background-color: #edf3fa !important;
  background-image: linear-gradient(180deg,#f5f8fc 0%,#e8eef7 100%) !important;
  color: #4d6078 !important;
  border-color: rgba(27,72,128,.11) !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled :is(#footer,.footer-wrapper,.absolute-footer) :is(
  h1,h2,h3,h4,h5,h6,a,p,li,span,strong,.widget-title
) {
  color: #40536c !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled :is(#footer,.footer-wrapper) :is(h2,h3,h4,.widget-title) {
  color: #182943 !important;
}

/* Homepage: every section after the photographic hero becomes a real light surface. */
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main .section:not(:first-of-type),
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main .section:not(:first-of-type) > .section-bg {
  background-color: #f7f9fd !important;
  background-image: none !important;
}
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main .section:nth-of-type(even):not(:first-of-type),
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main .section:nth-of-type(even):not(:first-of-type) > .section-bg {
  background-color: #eef4fb !important;
}
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main .section:not(:first-of-type) :is(
  h1,h2,h3,h4,h5,h6,.section-title-main,.section-title-main span,strong,b
) {
  color: #162640 !important;
}
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main .section:not(:first-of-type) :is(
  p,li,.text,.is-small,.price,.price-wrapper
) {
  color: #53657d !important;
}
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main .section:not(:first-of-type) .banner {
  background-color: #fff !important;
  border: 1px solid rgba(27,72,128,.12);
  border-radius: 26px;
  box-shadow: 0 22px 60px rgba(31,68,119,.11);
  overflow: hidden;
}
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main .section:not(:first-of-type) .banner-bg {
  background-color: #eaf3ff !important;
}
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main :is(
  .icon-box,.product-small>.col-inner,.post-item>.col-inner,.blog-post-inner,.avans_wrapper_user_list
) {
  background-color: #fff !important;
  background-image: linear-gradient(145deg,#fff,#f4f7fc) !important;
  color: #263952 !important;
  border: 1px solid rgba(27,72,128,.13) !important;
}
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main :is(
  .icon-box,.product-small>.col-inner,.post-item>.col-inner,.blog-post-inner,.avans_wrapper_user_list
) :is(h2,h3,h4,h5,strong,b) {
  color: #182943 !important;
}
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main :is(
  .icon-box,.product-small>.col-inner,.post-item>.col-inner,.blog-post-inner,.avans_wrapper_user_list
) :is(p,span,li) {
  color: #596b82 !important;
}
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main .button,
html[data-mc-theme="light"] body.home.page-id-13.mc-theme-enabled #main .button * {
  color: #fff !important;
}

/* Product content, description and reviews: remove the grey-on-grey nesting. */
html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main :is(
  .product-main,.product-footer,.product-page-sections
) {
  background: transparent !important;
}
html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main :is(
  .product-section,.woocommerce-tabs,.related-products-wrapper,#reviews,#comments,.comment-respond
) {
  background-color: #fff !important;
  background-image: linear-gradient(145deg,#fff,#f5f8fc) !important;
  border: 1px solid rgba(27,72,128,.13) !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 58px rgba(31,68,119,.1) !important;
}
html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main .product-section {
  width: min(1180px,calc(100% - 30px));
  margin: 24px auto !important;
  padding: clamp(22px,3.5vw,44px) !important;
}
html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main .product-section > .row,
html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main :is(#reviews,#comments,.comment-respond) > .row {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main .product-section :is(
  .panel,.entry-content,.tab-panels,.woocommerce-Tabs-panel
) {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main :is(
  .product-section,.woocommerce-tabs,#reviews,#comments
) :is(h1,h2,h3,h4,h5,h6,strong,b,legend) {
  color: #182943 !important;
}
html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main :is(
  .product-section,.woocommerce-tabs,#reviews,#comments
) :is(p,li,span,label,small,time) {
  color: #52647c !important;
}
html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main :is(
  .comment-list,.comment-list>li,.review,.comment_container,.comment-text
) {
  background: #f6f9fd !important;
  color: #445870 !important;
  border-color: rgba(27,72,128,.1) !important;
  box-shadow: none !important;
}
html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main .comment-list>li {
  padding: 20px !important;
  margin-bottom: 12px !important;
  border-radius: 16px !important;
}

/* Blog archive: compact editorial card grid instead of oversized rows. */
body .blog-wrapper.blog-archive #post-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: clamp(18px,2.2vw,28px);
}
body .blog-wrapper.blog-archive #post-list > article {
  min-width: 0;
  margin: 0 !important;
}
body .blog-wrapper.blog-archive #post-list > article .article-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(111,177,255,.16) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg,rgba(22,33,59,.94),rgba(10,17,32,.92)) !important;
  box-shadow: 0 22px 62px rgba(2,8,24,.22) !important;
}
body .blog-wrapper.blog-archive #post-list > article .entry-image {
  margin: 0 !important;
  overflow: hidden;
}
body .blog-wrapper.blog-archive #post-list > article .entry-image img {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  object-fit: cover;
  transition: transform .35s ease;
}
body .blog-wrapper.blog-archive #post-list > article:hover .entry-image img {
  transform: scale(1.025);
}
body .blog-wrapper.blog-archive #post-list > article .entry-header-text {
  padding: 20px 22px 8px !important;
}
body .blog-wrapper.blog-archive #post-list > article .entry-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 3.25em;
  margin: 0 !important;
  color: #f3f8ff !important;
  font-size: clamp(1.02rem,1.45vw,1.28rem) !important;
  line-height: 1.65 !important;
}
body .blog-wrapper.blog-archive #post-list > article .entry-content {
  flex: 1;
  padding: 10px 22px 22px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body .blog-wrapper.blog-archive #post-list > article .entry-content :is(p,span) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: rgba(222,234,250,.7) !important;
  line-height: 1.9;
}
body .blog-wrapper.blog-archive #post-list > article .entry-meta {
  color: rgba(196,218,246,.62) !important;
}
body .blog-wrapper.blog-archive #post-list > :is(.page-numbers,.navigation,.nav-pagination) {
  grid-column: 1/-1;
}

/* Always-readable brand-blue publication date badge. */
body:is(.blog,.archive,.single-post) :is(.post-date,.badge) .badge-inner,
body .blog-wrapper :is(.post-date,.badge) .badge-inner {
  min-width: 56px;
  min-height: 56px;
  display: grid !important;
  align-content: center;
  justify-items: center;
  padding: 6px 8px !important;
  border: 1px solid rgba(142,199,255,.65) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg,#2b8cff,#1260cb) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(13,83,178,.26) !important;
}
body:is(.blog,.archive,.single-post) :is(.post-date,.badge) .badge-inner *,
body .blog-wrapper :is(.post-date,.badge) .badge-inner * {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Single article: one clean reading card with comfortable measure. */
body.single-post .blog-wrapper.blog-single .article-inner {
  width: min(1180px,calc(100% - 28px));
  margin: 26px auto 60px;
  padding: clamp(14px,2vw,26px);
  overflow: hidden;
  border: 1px solid rgba(111,177,255,.17);
  border-radius: 26px;
  background: linear-gradient(145deg,rgba(22,33,59,.96),rgba(10,17,32,.94));
  box-shadow: 0 25px 75px rgba(2,8,24,.25);
}
body.single-post .blog-wrapper.blog-single .entry-image img {
  width: 100%;
  max-height: 680px;
  object-fit: cover;
  border-radius: 19px;
}
body.single-post .blog-wrapper.blog-single .entry-header-text {
  padding: clamp(22px,3vw,38px) clamp(10px,4vw,55px) 16px !important;
}
body.single-post .blog-wrapper.blog-single .entry-title {
  max-width: 980px;
  margin-inline: auto;
  color: #f5f9ff !important;
  font-size: clamp(1.55rem,3vw,2.65rem) !important;
  line-height: 1.55 !important;
}
body.single-post .blog-wrapper.blog-single .entry-divider {
  background: linear-gradient(90deg,transparent,#2787f6,transparent) !important;
}
body.single-post .blog-wrapper.blog-single .entry-content {
  width: min(900px,100%);
  margin-inline: auto;
  padding: clamp(20px,3.5vw,44px) clamp(8px,2.2vw,26px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: clamp(1rem,1.25vw,1.12rem);
  line-height: 2.15;
}
body.single-post .blog-wrapper.blog-single .entry-content img {
  height: auto;
  border-radius: 16px;
}
body.single-post .blog-wrapper.blog-single .entry-content :is(blockquote,pre,table) {
  border-radius: 14px;
}

/* Light blog surfaces and contrast. */
html[data-mc-theme="light"] body.mc-theme-enabled .blog-wrapper.blog-archive #post-list > article .article-inner {
  border-color: rgba(27,72,128,.13) !important;
  background: linear-gradient(145deg,#fff,#f4f8fd) !important;
  box-shadow: 0 20px 54px rgba(31,68,119,.1) !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled .blog-wrapper.blog-archive #post-list > article .entry-title {
  color: #172943 !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled .blog-wrapper.blog-archive #post-list > article .entry-content :is(p,span) {
  color: #56687e !important;
}
html[data-mc-theme="light"] body.mc-theme-enabled .blog-wrapper.blog-archive #post-list > article .entry-meta {
  color: #718096 !important;
}
html[data-mc-theme="light"] body.single-post.mc-theme-enabled .blog-wrapper.blog-single .article-inner {
  border-color: rgba(27,72,128,.13);
  background: linear-gradient(145deg,#fff,#f3f7fc);
  box-shadow: 0 22px 64px rgba(31,68,119,.11);
}
html[data-mc-theme="light"] body.single-post.mc-theme-enabled .blog-wrapper.blog-single .entry-title {
  color: #172943 !important;
}
html[data-mc-theme="light"] body.single-post.mc-theme-enabled .blog-wrapper.blog-single .entry-content {
  background: transparent !important;
  color: #3f536d !important;
}
html[data-mc-theme="light"] body.single-post.mc-theme-enabled .blog-wrapper.blog-single .entry-content :is(
  p,li,span,blockquote,figcaption
) {
  color: #465a73 !important;
}
html[data-mc-theme="light"] body.single-post.mc-theme-enabled .blog-wrapper.blog-single :is(
  .entry-meta,.entry-meta span,.entry-meta a
) {
  color: #65778e !important;
}

/* Blog and product responsiveness. */
@media (max-width:849px) {
  body .blog-wrapper.blog-archive #post-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  body .blog-wrapper.blog-archive #post-list > article .article-inner {
    border-radius: 18px !important;
  }
  body .blog-wrapper.blog-archive #post-list > article .entry-header-text {
    padding: 17px 17px 6px !important;
  }
  body .blog-wrapper.blog-archive #post-list > article .entry-content {
    padding: 8px 17px 18px !important;
  }
  body.single-post .blog-wrapper.blog-single .article-inner {
    width: calc(100% - 18px);
    margin: 14px auto 38px;
    padding: 9px;
    border-radius: 19px;
  }
  body.single-post .blog-wrapper.blog-single .entry-image img {
    border-radius: 13px;
  }
  body.single-post .blog-wrapper.blog-single .entry-header-text {
    padding: 18px 9px 9px !important;
  }
  body.single-post .blog-wrapper.blog-single .entry-title {
    font-size: clamp(1.32rem,6vw,1.8rem) !important;
  }
  body.single-post .blog-wrapper.blog-single .entry-content {
    padding: 17px 7px 28px !important;
    line-height: 2;
  }
  html[data-mc-theme="light"] body.single-product.mc-theme-enabled #main .product-section {
    width: calc(100% - 18px);
    margin: 16px auto !important;
    padding: 18px 13px !important;
    border-radius: 18px !important;
  }
}


/* ==================================================================
   UI FIX PASS 2 — header icon harmony, footer spacing, login links
   Appended last on purpose: highest source order, wins specificity ties.
   ================================================================== */

/* (1) Theme toggle now matches the cart/account circle buttons:
       solid brand-blue pill + white glyph, in dark AND light. */
html[data-mc-theme] body.mc-theme-enabled .mc-theme-toggle.mc-theme-toggle--header {
  background: #1a7dd9 !important;
  border: 1px solid rgba(0, 0, 0, .05) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-mc-theme] body.mc-theme-enabled .mc-theme-toggle.mc-theme-toggle--header:hover {
  background: #1668b8 !important;
}
html[data-mc-theme] body.mc-theme-enabled .mc-theme-toggle.mc-theme-toggle--header .mc-theme-toggle__icon {
  color: #fff !important;
}

/* (4) Header account + cart circle buttons keep the solid-blue fill and
       white glyph in every theme/page. Light mode and the Digits/mreeir
       login page were washing the glyph to dark on a see-through pill
       (the legacy `i { color:#1d2e49 }` header contrast guard). */
html[data-mc-theme] body.mc-theme-enabled :is(.header-main, .header-bottom, .header-top) .header-button :is(.account-link-mobile, .header-cart-link) {
  background-color: #1a7dd9 !important;
  border-color: rgba(0, 0, 0, .05) !important;
}
html[data-mc-theme] body.mc-theme-enabled :is(.header-main, .header-bottom, .header-top) .header-button :is(.account-link-mobile, .header-cart-link) i {
  color: #fff !important;
}

/* (2) Footer widgets: inline breathing room on phones/tablets so the
       titles, divider lines and product rows are not glued to the
       screen edges (RTL). Desktop 3-column layout is left untouched. */
@media (max-width: 849px) {
  body.mc-theme-enabled #footer .footer-widgets {
    padding-inline: 16px;
  }
}

/* (3) Requested: links inside the dark login/register form stay black.
       (These sit on the white social-login pills — black reads well.) */
body.mc-theme-dark.is_mreeir_page .mreeir-logreg-form :is(.mreeir-form-title, .mreeir-form-message, p, span, label, strong) a {
  color: #000 !important;
}
/* (3b) Utility links that sit on the DARK card itself (resend code, login
        with password / OTP, password recovery) use the bright site accent
        so they stay readable — black would vanish on the dark surface. */
body.mc-theme-dark.is_mreeir_page .mreeir-logreg-form :is(.mreeir-extra-link, .mreeir-resendcode-wrapper, .mreeir-resendcode-w) a {
  color: #6fb1ff !important;
}
body.mc-theme-dark.is_mreeir_page .mreeir-logreg-form :is(.mreeir-extra-link, .mreeir-resendcode-wrapper, .mreeir-resendcode-w) a:hover {
  color: #9ccbff !important;
}

/* MRC light notice contrast fix — woo notices/messages must stay readable in light mode */
html[data-mc-theme="light"] body :is(.woocommerce-message,.woocommerce-info,.woocommerce-noreviews,.woocommerce-notice,.woocommerce-store-notice,.wc-block-components-notice-banner) {
  background: #eaf3ff !important;
  color: #17243d !important;
  border-color: rgba(22,122,254,.35) !important;
}
html[data-mc-theme="light"] body :is(.woocommerce-message,.woocommerce-info,.woocommerce-notice) :is(a,strong,b,span) {
  color: #1266cb !important;
}

/* ───────────────────────────────────────────────────────────────────────────
   Light theme: white text on a filled blue surface
   ───────────────────────────────────────────────────────────────────────────

   The dashboard button rendered its label in #52627a on #167afe — about 2:1
   contrast. It is painted by this rule, further up the file:

     html[data-mc-theme="light"] body #main
       :is(.woocommerce-MyAccount-content, …, #customer_details .col-1, …)
       :is(p,li,span,label,…) { color: #52627a !important }

   The obvious override — repeating the selector with the button's own class —
   loses, and the reason is worth writing down: :is() takes the specificity of
   its **most specific** argument, and that argument list contains
   #customer_details .col-1. One ID inside the :is() lifts the whole rule to
   (2,2,3). Anything with a single #main can never outrank it.

   Hence #main#main below. It is deliberate, not a typo: it buys the second ID
   needed to reach (2,2,4). The alternative — lifting the two #customer_details
   entries out of that :is() list so the rule drops back to (1,2,3) — is the
   better long-term fix, but it silently changes the cascade for every checkout
   and cart element the rule covers, which is not a change to make blind.

   Keep this block last in the file. */

html[data-mc-theme="light"] body #main#main a.mc-account-topbar__action,
html[data-mc-theme="light"] body #main#main a.mc-account-topbar__action :is(span,strong,small),
html[data-mc-theme="light"] body #main#main a.mc-welcome-card__button,
html[data-mc-theme="light"] body #main#main a.mc-welcome-card__button :is(span,strong,small),
html[data-mc-theme="light"] body #main#main :is(a,button).button.is-primary,
html[data-mc-theme="light"] body #main#main :is(a,button).button.is-primary :is(span,strong,small),
html[data-mc-theme="light"] body #main#main .mc-btn--primary,
html[data-mc-theme="light"] body #main#main .mc-btn--primary :is(span,strong,small) {
  color: #ffffff !important;
}

/* Active row of the my-account sidebar — white on the blue pill. */
html[data-mc-theme="light"] body #main#main .mc-account-menu li.is-active > a,
html[data-mc-theme="light"] body #main#main .mc-account-menu li.is-active > a :is(span,small,strong),
html[data-mc-theme="light"] body #main#main .mc-account-menu li.active > a,
html[data-mc-theme="light"] body #main#main .mc-account-menu li.active > a :is(span,small,strong) {
  color: #ffffff !important;
}


/* ───────────────────────────────────────────────────────────────────────────
   One typeface for the whole site
   ───────────────────────────────────────────────────────────────────────────

   rtl.css carries five rules from the theme's Dana era:

     body { font-family: dana !important }
     h1,h2,h3,h4,h5,h6,.heading-font { font-family: 'DanaVF' !important }
     …and the same three again inside @supports (font-variation-settings)

   They are !important on bare element selectors, so they beat the newer
   'Vazirmatn', 'dana', 'DanaVF' stack everywhere it is not scoped to a body
   class. The result was one site in two typefaces: account, cart and blog
   pages in Vazirmatn, the homepage and every heading in Dana.

   This belongs in rtl.css, but that file is enqueued with no ?ver= and nginx
   serves it with a 30-day max-age, so an edit there would not reach anyone
   already holding a copy — including the CDN — until the cache expired. This
   file is versioned by filemtime, so the fix lands immediately.

   One class on body is all the specificity needed to outrank a bare h1.
   Dana stays as the fallback, so nothing regresses if Vazirmatn fails. */

body.mc-theme-enabled,
body[class] :is(p,a,li,td,th,label,input,select,textarea,button) {
  font-family: 'Vazirmatn', 'DanaVF', dana, Tahoma, sans-serif !important;
}
body[class] :is(h1,h2,h3,h4,h5,h6),
body[class] :is(.heading-font,.alt-font,.section-title-main),
body[class] .nav > li > a {
  font-family: 'Vazirmatn', 'DanaVF', dana, Tahoma, sans-serif !important;
}
