/* Isolated POLYVER service hubs. Chrome only; composition lives in service-hub.css. */
:root {
  --font-geist-sans: "Geist", Arial, sans-serif;
  --font-display: "Space Grotesk", Arial, sans-serif;
  --font-cairo: "Lalezar", Tahoma, sans-serif;
  --font-markazi: "Markazi Text", Tahoma, serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; overflow: hidden; background: #fbfcff; }
body { font-family: var(--font-geist-sans), Arial, sans-serif; color: #10284c; background: #fbfcff; }
h1, h2, h3, p { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; border: 0; cursor: pointer; background: transparent; }
button, a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
svg { flex-shrink: 0; }
:focus-visible { outline: 3px solid #5378e9; outline-offset: 3px; }

html.admin-bar { margin-top: 0 !important; }
.admin-bar .translation-page { height: calc(100dvh - 32px); }
@media screen and (max-width: 782px) {
  .admin-bar .translation-page { height: calc(100dvh - 46px); }
}

.animated-logo { display: block; width: 174px; height: 58px; color: #032850; overflow: visible; }
.logo-dark-ink { display: none; }
.logo-wave { transform-box: fill-box; transform-origin: center; animation: logo-voice 1.4s ease-in-out infinite; }
.wave-1 { animation-delay: -.22s; animation-duration: 1.15s; }
.wave-2 { animation-delay: -.5s; animation-duration: 1.6s; }
.wave-3 { animation-delay: -.8s; animation-duration: 1.3s; }
.wave-4 { animation-delay: -.35s; animation-duration: 1.7s; }
@keyframes logo-voice {
  0%, 100% { transform: scaleY(.55); }
  45% { transform: scaleY(1); }
  72% { transform: scaleY(.72); }
}
[data-theme="dark"] .animated-logo { color: #dce9ff; }
[data-theme="dark"] .logo-dark-ink { display: block; }
@media (prefers-reduced-motion: reduce) {
  .logo-wave { animation: none; transform: none; }
}

.appearance-toggle {
  width: 36px;
  height: 40px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  color: #536681;
  border: 1px solid transparent;
  border-radius: 12px;
  transition: background .2s, color .2s;
}
.appearance-toggle:hover { background: #eaf0fa; color: #234cd6; }
.locale-toggle { width: 52px; font-size: 12px; direction: ltr; text-decoration: none; }
.locale-toggle span[lang="fa"] { font-family: var(--font-markazi), Tahoma, serif; }
@media (max-width: 599px) {
  .appearance-toggle { width: 34px; height: 40px; }
  .locale-toggle { width: 49px; }
}

html[data-theme="dark"] { color-scheme: dark; }
[data-theme="dark"] body { background: #090f1e; color: #e7eefc; }
[data-theme="dark"] .appearance-toggle { color: #acbdd8; }
[data-theme="dark"] .appearance-toggle:hover { background: #1c2b45; color: #d5f66b; }

.te-service-option { font: inherit; }
.te-wordmark { font-family: var(--font-display), Arial, sans-serif; font-weight: 700; letter-spacing: -1.7px; }

.sd-document-carousel [data-slot="carousel-content"] { overflow: hidden; }
.sd-document-track { display: flex; transition: transform .55s cubic-bezier(.16, 1, .3, 1); will-change: transform; }
.sd-document-slide { flex-shrink: 0; }
.sd-faq-list { display: flex; flex-direction: column; width: 100%; }
.sd-faq [data-slot="accordion-content"][hidden] { display: none !important; }
.sd-faq [data-slot="accordion-trigger"] { width: 100%; display: flex; background: transparent; cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
  .sd-document-track { transition: none; }
}

@layer base {
  .te-panel[data-slot="tabs-content"][hidden] { display: grid !important; }
}
.te-panel[data-slot="tabs-content"][hidden] { display: grid !important; }