/* ==========================================================================
   SEEYOUSOON — WEBSITE BRAND LOCKUP FOR ADMIN & PARTNER PANEL (Contract C1)
   ========================================================================== */

:root,
[data-theme="dark"] {
  --ssn-brand-purple: #A855F7;
  --ssn-brand-tld: #A855F7;
  --ssn-brand-ink: #F8FAFC;
  --ssn-brand-cut: #050510;
}

[data-theme="light"] {
  --ssn-brand-purple: #A855F7;
  --ssn-brand-tld: #8B3FD9;
  --ssn-brand-ink: #050510;
  --ssn-brand-cut: #FAF9F6;
}

.ssn-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.34em;
  font-family: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
  letter-spacing: -0.032em;
  line-height: 1;
  color: var(--ssn-brand-ink);
  text-decoration: none;
  user-select: none;
  direction: ltr;
  unicode-bidi: isolate;
  font-size: 22px;
}

.ssn-brand[data-size="sm"] { font-size: 18px; }
.ssn-brand[data-size="md"] { font-size: 22px; }
.ssn-brand[data-size="lg"] { font-size: 28px; }
.ssn-brand[data-size="xl"] { font-size: 40px; }

.ssn-brand-mark {
  width: 1.16em;
  height: 1.16em;
  color: var(--ssn-brand-purple);
  flex: none;
  filter: drop-shadow(0 3px 14px rgba(168, 85, 247, 0.26));
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ssn-brand-wm {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  color: var(--ssn-brand-ink);
}

.ssn-brand[data-mark-only="true"] .ssn-brand-wm {
  display: none;
}

.ssn-brand-tld {
  color: var(--ssn-brand-tld);
}

.ssn-brand-eyes {
  display: inline-block;
  width: 1.32em;
  height: 0.6em;
  vertical-align: -0.045em;
  color: var(--ssn-brand-purple);
  margin: 0 0.015em;
  flex: none;
}

.ssn-brand-mark .bm-body,
.ssn-brand-mark .bm-pupil,
.ssn-brand-eyes .we-left,
.ssn-brand-eyes .we-right {
  fill: currentColor;
}

.ssn-brand-mark .bm-socket,
.ssn-brand-mark .bm-wink,
.ssn-brand-mark .bm-lash,
.ssn-brand-eyes .we-pupil,
.ssn-brand-eyes .we-wink,
.ssn-brand-eyes .we-lash {
  fill: var(--ssn-brand-cut);
}

.ssn-brand-mark .bm-lash,
.ssn-brand-eyes .we-lash {
  opacity: 0;
}

.ssn-brand-mark .bm-socket,
.ssn-brand-mark .bm-pupil,
.ssn-brand-eyes .we-pupil {
  animation: ssn-bm-open 6s infinite;
}

.ssn-brand-mark .bm-lash,
.ssn-brand-eyes .we-lash {
  animation: ssn-bm-lash 6s infinite;
}

@keyframes ssn-bm-open {
  0%, 91%, 97%, 100% { opacity: 1; }
  93%, 95% { opacity: 0; }
}

@keyframes ssn-bm-lash {
  0%, 91%, 97%, 100% { opacity: 0; }
  93%, 95% { opacity: 1; }
}

@media (hover: hover) and (pointer: fine) {
  .ssn-brand:hover .ssn-brand-mark {
    transform: rotate(-8deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ssn-brand-mark,
  .ssn-brand-mark *,
  .ssn-brand-eyes * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
  .ssn-brand-mark .bm-lash,
  .ssn-brand-eyes .we-lash {
    opacity: 0 !important;
  }
  .ssn-brand-mark .bm-socket,
  .ssn-brand-mark .bm-pupil,
  .ssn-brand-eyes .we-pupil {
    opacity: 1 !important;
  }
}

:root[data-motion="off"] .ssn-brand-mark,
:root[data-motion="off"] .ssn-brand-mark *,
:root[data-motion="off"] .ssn-brand-eyes * {
  animation: none !important;
  transition: none !important;
  transform: none !important;
}

:root[data-motion="off"] .ssn-brand-mark .bm-lash,
:root[data-motion="off"] .ssn-brand-eyes .we-lash {
  opacity: 0 !important;
}

:root[data-motion="off"] .ssn-brand-mark .bm-socket,
:root[data-motion="off"] .ssn-brand-mark .bm-pupil,
:root[data-motion="off"] .ssn-brand-eyes .we-pupil {
  opacity: 1 !important;
}