/* ========================================================
   DASHT SEO — Motion Layer
   Phase 2 / Step 6 extraction from fixes.css
   ======================================================== */

.dasht-theme-wipe { display: none !important; }

html.dasht-theme-switching,
html.dasht-theme-switching body,
html.dasht-theme-switching .topo-bg,
html.dasht-theme-switching .header-inner,
html.dasht-theme-switching .ticker,
html.dasht-theme-switching .sec-head,
html.dasht-theme-switching .sec-num,
html.dasht-theme-switching .sec-meta,
html.dasht-theme-switching .hero-col-1,
html.dasht-theme-switching .hero-col-2,
html.dasht-theme-switching .hero-col-3,
html.dasht-theme-switching .svc-row,
html.dasht-theme-switching .process,
html.dasht-theme-switching .process-step,
html.dasht-theme-switching .work-title,
html.dasht-theme-switching .price-card,
html.dasht-theme-switching .testimonial,
html.dasht-theme-switching .contact-left,
html.dasht-theme-switching .contact-form,
html.dasht-theme-switching .footer,
html.dasht-theme-switching .dasht-card-box,
html.dasht-theme-switching .dasht-project-v2,
html.dasht-theme-switching .dasht-user-dropdown,
html.dasht-theme-switching .dasht-search-modal-inner,
html.dasht-theme-switching input,
html.dasht-theme-switching textarea,
html.dasht-theme-switching select,
html.dasht-theme-switching a,
html.dasht-theme-switching button {
  transition:
    background-color .68s cubic-bezier(.16, 1, .3, 1),
    color .68s cubic-bezier(.16, 1, .3, 1),
    border-color .68s cubic-bezier(.16, 1, .3, 1),
    box-shadow .68s cubic-bezier(.16, 1, .3, 1),
    opacity .42s ease !important;
}
html.dasht-theme-switching .theme-btn,
.theme-btn:hover {
  transform: none !important;
}

:root {
  --ease-whisper: cubic-bezier(.16, 1, .3, 1);
  --dur-whisper-fast: .28s;
  --dur-whisper: .54s;
  --dur-whisper-slow: .82s;
  --dasht-ease-silk: cubic-bezier(.19, 1, .22, 1);
  --dasht-ease-smooth: cubic-bezier(.215, .61, .355, 1);
  --dasht-dur-fast: .38s;
  --dasht-dur-base: .68s;
  --dasht-dur-slow: 1.05s;
}

html.dasht-theme-switching *:not(.cursor):not(.cursor-dot),
html.dasht-theme-switching *::before,
html.dasht-theme-switching *::after {
  transition-property: background-color, color, border-color, box-shadow, fill, stroke, opacity !important;
  transition-duration: .72s !important;
  transition-timing-function: var(--ease-whisper) !important;
}
html.dasht-theme-switching .topo-bg,
html.dasht-theme-switching .topo-bg::before,
html.dasht-theme-switching body::after {
  transition: opacity .72s var(--ease-whisper), background-color .72s var(--ease-whisper) !important;
}
.theme-btn,
.theme-btn:hover,
.nav-actions .theme-btn,
.nav-actions .theme-btn:hover {
  transform: none !important;
  transition:
    background-color var(--dur-whisper) var(--ease-whisper),
    color var(--dur-whisper) var(--ease-whisper),
    border-color var(--dur-whisper) var(--ease-whisper),
    box-shadow var(--dur-whisper) var(--ease-whisper) !important;
}

html.dasht-theme-switching .dasht-page-transition,
html.dasht-theme-switching .nav-overlay,
html.dasht-theme-switching .nav-links {
  transition-property: opacity, transform !important;
}

@media (max-width: 768px) {
  /* Nav overlay positioning — fixes.css is the authoritative source for overlay + drawer */
  body.dasht-menu-open .header,
  body.dasht-menu-open .header-inner,
  body.dasht-menu-open .brand,
  body.dasht-menu-open .nav-actions {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.dasht-menu-open .header-inner {
    background: var(--bg) !important;
    border-color: var(--line-soft) !important;
    box-shadow: 0 8px 30px -10px rgba(0,0,0,.1) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: opacity .22s ease, background-color .22s ease, border-color .22s ease !important;
  }
  body.dasht-menu-open .header-inner > .nav > .brand,
  body.dasht-menu-open .header-inner > .nav > .nav-actions {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: opacity .18s ease !important;
  }

  .nav-close-btn,
  .menu-btn,
  .menu-btn-bar {
    transition-timing-function: var(--ease-whisper) !important;
  }
  .menu-btn-bar {
    transition-duration: .34s !important;
  }

  .nav-links > li,
  .nav-links > a,
  .nav-links .menu-item {
    transition: background-color .24s var(--ease-whisper), color .24s var(--ease-whisper), padding .24s var(--ease-whisper) !important;
  }
}

.dasht-user-dropdown,
.dasht-search-modal,
.dasht-search-modal-inner,
.dasht-a11y-panel,
.dasht-cookie-banner,
.dasht-mini-cart-dropdown,
.dasht-mega-panel {
  transition-duration: var(--dur-whisper) !important;
  transition-timing-function: var(--ease-whisper) !important;
}

.dasht-page-transition {
  background: var(--bg) !important;
  opacity: 0 !important;
  transform: none !important;
  transition: opacity .32s var(--ease-whisper) !important;
}
.dasht-page-transition.active { opacity: 1 !important; transform: none !important; }
.dasht-page-transition.done { opacity: 0 !important; transform: none !important; transition-delay: .08s !important; }

.reveal {
  opacity: 0 !important;
  transform: translate3d(0, 10px, 0) !important;
  filter: blur(4px) !important;
  transition: 
    transform var(--dasht-dur-slow) var(--dasht-ease-silk),
    opacity var(--dasht-dur-slow) var(--dasht-ease-silk),
    filter var(--dasht-dur-slow) var(--dasht-ease-silk) !important;
}
.reveal.in {
  opacity: 1 !important;
  transform: translate3d(0,0,0) !important;
  filter: blur(0) !important;
}

body.dasht-menu-open .topo-bg::before,
html.dasht-theme-switching .topo-bg::before,
body.dasht-menu-open::after,
html.dasht-theme-switching body::after {
  animation-play-state: paused !important;
}

body:not(.dasht-perf-mode) .header-inner,
body:not(.dasht-perf-mode) .nav-links,
body:not(.dasht-perf-mode) .nav-links a,
body:not(.dasht-perf-mode) .btn,
body:not(.dasht-perf-mode) .btn-fill,
body:not(.dasht-perf-mode) .btn-accent,
body:not(.dasht-perf-mode) .nav-icon-btn,
body:not(.dasht-perf-mode) .theme-btn,
body:not(.dasht-perf-mode) .svc-row,
body:not(.dasht-perf-mode) .work-item,
body:not(.dasht-perf-mode) .price-card,
body:not(.dasht-perf-mode) .process-step,
body:not(.dasht-perf-mode) .stat-item,
body:not(.dasht-perf-mode) .dasht-card-box,
body:not(.dasht-perf-mode) .dasht-post-card,
body:not(.dasht-perf-mode) .dasht-related-card,
body:not(.dasht-perf-mode) .dasht-user-dropdown,
body:not(.dasht-perf-mode) .dasht-search-modal-inner,
body:not(.dasht-perf-mode) .dasht-cookie-banner,
body:not(.dasht-perf-mode) .dasht-a11y-panel,
body:not(.dasht-perf-mode) .dasht-floating-toggle,
body:not(.dasht-perf-mode) .dasht-floating-item,
body:not(.dasht-perf-mode) .dasht-whatsapp {
  transition-timing-function: var(--dasht-ease-silk) !important;
}
body:not(.dasht-perf-mode) .reveal {
  transform: translate3d(0, 14px, 0) !important;
  filter: blur(2px) !important;
  transition-duration: var(--dasht-dur-slow) !important;
  transition-timing-function: var(--dasht-ease-silk) !important;
}
body:not(.dasht-perf-mode) .reveal.in {
  transform: translate3d(0, 0, 0) !important;
  filter: blur(0) !important;
}
body:not(.dasht-perf-mode) .dasht-text-reveal {
  transform: translate3d(0, 10px, 0) !important;
  filter: blur(1.8px) !important;
  transition-duration: .84s !important;
  transition-timing-function: var(--dasht-ease-silk) !important;
}
body:not(.dasht-perf-mode) .dasht-text-reveal.revealed {
  transform: translate3d(0, 0, 0) !important;
  filter: blur(0) !important;
}
body:not(.dasht-perf-mode) .work-item:hover,
body:not(.dasht-perf-mode) .dasht-filter-card:hover,
body:not(.dasht-perf-mode) .svc-row:hover,
body:not(.dasht-perf-mode) .price-card:hover,
body:not(.dasht-perf-mode) .process-step:hover,
body:not(.dasht-perf-mode) .dasht-team-card:hover,
body:not(.dasht-perf-mode) .dasht-single-wrap:hover,
body:not(.dasht-perf-mode) .dasht-post-card:hover,
body:not(.dasht-perf-mode) .dasht-related-card:hover {
  transform: translateY(-4px) !important;
}
body:not(.dasht-perf-mode) .btn:hover,
body:not(.dasht-perf-mode) .dasht-form-submit:hover,
body:not(.dasht-perf-mode) .nav-icon-btn:hover,
body:not(.dasht-perf-mode) .theme-btn:hover,
body:not(.dasht-perf-mode) .dasht-load-more:hover,
body:not(.dasht-perf-mode) .dasht-whatsapp:hover {
  transform: translate3d(var(--magnet-x,0), calc(var(--magnet-y,0) - 1.5px), 0) !important;
}