/* AyarLine Dark Mode — v4.9.91
   Brand-preserving dark palette. Layout, spacing and approved yellow patterns are untouched. */

html[data-ayar-theme="dark"]{
  color-scheme:dark;
  --ant-color-text:#f3f0e9;
  --ant-color-text-secondary:rgba(243,240,233,.72);
  --ant-color-text-tertiary:rgba(243,240,233,.50);
  --ant-color-text-quaternary:rgba(243,240,233,.30);
  --ant-color-bg-base:#121210;
  --ant-color-bg-layout:#151513;
  --ant-color-bg-container:#1c1b18;
  --ant-color-bg-elevated:#23211d;
  --ant-color-bg-mask:rgba(0,0,0,.64);
  --ant-color-border:rgba(255,255,255,.16);
  --ant-color-border-secondary:rgba(255,255,255,.09);
  --ant-color-fill:rgba(255,255,255,.15);
  --ant-color-fill-secondary:rgba(255,255,255,.09);
  --ant-color-fill-tertiary:rgba(255,255,255,.055);
  --ant-color-fill-quaternary:rgba(255,255,255,.035);
  --ant-color-primary-bg:#2c2618;
  --ant-color-primary-bg-hover:#3a3018;
  --ant-color-primary-border:#7a5d19;
  --ant-color-primary-text:#f4c84f;
  --paper:#151513;
  --ink:#f3f0e9;
  --footer:#0d0d0c;
  --dash:#6e6a62;
  --ayar-dark-paper:#151513;
  --ayar-dark-surface:#1c1b18;
  --ayar-dark-surface-raised:#23211d;
  --ayar-dark-surface-soft:#292720;
  --ayar-dark-text:#f3f0e9;
  --ayar-dark-muted:#b6b0a5;
  --ayar-dark-subtle:#8d887f;
  --ayar-dark-line:rgba(255,255,255,.10);
  --ayar-dark-line-strong:rgba(255,255,255,.17);
  --ayar-dark-shadow:0 22px 60px rgba(0,0,0,.32);
}

html[data-ayar-theme="dark"],
html[data-ayar-theme="dark"] body,
html[data-ayar-theme="dark"] body.ayar-pixel-body,
html[data-ayar-theme="dark"] .ayar-pixel-root,
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-view,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-view,
html[data-ayar-theme="dark"] .ayar-pixel-root [class$="-stage"]{
  background-color:var(--ayar-dark-paper)!important;
  color:var(--ayar-dark-text);
}

/* Theme switch */
.ayar-theme-toggle{
  position:absolute;
  z-index:245;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(32,32,32,.10);
  border-radius:999px;
  background:rgba(247,245,240,.74);
  color:#252525;
  box-shadow:0 .25rem .9rem rgba(25,20,12,.08);
  cursor:pointer;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  transition:background-color .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.ayar-theme-toggle:hover,.ayar-theme-toggle:focus-visible{border-color:rgba(239,178,26,.52);box-shadow:0 .35rem 1rem rgba(239,178,26,.16);outline:none;transform:translateY(-2px)}
.ayar-theme-toggle:focus-visible{box-shadow:0 0 0 3px rgba(239,178,26,.22),0 .35rem 1rem rgba(239,178,26,.14)}
.ayar-theme-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
.ayar-theme-icon svg{display:block;width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ayar-theme-icon-sun{opacity:0;transform:rotate(-35deg) scale(.72)}
.ayar-theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}
html[data-ayar-theme="dark"] .ayar-theme-toggle{background:rgba(31,30,26,.82);border-color:rgba(255,255,255,.12);color:#f4c84f;box-shadow:0 .35rem 1rem rgba(0,0,0,.24)}
html[data-ayar-theme="dark"] .ayar-theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-ayar-theme="dark"] .ayar-theme-icon-moon{opacity:0;transform:rotate(35deg) scale(.72)}
@media (min-width:768px){
  .ayar-pixel-root .ayar-theme-toggle-desktop{left:25.45cqw;top:7.62cqw;width:2.18cqw;height:2.18cqw}
  .ayar-pixel-root .desktop-header.is-stuck .ayar-theme-toggle-desktop{top:1.5cqw;width:2.05cqw;height:2.05cqw}
}
@media (max-width:767px){
  .ayar-pixel-root .ayar-theme-toggle-mobile{left:5.4vw;top:32.3vw;width:9.7vw;height:9.7vw}
  .ayar-pixel-root .mobile-header.is-stuck .ayar-theme-toggle-mobile{left:25.2vw;top:3.05vw;width:9.2vw;height:9.2vw}
}

/* Shared header / navigation */
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-social,
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-social .social-icon-link,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-social,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-social .social-icon-link,
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-nav a{
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-nav a:hover,
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-nav a:focus-visible{color:#fff!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-logo img,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-logo img{filter:brightness(0) invert(1);opacity:.94}
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-header.is-stuck,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-header.is-stuck{
  background-color:rgba(20,20,18,.94)!important;
  background-image:none!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
  box-shadow:0 .7rem 2.2rem rgba(0,0,0,.30)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-toggle{
  color:var(--ayar-dark-text)!important;
  background:rgba(30,29,25,.76)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 1.3vw 3.8vw rgba(0,0,0,.24)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-toggle[aria-expanded="true"]{background:var(--yellow)!important;color:#1a1814!important;border-color:rgba(255,255,255,.58)!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-toggle > .mobile-menu-open-icon{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-toggle[aria-expanded="true"] > .mobile-menu-close-icon{color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-panel{
  background:linear-gradient(155deg,rgba(34,33,29,.98),rgba(20,20,18,.97))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 7vw 18vw rgba(0,0,0,.52)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-panel a{background:rgba(255,255,255,.045)!important;color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-panel a:hover,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-panel a:focus-visible{background:rgba(239,178,26,.12)!important;border-color:rgba(239,178,26,.36)!important;color:#fff!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-brand>span{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-contact-card{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.08)!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-contact-card-head,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-contact-copy strong{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-contact-copy small{color:var(--ayar-dark-subtle)!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-contact-icon{color:#f2c54d!important;background:rgba(239,178,26,.12)!important}
html[data-ayar-theme="dark"] .mobile-menu-backdrop{background:rgba(0,0,0,.44)!important}

/* Shared footer */
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-footer,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-footer,
html[data-ayar-theme="dark"] .ayar-about-root .about-desktop-footer,
html[data-ayar-theme="dark"] .ayar-about-root .about-mobile-footer{background:#0d0d0c!important;color:#fff!important}

/* Home page typography and white surfaces */
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-hero-copy h1,
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-copy h2,
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-copy p,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-hero-copy h1,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-copy h2,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-copy p{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .desktop-dots span{box-shadow:inset 0 0 0 .08cqw rgba(255,255,255,.12)}
html[data-ayar-theme="dark"] .ayar-pixel-root .yellow-button{color:#171717!important}

/* About + Contact */
html[data-ayar-theme="dark"] .ayar-about-root .about-desktop-intro h1,
html[data-ayar-theme="dark"] .ayar-about-root .about-intro-copy p,
html[data-ayar-theme="dark"] .ayar-about-root .about-desktop-why h2,
html[data-ayar-theme="dark"] .ayar-about-root .about-why-copy p,
html[data-ayar-theme="dark"] .ayar-about-root .about-mobile-intro h1,
html[data-ayar-theme="dark"] .ayar-about-root .about-mobile-intro p,
html[data-ayar-theme="dark"] .ayar-about-root .about-mobile-why h2,
html[data-ayar-theme="dark"] .ayar-about-root .about-mobile-why p{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-about-root .about-desktop-services,
html[data-ayar-theme="dark"] .ayar-about-root .about-mobile-services{color:#202020!important}
html[data-ayar-theme="dark"] .ayar-about-root .about-desktop-services h2,
html[data-ayar-theme="dark"] .ayar-about-root .about-desktop-services h3,
html[data-ayar-theme="dark"] .ayar-about-root .about-desktop-services p,
html[data-ayar-theme="dark"] .ayar-about-root .about-mobile-services h2,
html[data-ayar-theme="dark"] .ayar-about-root .about-mobile-services h3,
html[data-ayar-theme="dark"] .ayar-about-root .about-mobile-services p{color:#202020!important}
html[data-ayar-theme="dark"] .ayar-contact-root .contact-desktop-title,
html[data-ayar-theme="dark"] .ayar-contact-root .contact-desktop-intro,
html[data-ayar-theme="dark"] .ayar-contact-root .contact-desktop-question,
html[data-ayar-theme="dark"] .ayar-contact-root .contact-method,
html[data-ayar-theme="dark"] .ayar-contact-root .contact-desktop-ending,
html[data-ayar-theme="dark"] .ayar-contact-root .contact-mobile-title,
html[data-ayar-theme="dark"] .ayar-contact-root .contact-mobile-intro,
html[data-ayar-theme="dark"] .ayar-contact-root .contact-mobile-question,
html[data-ayar-theme="dark"] .ayar-contact-root .contact-mobile-methods,
html[data-ayar-theme="dark"] .ayar-contact-root .contact-mobile-ending{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-contact-root .contact-method-icon{color:var(--yellow)!important}

/* Collections + Portfolio */
html[data-ayar-theme="dark"] .ayar-collections-root{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collections-desktop-title,
html[data-ayar-theme="dark"] .ayar-collections-root .collections-mobile-title,
html[data-ayar-theme="dark"] .ayar-collections-root .collection-stat small{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collections-random-card{
  color:var(--ayar-dark-text)!important;
  background:radial-gradient(circle at 75% 22%,rgba(239,178,26,.19),transparent 35%),linear-gradient(135deg,#28251e,#171714)!important;
  border-color:rgba(239,178,26,.7)!important;
  box-shadow:0 1rem 2.8rem rgba(0,0,0,.25)!important;
}
html[data-ayar-theme="dark"] .ayar-collections-root .collection-card-trigger{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collection-modal-card{background:var(--ayar-dark-surface-raised)!important;border-color:rgba(239,178,26,.62)!important;box-shadow:0 2.25rem 6rem rgba(0,0,0,.50)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collection-modal-close{background:rgba(28,27,24,.88)!important;border-color:rgba(255,255,255,.13)!important;color:var(--ayar-dark-text)!important;box-shadow:0 .3rem .9rem rgba(0,0,0,.28)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collection-modal-thumbs button{background:#171714!important;border-color:rgba(255,255,255,.09)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collection-modal-copy h2{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collection-modal-subtitle,
html[data-ayar-theme="dark"] .ayar-collections-root .collection-modal-description,
html[data-ayar-theme="dark"] .ayar-collections-root .collection-modal-author{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collection-modal-body{background:var(--ayar-dark-surface-raised)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collection-modal-cta{color:#202020!important}

/* Blog */
html[data-ayar-theme="dark"] .ayar-blog-root .blog-page-heading h1,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-card-copy h2,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-heading h1,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content h1,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content h2,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content h3,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content h4{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-page-heading p,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-card-copy p,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content p,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content li{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-card-link,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-back-link{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-card-media,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-hero{background:#26241f!important}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-card-arrow{border-color:rgba(255,255,255,.18)!important;color:var(--ayar-dark-text)!important;background:rgba(255,255,255,.035)!important}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-pagination a{color:var(--ayar-dark-text)!important;border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.025)!important}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-pagination .is-current{color:#171717!important;background:var(--yellow)!important;border-color:var(--yellow)!important}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-empty-state,
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content blockquote{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.10)!important}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-empty-state h2{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-empty-state p{color:var(--ayar-dark-muted)!important}

/* Academy + course */
html[data-ayar-theme="dark"] .ayar-academy-root,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-desktop-stage,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-mobile-stage,
html[data-ayar-theme="dark"] .ayar-academy-root .course-desktop-stage,
html[data-ayar-theme="dark"] .ayar-academy-root .course-mobile-stage{
  --academy-ink:var(--ayar-dark-text);
  --academy-muted:var(--ayar-dark-muted);
  --academy-soft:#22211d;
  --academy-card:#1d1c18;
  --academy-line:rgba(255,255,255,.10);
  background-color:var(--ayar-dark-paper)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-label,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-section-heading>span,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-method-title>span,
html[data-ayar-theme="dark"] .ayar-academy-root .course-section-head>span,
html[data-ayar-theme="dark"] .ayar-academy-root .course-eyebrow{color:#e6bd45!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-hero-copy>p,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-hero-note,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-course-summary,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-course-meta,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-section-heading p,
html[data-ayar-theme="dark"] .ayar-course-root .course-hero-copy>p,
html[data-ayar-theme="dark"] .ayar-course-root .course-section-head>p{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-trust-row{background:rgba(255,255,255,.04)!important;border-color:var(--academy-line)!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-course-media{background:#26241f!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-course-meta span{background:rgba(255,255,255,.06)!important;color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-course-footer b,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-course-footer>span{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-course-open{background:rgba(25,24,21,.90)!important;color:#fff!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-modal-card,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-shell{background:var(--ayar-dark-surface-raised)!important;color:var(--ayar-dark-text)!important;border-color:rgba(255,255,255,.11)!important;box-shadow:0 2rem 5rem rgba(0,0,0,.48)!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-modal-content h2,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-head h2{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-modal-summary,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-security{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-modal-facts span,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-modal-proof>span{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.08)!important;color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-modal-close{background:rgba(23,22,19,.92)!important;color:var(--ayar-dark-text)!important;border-color:rgba(255,255,255,.14)!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-phone-field input{background:#171714!important;color:var(--ayar-dark-text)!important;border-color:rgba(255,255,255,.13)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-hero-panel,
html[data-ayar-theme="dark"] .ayar-course-root .course-facts>div,
html[data-ayar-theme="dark"] .ayar-course-root .course-outcome-grid>div,
html[data-ayar-theme="dark"] .ayar-course-root .course-review-grid article{background:var(--ayar-dark-surface)!important;border-color:var(--academy-line)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-hero-copy h1,
html[data-ayar-theme="dark"] .ayar-course-root .course-facts strong,
html[data-ayar-theme="dark"] .ayar-course-root .course-section-head h2,
html[data-ayar-theme="dark"] .ayar-course-root .course-outcome-grid p,
html[data-ayar-theme="dark"] .ayar-course-root .course-curriculum-list summary strong,
html[data-ayar-theme="dark"] .ayar-course-root .course-review-grid article strong{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-facts small,
html[data-ayar-theme="dark"] .ayar-course-root .course-curriculum-list summary small,
html[data-ayar-theme="dark"] .ayar-course-root .course-curriculum-list li,
html[data-ayar-theme="dark"] .ayar-course-root .course-review-grid p,
html[data-ayar-theme="dark"] .ayar-course-root .course-review-grid small{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-curriculum-list ul{background:rgba(255,255,255,.035)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-curriculum-list li span{background:rgba(239,178,26,.13)!important;color:#efc44e!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-summary-plus::before,
html[data-ayar-theme="dark"] .ayar-course-root .course-summary-plus::after{background:#c7c2b8!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-video-list{border-color:var(--academy-line)!important;background:var(--ayar-dark-surface)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-video-list article{border-color:var(--academy-line)!important}

/* Loading and modal backdrop surfaces */
html[data-ayar-theme="dark"] .ayar-route-curtain{background:rgba(15,15,13,.76)!important}
html[data-ayar-theme="dark"].ayar-collection-modal-open .ayar-pixel-root>section,
html[data-ayar-theme="dark"].ayar-academy-modal-open .ayar-pixel-root>section{filter:blur(5px) brightness(.54)!important}

/* Smooth only when the user explicitly changes the mode. */
html.ayar-theme-transition body,
html.ayar-theme-transition .ayar-pixel-root,
html.ayar-theme-transition .ayar-pixel-root .desktop-view,
html.ayar-theme-transition .ayar-pixel-root .mobile-view,
html.ayar-theme-transition .ayar-pixel-root [class$="-stage"],
html.ayar-theme-transition .desktop-header.is-stuck,
html.ayar-theme-transition .mobile-header.is-stuck,
html.ayar-theme-transition .mobile-menu-panel,
html.ayar-theme-transition .collection-modal-card,
html.ayar-theme-transition .academy-modal-card,
html.ayar-theme-transition .academy-checkout-shell{
  transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important;
}

@media (prefers-reduced-motion:reduce){
  .ayar-theme-toggle,.ayar-theme-icon{transition-duration:.01ms!important}
}

/* Course secondary surfaces */
html[data-ayar-theme="dark"] .ayar-academy-root .academy-trust-row div{background:rgba(255,255,255,.035)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-hero-meta span{background:rgba(255,255,255,.05)!important;color:var(--ayar-dark-muted)!important;border-color:var(--academy-line)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-price-row small{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-price-row strong{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-image-chip{background:rgba(24,23,20,.90)!important;border:1px solid rgba(255,255,255,.08)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-image-chip b{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-image-chip span{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-fact-icon{background:rgba(239,178,26,.14)!important;color:#efc44e!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-video-list article{background:var(--ayar-dark-surface)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-video-list strong{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-video-list small{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-lock{background:rgba(255,255,255,.07)!important;color:#aaa59b!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-review-avatar{background:rgba(239,178,26,.14)!important;color:#efc44e!important}

/* v4.9.92 — theme toggle placement aligned with header controls. */
.ayar-theme-toggle .ayar-theme-icon svg{display:none!important}
@media (min-width:768px){
  .ayar-pixel-root .desktop-social .ayar-theme-toggle-desktop{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    flex:0 0 auto;
    width:2.05cqw!important;
    height:2.05cqw!important;
    margin-left:.72cqw;
    transform:none;
  }
  .ayar-pixel-root .desktop-header.is-stuck .desktop-social .ayar-theme-toggle-desktop{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:2.05cqw!important;
    height:2.05cqw!important;
    margin-left:.72cqw;
  }
  .ayar-pixel-root .desktop-social .ayar-theme-toggle-desktop:hover,
  .ayar-pixel-root .desktop-social .ayar-theme-toggle-desktop:focus-visible{transform:translateY(-.08cqw)}
}
@media (max-width:767px){
  .ayar-pixel-root .ayar-theme-toggle-mobile{
    position:absolute!important;
    left:69.4vw!important;
    right:auto!important;
    top:19.95vw!important;
    width:9.7vw!important;
    height:9.7vw!important;
    z-index:129!important;
  }
  .ayar-pixel-root .mobile-header.is-stuck .ayar-theme-toggle-mobile{
    position:absolute!important;
    left:auto!important;
    right:18.2vw!important;
    top:3.55vw!important;
    width:9.4vw!important;
    height:9.4vw!important;
  }
  html.ayar-mobile-menu-open .ayar-pixel-root .mobile-header .ayar-theme-toggle-mobile{
    opacity:.78;
  }
}

/* Correct icon scale after moving the desktop switch into the social control row. */
.ayar-theme-toggle .ayar-theme-icon .bi{font-size:1em!important;vertical-align:0}
@media (min-width:768px){
  .ayar-pixel-root .desktop-social .ayar-theme-toggle-desktop{font-size:1.15cqw!important}
}
@media (max-width:767px){
  .ayar-pixel-root .ayar-theme-toggle-mobile{font-size:4.4vw!important}
}

/* v4.9.93 — Desktop sticky header theme toggle alignment.
   Keep the approved static Desktop and all Mobile placements untouched.
   In sticky mode the toggle becomes a real flex item inside .desktop-social,
   matching the social controls instead of using stage coordinates. */
@media (min-width:768px){
  .ayar-pixel-root .desktop-header.is-stuck .desktop-social .ayar-theme-toggle-desktop{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:2.18cqw!important;
    height:2.18cqw!important;
    flex:0 0 2.18cqw;
    margin:0!important;
    align-self:center;
  }
}

/* v4.9.94 — Desktop non-sticky theme toggle placement.
   Keep the approved social icons and navigation coordinates untouched.
   The theme control sits just to the left of the social cluster only while
   the header is in its normal (non-sticky) state. Sticky and Mobile retain
   their approved v4.9.93 placement. */
@media (min-width:768px){
  .ayar-pixel-root .desktop-header:not(.is-stuck) .desktop-social{
    overflow:visible!important;
  }
  .ayar-pixel-root .desktop-header:not(.is-stuck) .desktop-social .ayar-theme-toggle-desktop{
    position:absolute!important;
    left:-3.15cqw!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:2.05cqw!important;
    height:2.05cqw!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
  .ayar-pixel-root .desktop-header:not(.is-stuck) .desktop-social .ayar-theme-toggle-desktop:hover,
  .ayar-pixel-root .desktop-header:not(.is-stuck) .desktop-social .ayar-theme-toggle-desktop:focus-visible{
    transform:translateY(calc(-50% - .08cqw))!important;
  }
}

/* v4.9.95 — final theme-toggle placement refinements.
   Desktop sticky: keep the theme toggle as the left-most control in the LTR
   social cluster. Mobile open menu: animate the existing theme toggle beside
   the close button while keeping the menu itself open. */
@media (min-width:768px){
  .ayar-pixel-root .desktop-header.is-stuck .desktop-social .ayar-theme-toggle-desktop{
    order:-1!important;
    margin-right:0!important;
    margin-left:.72cqw!important;
  }
}

@media (max-width:767px){
  .ayar-pixel-root .ayar-theme-toggle-mobile{
    transition:
      background-color .24s ease,
      border-color .24s ease,
      color .24s ease,
      box-shadow .24s ease,
      opacity .28s ease,
      transform .34s cubic-bezier(.2,.8,.2,1)!important;
    will-change:transform,opacity;
  }

  /* Static mobile header: move only by transform so the transition remains
     smooth and the approved closed-menu coordinates are left untouched. */
  html.ayar-mobile-menu-open .ayar-pixel-root .mobile-header:not(.is-stuck) .ayar-theme-toggle-mobile{
    opacity:1!important;
    z-index:133!important;
    transform:translate(-1.65vw,-2.75vw) scale(1.08)!important;
    box-shadow:0 1.8vw 5.5vw rgba(22,19,20,.18)!important;
  }

  /* Sticky mobile header: align the theme control immediately to the left of
     the fixed close button at the same visual height. */
  html.ayar-mobile-menu-open .ayar-pixel-root .mobile-header.is-stuck .ayar-theme-toggle-mobile{
    opacity:1!important;
    z-index:133!important;
    transform:translate(-4.65vw,13.65vw) scale(1.12)!important;
    box-shadow:0 1.8vw 5.5vw rgba(22,19,20,.18)!important;
  }

  html.ayar-mobile-menu-open[data-ayar-theme="dark"] .ayar-pixel-root .mobile-header .ayar-theme-toggle-mobile{
    box-shadow:0 1.8vw 5.5vw rgba(0,0,0,.28)!important;
  }
}

@media (max-width:767px) and (prefers-reduced-motion:reduce){
  .ayar-pixel-root .ayar-theme-toggle-mobile{
    transition-duration:.01ms!important;
  }
}

/* v4.9.96 — Mobile theme-toggle motion mirrors the menu control exactly.
   Closed state: same size, vertical coordinate and sticky travel vector as
   .mobile-menu-toggle, offset only horizontally to sit immediately left.
   Open state: both controls become fixed at the same height, so changing the
   theme never changes or closes the open mobile menu. */
@media (max-width:767px){
  .ayar-pixel-root .mobile-header .ayar-theme-toggle-mobile{
    position:absolute!important;
    left:auto!important;
    right:20.75vw!important;
    top:19.25vw!important;
    width:10.5vw!important;
    height:10.5vw!important;
    margin:0!important;
    transform:none!important;
    transition:
      top .3s ease,
      left .3s ease,
      right .3s ease,
      width .3s ease,
      height .3s ease,
      background-color .3s ease,
      box-shadow .3s ease,
      transform .3s ease,
      border-color .3s ease,
      color .3s ease,
      opacity .3s ease!important;
    will-change:top,right,width,height,transform;
  }

  .ayar-pixel-root .mobile-header.is-stuck .ayar-theme-toggle-mobile{
    position:absolute!important;
    left:auto!important;
    right:18.25vw!important;
    top:3.15vw!important;
    width:10.5vw!important;
    height:10.5vw!important;
    transform:none!important;
  }

  html.ayar-mobile-menu-open .ayar-pixel-root .mobile-header .ayar-theme-toggle-mobile,
  html.ayar-mobile-menu-open .ayar-pixel-root .mobile-header.is-stuck .ayar-theme-toggle-mobile{
    position:fixed!important;
    left:auto!important;
    right:21.5vw!important;
    top:17.2vw!important;
    width:10.5vw!important;
    height:10.5vw!important;
    opacity:1!important;
    z-index:133!important;
    transform:none!important;
    background:var(--yellow)!important;
    border-color:rgba(255,255,255,.74)!important;
    color:#202020!important;
    box-shadow:0 1.8vw 5.5vw rgba(22,19,20,.24)!important;
  }

  html.ayar-mobile-menu-open[data-ayar-theme="dark"] .ayar-pixel-root .mobile-header .ayar-theme-toggle-mobile{
    background:var(--yellow)!important;
    border-color:rgba(255,255,255,.74)!important;
    color:#202020!important;
    box-shadow:0 1.8vw 5.5vw rgba(0,0,0,.28)!important;
  }

  .ayar-pixel-root .mobile-header .ayar-theme-toggle-mobile:hover,
  .ayar-pixel-root .mobile-header .ayar-theme-toggle-mobile:focus-visible{
    transform:translateY(-.35vw)!important;
  }

  html.ayar-mobile-menu-open .ayar-pixel-root .mobile-header .ayar-theme-toggle-mobile:hover,
  html.ayar-mobile-menu-open .ayar-pixel-root .mobile-header .ayar-theme-toggle-mobile:focus-visible{
    transform:none!important;
  }
}

@media (max-width:767px) and (prefers-reduced-motion:reduce){
  .ayar-pixel-root .mobile-header .ayar-theme-toggle-mobile{
    transition-duration:.01ms!important;
    transition-delay:0ms!important;
  }
}

/* v4.9.97 — semantic Dark Mode color system.
   Text color is now inherited from the active dark surface rather than from
   hard-coded Light Mode declarations. Intentional yellow/brand surfaces are
   explicitly restored to dark ink after the inheritance pass. */
html[data-ayar-theme="dark"]{
  --ayar-dark-paper:#121210;
  --ayar-dark-surface:#1a1916;
  --ayar-dark-surface-raised:#211f1b;
  --ayar-dark-surface-soft:#28251f;
  --ayar-dark-text:#f7f3ec;
  --ayar-dark-muted:#c7c0b5;
  --ayar-dark-subtle:#999287;
  --ayar-dark-disabled:#736d64;
  --ayar-dark-line:rgba(255,255,255,.105);
  --ayar-dark-line-strong:rgba(255,255,255,.18);
  --ayar-dark-accent:#efb21a;
  --ayar-dark-on-accent:#181612;
  --paper:var(--ayar-dark-paper);
  --ink:var(--ayar-dark-text);
  --dash:#777168;
}

/* Every page root owns the foreground color. This prevents a child carrying
   an old #202020/#252525 Light Mode value from becoming unreadable. */
html[data-ayar-theme="dark"] .ayar-pixel-root,
html[data-ayar-theme="dark"] .ayar-home-root,
html[data-ayar-theme="dark"] .ayar-about-root,
html[data-ayar-theme="dark"] .ayar-contact-root,
html[data-ayar-theme="dark"] .ayar-collections-root,
html[data-ayar-theme="dark"] .ayar-portfolio-root,
html[data-ayar-theme="dark"] .ayar-blog-root,
html[data-ayar-theme="dark"] .ayar-academy-root,
html[data-ayar-theme="dark"] .ayar-course-root{
  color:var(--ayar-dark-text)!important;
}

/* Semantic typography reset: all textual descendants inherit the color of
   their surface. More specific semantic muted/accent rules follow below. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(
  h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,em,i:not(.bi),mark,
  li,dt,dd,label,legend,figcaption,cite,time,summary,blockquote,
  button,input,textarea,select,option
){
  color:inherit!important;
}

/* Form text and placeholders. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(input,textarea,select){
  background-color:#181714!important;
  border-color:var(--ayar-dark-line-strong)!important;
  color:var(--ayar-dark-text)!important;
  caret-color:var(--ayar-dark-accent)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root :where(input,textarea)::placeholder{
  color:var(--ayar-dark-subtle)!important;
  opacity:1!important;
}

/* Header and navigation inherit one foreground in all normal/sticky states. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(.desktop-header,.mobile-header,.desktop-social,.mobile-social,.desktop-nav){
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-panel{
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-panel::after{
  color:var(--ayar-dark-muted)!important;
}

/* Shared footer is already a dark surface in both themes. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(.desktop-footer,.mobile-footer){
  color:#fff!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root :where(.desktop-footer,.mobile-footer) :where(h1,h2,h3,h4,p,a,span,small,strong,b){
  color:inherit!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root :where(.desktop-copyright,.mobile-copyright) span{
  color:var(--yellow)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root :where(.behance-box,.linkedin-box,.instagram-box){
  color:#fff!important;
}

/* Home. */
html[data-ayar-theme="dark"] .ayar-home-root :where(.desktop-hero-copy,.desktop-copy,.mobile-hero-copy,.mobile-copy){
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-home-root :where(.desktop-copy p,.mobile-copy p){
  color:var(--ayar-dark-muted)!important;
}

/* About: service copy is on the page surface and must become light. The
   “چرا ما؟” heading itself sits on the yellow band and keeps dark ink. */
html[data-ayar-theme="dark"] .ayar-about-root :where(.about-desktop-intro,.about-intro-copy,.about-desktop-services,.about-service,.about-why-copy,.about-mobile-intro,.about-mobile-services,.about-mobile-why){
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-about-root :where(.about-intro-copy p,.about-service p,.about-why-copy p,.about-mobile-intro p,.about-mobile-services p,.about-mobile-why p){
  color:var(--ayar-dark-muted)!important;
}
html[data-ayar-theme="dark"] .ayar-about-root :where(.about-desktop-why h2,.about-mobile-why h2){
  color:var(--ayar-dark-on-accent)!important;
}
html[data-ayar-theme="dark"] .ayar-about-root :where(.about-desktop-why h2 span,.about-mobile-why h2 span){
  color:inherit!important;
}

/* Contact. */
html[data-ayar-theme="dark"] .ayar-contact-root :where(.contact-desktop-title,.contact-desktop-question,.contact-mobile-title,.contact-mobile-question,.contact-method h3){
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-contact-root :where(.contact-desktop-intro,.contact-method p,.contact-desktop-closing,.contact-mobile-intro,.contact-mobile-methods p,.contact-mobile-ending,.contact-mobile-closing){
  color:var(--ayar-dark-muted)!important;
}
html[data-ayar-theme="dark"] .ayar-contact-root .contact-method-icon{
  color:var(--yellow)!important;
}

/* Collections / Portfolio. */
html[data-ayar-theme="dark"] .ayar-collections-root :where(.collections-desktop-title,.collections-mobile-title,.collection-card-trigger,.collection-actions,.collection-share,.collection-stats){
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-collections-root :where(.collection-modal-subtitle,.collection-modal-description,.collection-modal-author){
  color:var(--ayar-dark-muted)!important;
}
html[data-ayar-theme="dark"] .ayar-collections-root :where(.collection-modal-card,.collection-modal-body){
  color:var(--ayar-dark-text)!important;
}

/* Blog. */
html[data-ayar-theme="dark"] .ayar-blog-root :where(.blog-page-heading,.blog-card-copy,.blog-single-heading,.blog-single-content,.blog-back-link,.blog-card-link,.blog-pagination){
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-blog-root :where(.blog-page-heading p,.blog-card-copy p,.blog-single-content p,.blog-single-content li,.blog-single-content figcaption,.blog-empty-state p){
  color:var(--ayar-dark-muted)!important;
}

/* Academy list and modal. */
html[data-ayar-theme="dark"] .ayar-academy-root :where(
  .academy-hero-copy,.academy-hero-card,.academy-trust-row,.academy-section-heading,
  .academy-course-body,.academy-course-footer,.academy-method,.academy-method-title,
  .academy-modal-card,.academy-modal-content,.academy-checkout-shell,.academy-checkout-head
){
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root :where(
  .academy-hero-copy>p,.academy-hero-note,.academy-section-heading p,
  .academy-course-summary,.academy-course-meta,.academy-modal-summary,
  .academy-checkout-security
){
  color:var(--ayar-dark-muted)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root :where(.academy-course-meta span,.academy-modal-facts span,.academy-modal-proof>span){
  color:var(--ayar-dark-muted)!important;
}

/* Course detail. */
html[data-ayar-theme="dark"] .ayar-course-root :where(
  .course-hero-copy,.course-hero-panel,.course-facts,.course-section-head,
  .course-outcome-grid,.course-video-list,.course-curriculum-list,
  .course-review-grid,.course-price-row,.course-image-chip
){
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-course-root :where(
  .course-hero-copy>p,.course-section-head>p,.course-facts small,
  .course-video-list small,.course-curriculum-list summary small,
  .course-curriculum-list li,.course-review-grid p,.course-review-grid small,
  .course-price-row small,.course-image-chip span
){
  color:var(--ayar-dark-muted)!important;
}
html[data-ayar-theme="dark"] .ayar-course-root :where(.course-instructor,.course-final-cta){
  color:#fff!important;
}
html[data-ayar-theme="dark"] .ayar-course-root :where(.course-instructor p,.course-final-cta p){
  color:rgba(255,255,255,.72)!important;
}
html[data-ayar-theme="dark"] .ayar-course-root :where(.course-instructor-copy>span,.course-final-cta>div:first-child>span,.course-review-stars){
  color:#e5bb43!important;
}

/* Accent/yellow controls intentionally use dark text for contrast. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(
  .yellow-button,.hero-button,.small-button,.mobile-small-button,
  .collection-modal-cta,.blog-pagination .is-current,
  .academy-primary-btn,.academy-modal-buy-btn,.course-buy-primary,
  .course-free-badge,.course-play-circle,.academy-checkout-check
){
  color:var(--ayar-dark-on-accent)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-toggle[aria-expanded="true"],
html[data-ayar-theme="dark"].ayar-mobile-menu-open .ayar-pixel-root .ayar-theme-toggle-mobile{
  color:var(--ayar-dark-on-accent)!important;
}

/* Preserve semantic gold accents after the inheritance pass. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(
  .contact-highlight,.academy-label,.academy-course-kicker,.academy-modal-eyebrow,
  .course-eyebrow,.course-module-num,.course-video-index,.course-review-stars
){
  color:#e7bd45!important;
}

/* Avoid Light Mode white cards leaking into Dark Mode. */
html[data-ayar-theme="dark"] .ayar-collections-root :where(.collection-modal-thumbs button),
html[data-ayar-theme="dark"] .ayar-blog-root :where(.blog-empty-state),
html[data-ayar-theme="dark"] .ayar-academy-root :where(.academy-course-meta span,.academy-trust-row>div),
html[data-ayar-theme="dark"] .ayar-course-root :where(.course-outcome-grid>div,.course-review-grid article,.course-video-list article,.course-facts>div){
  background-color:var(--ayar-dark-surface)!important;
  border-color:var(--ayar-dark-line)!important;
}

/* Theme transition includes text so no stale Light Mode frame remains after
   a toggle, including content injected by Ajax navigation. */
html.ayar-theme-transition .ayar-pixel-root :where(h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,li,label,button,input,textarea,select,summary){
  transition-property:color,background-color,border-color,box-shadow!important;
  transition-duration:.3s!important;
  transition-timing-function:ease!important;
}

/* v4.9.97 — interaction/accent restorations after semantic inheritance. */
html[data-ayar-theme="dark"] .ayar-pixel-root .contact-highlight{color:inherit!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-contact-icon{color:#f2c54d!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .ayar-theme-toggle{color:#f4c84f!important}
html[data-ayar-theme="dark"] .ayar-pixel-root :where(.desktop-social,.mobile-social,.mobile-footer-social) .social-link:hover,
html[data-ayar-theme="dark"] .ayar-pixel-root :where(.desktop-social,.mobile-social,.mobile-footer-social) .social-link:focus-visible{color:var(--yellow)!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-panel a:hover,
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-panel a:focus-visible{color:#fff!important}
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-toggle[aria-expanded="true"],
html[data-ayar-theme="dark"].ayar-mobile-menu-open .ayar-pixel-root .ayar-theme-toggle-mobile{color:var(--ayar-dark-on-accent)!important}

/* v4.9.97 — Academy modal/checkout surfaces that previously retained Light Mode. */
html[data-ayar-theme="dark"] .ayar-academy-root :where(.academy-preview-modal,.academy-checkout-modal) .academy-modal-backdrop{
  background:rgba(10,10,9,.66)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-course-open{
  background:rgba(22,21,18,.92)!important;
  color:#fff!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root :where(.academy-section-heading>span,.academy-method-title>span,.course-section-head>span,.academy-method-steps em){
  color:#e2b843!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-method-steps p,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-hero-card small{
  color:rgba(255,255,255,.70)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-modal-badge{
  color:var(--ayar-dark-on-accent)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-modal-detail-btn{
  background:rgba(255,255,255,.055)!important;
  border-color:var(--ayar-dark-line-strong)!important;
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-course{
  background:rgba(255,255,255,.05)!important;
  border:1px solid var(--ayar-dark-line)!important;
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-course small,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-head p,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-result p{
  color:var(--ayar-dark-muted)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-course span,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-head>span{
  color:#e1b741!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-phone-field{
  background:#181714!important;
  border-color:var(--ayar-dark-line-strong)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-phone-field>span{
  color:var(--ayar-dark-muted)!important;
  border-right-color:var(--ayar-dark-line)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-form>button,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-result a,
html[data-ayar-theme="dark"] .ayar-course-root .course-final-cta button,
html[data-ayar-theme="dark"] .ayar-academy-root .academy-modal-buy-btn{
  color:var(--ayar-dark-on-accent)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-error{
  color:#ff9f96!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-check{
  background:#173322!important;
  color:#8fe0a8!important;
}

/* Rich article content and generic semantic elements. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(code,kbd,samp,pre,th,td){
  color:inherit!important;
}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content :where(code,pre){
  background:var(--ayar-dark-surface-raised)!important;
  border-color:var(--ayar-dark-line)!important;
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content a{
  color:#e6bd45!important;
}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content :where(hr,table,th,td){
  border-color:var(--ayar-dark-line-strong)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root mark{
  background:var(--yellow)!important;
  color:var(--ayar-dark-on-accent)!important;
}

/* v4.9.98 — exhaustive Dark Mode typography pass.
   The previous semantic layer relied on color:inherit. That can still inherit
   an old Light Mode ink from an intermediate div/article. Text-bearing
   elements now receive the dark foreground directly, then intentional muted,
   gold, white-on-dark and dark-on-yellow roles are restored below. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(
  h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,em,i:not(.bi),mark,
  li,dt,dd,label,legend,figcaption,cite,time,summary,blockquote,
  button,input,textarea,select,option,code,kbd,samp,pre,th,td
){
  color:var(--ayar-dark-text)!important;
}

/* Bootstrap Icons always follow their owning control/text color. */
html[data-ayar-theme="dark"] .ayar-pixel-root .bi{
  color:inherit!important;
}

/* Secondary copy — Home / About / Contact. */
html[data-ayar-theme="dark"] .ayar-home-root :where(.desktop-copy p,.mobile-copy p),
html[data-ayar-theme="dark"] .ayar-about-root :where(
  .about-intro-copy p,.about-service p,.about-why-copy p,
  .about-mobile-intro p,.about-mobile-services p,.about-mobile-why p
),
html[data-ayar-theme="dark"] .ayar-contact-root :where(
  .contact-desktop-intro,.contact-method p,.contact-desktop-ending,
  .contact-desktop-closing,.contact-mobile-intro,.contact-mobile-methods p,
  .contact-mobile-ending,.contact-mobile-closing
){
  color:var(--ayar-dark-muted)!important;
}

/* Collections / Portfolio modal secondary typography and counters. */
html[data-ayar-theme="dark"] .ayar-collections-root :where(
  .collection-modal-subtitle,.collection-modal-description,.collection-modal-author
){color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collection-stat small{
  color:var(--ayar-dark-text)!important;
}

/* Blog secondary copy. Rich article headings remain primary. */
html[data-ayar-theme="dark"] .ayar-blog-root :where(
  .blog-page-heading p,.blog-card-copy p,.blog-single-content p,
  .blog-single-content li,.blog-single-content figcaption,.blog-empty-state p
){color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content a{
  color:#e6bd45!important;
}

/* Academy list / preview / checkout: explicitly cover every text role that
   carries a Light Mode color in academy-v4.9.89.css. */
html[data-ayar-theme="dark"] .ayar-academy-root :where(
  .academy-hero-copy>p,.academy-hero-note,.academy-section-heading p,
  .academy-course-summary,.academy-course-meta,.academy-modal-summary,
  .academy-checkout-security,.academy-checkout-head p,
  .academy-checkout-course small,.academy-checkout-result p,
  .academy-modal-proof small
){color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-academy-root :where(
  .academy-label,.academy-section-heading>span,.academy-method-title>span,
  .academy-course-kicker,.academy-modal-eyebrow,.academy-checkout-head>span,
  .academy-checkout-course span,.academy-method-steps em
){color:#e3b943!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-method :where(h1,h2,h3,h4,strong,b){
  color:#fff!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-method :where(p,small){
  color:rgba(255,255,255,.70)!important;
}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-hero-card :where(strong,b){color:#fff!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-hero-card :where(small,span){color:rgba(255,255,255,.72)!important}
html[data-ayar-theme="dark"] .ayar-academy-root .academy-checkout-error{color:#ff9f96!important}

/* Course details: explicit primary / secondary / brand roles. */
html[data-ayar-theme="dark"] .ayar-course-root :where(
  .course-hero-copy>p,.course-section-head>p,.course-facts small,
  .course-video-list small,.course-curriculum-list summary small,
  .course-curriculum-list li,.course-review-grid p,.course-review-grid small,
  .course-price-row small,.course-image-chip span,.course-back
){color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-course-root :where(
  .course-eyebrow,.course-module-num,.course-video-index,.course-review-stars,
  .course-instructor-copy>span,.course-final-cta>div:first-child>span
){color:#e5bb43!important}
html[data-ayar-theme="dark"] .ayar-course-root .course-instructor :where(h1,h2,h3,h4,strong,b),
html[data-ayar-theme="dark"] .ayar-course-root .course-final-cta :where(h1,h2,h3,h4,strong,b){
  color:#fff!important;
}
html[data-ayar-theme="dark"] .ayar-course-root .course-instructor :where(p,small,.course-instructor-tags span),
html[data-ayar-theme="dark"] .ayar-course-root .course-final-cta p{
  color:rgba(255,255,255,.72)!important;
}

/* Footer is intentionally dark in both modes. Keep all footer typography white
   except the approved gold copyright emphasis. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(.desktop-footer,.mobile-footer) :where(
  h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,em,i:not(.bi),li
){color:#fff!important}
html[data-ayar-theme="dark"] .ayar-pixel-root :where(.desktop-copyright,.mobile-copyright) span{
  color:var(--yellow)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root :where(.desktop-footer,.mobile-footer) .bi{
  color:inherit!important;
}

/* Dark text is required on yellow/accent surfaces for contrast. Keep this last
   so the global typography pass can never turn these controls white. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(
  .yellow-button,.hero-button,.small-button,.mobile-small-button,
  .collection-modal-cta,.blog-pagination .is-current,.blog-empty-mark,
  .academy-primary-btn,.academy-modal-buy-btn,.academy-checkout-form>button,
  .academy-checkout-result a,.academy-modal-badge,.course-buy-primary,
  .course-free-badge,.course-play-circle,.course-final-cta button
),
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-toggle[aria-expanded="true"],
html[data-ayar-theme="dark"].ayar-mobile-menu-open .ayar-pixel-root .ayar-theme-toggle-mobile{
  color:var(--ayar-dark-on-accent)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root :where(
  .yellow-button,.hero-button,.small-button,.mobile-small-button,
  .collection-modal-cta,.blog-pagination .is-current,.blog-empty-mark,
  .academy-primary-btn,.academy-modal-buy-btn,.academy-checkout-form>button,
  .academy-checkout-result a,.academy-modal-badge,.course-buy-primary,
  .course-free-badge,.course-play-circle,.course-final-cta button
) .bi{
  color:inherit!important;
}

/* About "چرا ما؟" lives on a yellow band, not on the dark paper. */
html[data-ayar-theme="dark"] .ayar-about-root :where(.about-desktop-why h2,.about-mobile-why h2),
html[data-ayar-theme="dark"] .ayar-about-root :where(.about-desktop-why h2,.about-mobile-why h2) :where(span,strong,b){
  color:var(--ayar-dark-on-accent)!important;
}

/* Native form controls and autofill must not flash Light Mode text. */
html[data-ayar-theme="dark"] .ayar-pixel-root :where(input,textarea,select,option){
  color:var(--ayar-dark-text)!important;
  -webkit-text-fill-color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root :where(input,textarea):-webkit-autofill,
html[data-ayar-theme="dark"] .ayar-pixel-root :where(input,textarea):-webkit-autofill:hover,
html[data-ayar-theme="dark"] .ayar-pixel-root :where(input,textarea):-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ayar-dark-text)!important;
  box-shadow:0 0 0 1000px #181714 inset!important;
  caret-color:var(--ayar-dark-accent)!important;
}

/* v4.9.99 — strict Dark Mode foreground cascade.
   Previous passes could still lose to older page selectors that used
   !important with higher specificity (notably About services and a few
   component-level labels). A non-existent ID in :not() intentionally adds
   specificity while matching every real element. The foreground is now
   controlled through one inherited role variable, then semantic exceptions
   are assigned below. */
html[data-ayar-theme="dark"] .ayar-pixel-root{
  --ayar-dm-fg:var(--ayar-dark-text);
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root *:not(#ayar-dark-foreground-guard){
  color:var(--ayar-dm-fg,var(--ayar-dark-text))!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root *:not(#ayar-dark-foreground-guard)::before,
html[data-ayar-theme="dark"] .ayar-pixel-root *:not(#ayar-dark-foreground-guard)::after{
  color:inherit!important;
}

/* Secondary/muted typography roles. */
html[data-ayar-theme="dark"] .ayar-pixel-root :is(
  .mobile-menu-brand>span,
  .mobile-menu-contact-copy small,
  .desktop-copy p,.mobile-copy p,
  .about-intro-copy p,.about-service p,.about-why-copy p,
  .about-mobile-intro p,.about-mobile-services p,.about-mobile-why p,
  .contact-desktop-intro,.contact-method p,.contact-desktop-closing,.contact-desktop-ending,
  .contact-mobile-intro,.contact-mobile-methods p,.contact-mobile-closing,.contact-mobile-ending,
  .collection-modal-subtitle,.collection-modal-description,.collection-modal-author,
  .blog-page-heading p,.blog-card-copy p,.blog-single-content p,.blog-single-content li,
  .blog-single-content figcaption,.blog-empty-state p,
  .academy-hero-copy>p,.academy-hero-note,.academy-section-heading p,.academy-course-summary,
  .academy-modal-summary,.academy-checkout-security,.academy-checkout-head p,
  .academy-checkout-course small,.academy-checkout-result p,.academy-modal-proof small,
  .course-hero-copy>p,.course-section-head>p,.course-facts small,.course-video-list small,
  .course-curriculum-list summary small,.course-curriculum-list li,.course-review-grid p,
  .course-review-grid small,.course-price-row small,.course-image-chip span,.course-back
):not(#ayar-dark-foreground-guard){
  --ayar-dm-fg:var(--ayar-dark-muted);
}

/* Brand-gold text roles. */
html[data-ayar-theme="dark"] .ayar-pixel-root :is(
  .contact-method-icon,.mobile-menu-contact-icon,.ayar-theme-toggle,
  .academy-label,.academy-section-heading>span,.academy-method-title>span,
  .academy-course-kicker,.academy-modal-eyebrow,.academy-checkout-head>span,
  .academy-checkout-course span,.academy-method-steps em,
  .course-eyebrow,.course-module-num,.course-video-index,.course-review-stars,
  .course-instructor-copy>span,.course-final-cta>div:first-child>span,
  .course-fact-icon,.course-review-avatar
):not(#ayar-dark-foreground-guard){
  --ayar-dm-fg:#e7bd45;
}
html[data-ayar-theme="dark"] .ayar-blog-root .blog-single-content a:not(#ayar-dark-foreground-guard),
html[data-ayar-theme="dark"] .ayar-pixel-root :is(.desktop-copyright,.mobile-copyright) span:not(#ayar-dark-foreground-guard){
  --ayar-dm-fg:#e7bd45;
}

/* Elements that intentionally live on yellow/light accent surfaces must keep
   dark ink for accessible contrast. The role inherits into nested labels and
   Bootstrap icons as well. */
html[data-ayar-theme="dark"] .ayar-pixel-root :is(
  .yellow-button,
  .mobile-menu-toggle[aria-expanded="true"],
  .collection-modal-cta,
  .blog-pagination .is-current,
  .blog-empty-mark,
  .blog-card-link:hover .blog-card-arrow,
  .blog-card-link:focus-visible .blog-card-arrow,
  .academy-primary-btn,.academy-modal-buy-btn,.academy-checkout-form>button,
  .academy-checkout-result a,.academy-modal-badge,
  .course-buy-primary,.course-free-badge,.course-play-circle,.course-final-cta button
):not(#ayar-dark-foreground-guard){
  --ayar-dm-fg:var(--ayar-dark-on-accent);
}
html[data-ayar-theme="dark"].ayar-mobile-menu-open .ayar-pixel-root .ayar-theme-toggle-mobile:not(#ayar-dark-foreground-guard){
  --ayar-dm-fg:var(--ayar-dark-on-accent);
}

/* About's Why title sits inside the actual full-width yellow band. Services do
   NOT sit on a yellow surface; they therefore remain light in Dark Mode. */
html[data-ayar-theme="dark"] .ayar-about-root :is(.about-desktop-why h2,.about-mobile-why h2):not(#ayar-dark-foreground-guard){
  --ayar-dm-fg:var(--ayar-dark-on-accent);
}
html[data-ayar-theme="dark"] .ayar-about-root :is(
  .about-desktop-services,.about-mobile-services,
  .about-desktop-services h2,.about-desktop-services h3,.about-desktop-services p,
  .about-mobile-services h2,.about-mobile-services h3,.about-mobile-services p
):not(#ayar-dark-foreground-guard){
  --ayar-dm-fg:var(--ayar-dark-text);
}

/* Sections that are dark by design in both themes use true white, while their
   supporting copy is softened explicitly. */
html[data-ayar-theme="dark"] .ayar-pixel-root :is(
  .desktop-footer,.mobile-footer,.academy-method,.academy-hero-card,
  .course-instructor,.course-final-cta
):not(#ayar-dark-foreground-guard){
  --ayar-dm-fg:#fff;
}
html[data-ayar-theme="dark"] .ayar-pixel-root :is(
  .academy-method-steps p,.academy-hero-card small,
  .course-instructor-copy p,.course-instructor-tags span,.course-final-cta p
):not(#ayar-dark-foreground-guard){
  --ayar-dm-fg:rgba(255,255,255,.72);
}

/* Status colors. */
html[data-ayar-theme="dark"] .ayar-pixel-root .academy-checkout-error:not(#ayar-dark-foreground-guard){--ayar-dm-fg:#ff9f96}
html[data-ayar-theme="dark"] .ayar-pixel-root .academy-checkout-check:not(#ayar-dark-foreground-guard){--ayar-dm-fg:#8fe0a8}

/* Text generated by pseudo-elements also needs a Dark Mode role. Decorative
   pseudo-elements with no text are unaffected by color. */
html[data-ayar-theme="dark"] .ayar-pixel-root .mobile-menu-panel:not(#ayar-dark-foreground-guard)::after{
  color:var(--ayar-dark-muted)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root .academy-method:not(#ayar-dark-foreground-guard)::after,
html[data-ayar-theme="dark"] .ayar-pixel-root .course-final-cta:not(#ayar-dark-foreground-guard)::after{
  color:rgba(255,255,255,.035)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root .social-link:not(#ayar-dark-foreground-guard)::after{
  color:#fff!important;
}

/* Form text, placeholders and autofill are explicit because Chromium can
   otherwise preserve Light Mode glyph colors independently of `color`. */
html[data-ayar-theme="dark"] .ayar-pixel-root :is(input,textarea,select,option):not(#ayar-dark-foreground-guard){
  --ayar-dm-fg:var(--ayar-dark-text);
  color:var(--ayar-dark-text)!important;
  -webkit-text-fill-color:var(--ayar-dark-text)!important;
  caret-color:var(--ayar-dark-accent)!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root :is(input,textarea):not(#ayar-dark-foreground-guard)::placeholder{
  color:var(--ayar-dark-subtle)!important;
  -webkit-text-fill-color:var(--ayar-dark-subtle)!important;
  opacity:1!important;
}
html[data-ayar-theme="dark"] .ayar-pixel-root :is(input,textarea):not(#ayar-dark-foreground-guard):-webkit-autofill,
html[data-ayar-theme="dark"] .ayar-pixel-root :is(input,textarea):not(#ayar-dark-foreground-guard):-webkit-autofill:hover,
html[data-ayar-theme="dark"] .ayar-pixel-root :is(input,textarea):not(#ayar-dark-foreground-guard):-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ayar-dark-text)!important;
  box-shadow:0 0 0 1000px #181714 inset!important;
}

/* Bootstrap Icons inherit the exact foreground role of their owning control. */
html[data-ayar-theme="dark"] .ayar-pixel-root .bi:not(#ayar-dark-foreground-guard){
  color:inherit!important;
}

/* v5.0.1 — engagement controls and dialogs */
html[data-ayar-theme="dark"] .ayar-collections-root .collection-action-button{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .collection-action-button:hover,
html[data-ayar-theme="dark"] .ayar-collections-root .collection-action-button:focus-visible,
html[data-ayar-theme="dark"] .ayar-collections-root .collection-like.is-liked{color:var(--yellow,#efb21a)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-engagement-dialog-backdrop{background:rgba(0,0,0,.56)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-engagement-dialog-card{
  background:var(--ayar-dark-surface-raised)!important;
  color:var(--ayar-dark-text)!important;
  border-color:rgba(239,178,26,.64)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.52)!important;
}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-engagement-dialog-close{
  background:rgba(31,30,26,.86)!important;
  border-color:rgba(255,255,255,.13)!important;
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-engagement-dialog-kicker{color:#f4c84f!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-engagement-dialog-head h2,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-list-head strong,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-meta strong{color:var(--ayar-dark-text)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-engagement-dialog-head p,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-form label > span,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-feedback,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-item p{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-form input,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-form textarea,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-item,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-share-grid button{
  background:#1b1a17!important;
  border-color:rgba(255,255,255,.10)!important;
  color:var(--ayar-dark-text)!important;
}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-form input::placeholder,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-form textarea::placeholder,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-meta small,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-empty{color:var(--ayar-dark-subtle)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-list-wrap{border-color:rgba(255,255,255,.08)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-empty{border-color:rgba(255,255,255,.12)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-share-grid button:hover,
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-share-grid button:focus-visible{background:#24221d!important;border-color:rgba(239,178,26,.72)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-share-link-row input{background:#171613!important;border-color:rgba(255,255,255,.08)!important;color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-share-link-row span{color:#f4c84f!important}

/* v5.0.3 — admin reply badge in public comments. */
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-replies{border-color:rgba(255,255,255,.1)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-reply{background:rgba(239,178,26,.07)!important;border-color:rgba(239,178,26,.18)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-reply>p{color:var(--ayar-dark-muted)!important}
html[data-ayar-theme="dark"] .ayar-collections-root .ayar-comment-admin-badge{background:#0f0e0c!important;color:#efb21a!important}


/* v5.0.18 — render theme icons from inline SVG, not Bootstrap icon glyphs. */
.ayar-theme-toggle .ayar-theme-icon .ayar-theme-svg{
  display:block!important;
  width:48%!important;
  height:48%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.85!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  overflow:visible;
  pointer-events:none;
}
.ayar-theme-toggle .ayar-theme-icon .ayar-theme-svg path,
.ayar-theme-toggle .ayar-theme-icon .ayar-theme-svg circle{
  vector-effect:non-scaling-stroke;
}
.ayar-theme-toggle .ayar-theme-icon .bi{display:none!important}
@media (min-width:768px){
  .ayar-pixel-root .desktop-social .ayar-theme-toggle-desktop .ayar-theme-svg{width:46%!important;height:46%!important}
}
@media (max-width:767px){
  .ayar-pixel-root .ayar-theme-toggle-mobile .ayar-theme-svg{width:45%!important;height:45%!important}
}


/* v5.0.19 — open mobile menu: theme toggle must share the close button row
   in both static and sticky header states. JS mirrors the exact close-button
   bounding box; these declarations are the deterministic CSS fallback. */
@media (max-width:767px){
  html.ayar-mobile-menu-open .ayar-pixel-root .mobile-header:not(.is-stuck) .ayar-theme-toggle-mobile,
  html.ayar-mobile-menu-open .ayar-pixel-root .mobile-header.is-stuck .ayar-theme-toggle-mobile{
    position:fixed!important;
    left:auto!important;
    right:21.5vw!important;
    top:17.2vw!important;
    width:10.5vw!important;
    height:10.5vw!important;
    margin:0!important;
    transform:none!important;
    z-index:133!important;
  }
}

/* v5.0.25 — close glyph must match the white mobile menu glyph in dark mode. */
@media(max-width:767px){
  html[data-ayar-theme="dark"].ayar-mobile-menu-open .ayar-pixel-root .mobile-header .mobile-menu-toggle[aria-expanded="true"]>.mobile-menu-close-icon,
  html[data-ayar-theme="dark"].ayar-mobile-menu-open .ayar-pixel-root .mobile-header.is-stuck .mobile-menu-toggle[aria-expanded="true"]>.mobile-menu-close-icon{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
  }
}