/* SPACE TOOLS AUTH WORDMARK */

.auth-brand {
  display: none !important;
}

.auth-wordmark {
  position: fixed;
  z-index: 40;

  left: max(36px, calc(50% - 560px));
  top: clamp(150px, 24vh, 250px);

  display: block;
  width: clamp(250px, 23vw, 345px);

  text-decoration: none;
}

.auth-wordmark img {
  display: block;
  width: 100%;
  height: auto;

  /* logo.svg is dark by default -> turn it white */
  filter:
    brightness(0)
    invert(1)
    drop-shadow(0 0 3px rgba(255,255,255,.48))
    drop-shadow(0 0 10px rgba(255,255,255,.15))
    drop-shadow(0 0 20px rgba(185,139,230,.32))
    drop-shadow(0 0 38px rgba(51,0,102,.35));

  transition:
    transform .25s ease,
    filter .25s ease;
}

.auth-wordmark:hover img {
  transform: translateY(-2px) scale(1.015);

  filter:
    brightness(0)
    invert(1)
    drop-shadow(0 0 4px rgba(255,255,255,.58))
    drop-shadow(0 0 13px rgba(255,255,255,.20))
    drop-shadow(0 0 25px rgba(185,139,230,.42))
    drop-shadow(0 0 45px rgba(51,0,102,.42));
}


/* BACK TO HOME — always visible */
.auth-home-link {
  position: fixed;
  z-index: 999;

  top: 24px;
  right: 28px;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  height: 40px;
  padding: 0 14px;

  border: 1px solid rgba(185,139,230,.18);
  border-radius: 11px;

  background: rgba(9,6,12,.84);

  color: rgba(238,231,243,.78);
  text-decoration: none;

  font-size: 12px;
  font-weight: 650;

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  transition:
    color .2s ease,
    border-color .2s ease,
    background .2s ease,
    transform .2s ease;
}

.auth-home-link:hover {
  color: #fff;
  border-color: rgba(185,139,230,.42);
  background: rgba(51,0,102,.22);
  transform: translateY(-1px);
}

.auth-home-link svg {
  width: 14px;
  height: 14px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


@media (max-width: 900px) {
  .auth-wordmark {
    position: absolute;

    top: 72px;
    left: 50%;

    width: min(245px, 62vw);

    transform: translateX(-50%);
  }

  .auth-wordmark:hover img {
    transform: scale(1.015);
  }
}


@media (max-width: 560px) {
  .auth-home-link {
    top: 14px;
    right: 14px;

    height: 36px;
    padding: 0 11px;
  }

  .auth-home-link span {
    display: none;
  }
}

/* New SpaceTools symbol - FINAL */
@media (max-width: 900px) {
  .auth-wordmark {
    position: absolute !important;
    top: 48px !important;
    left: 50% !important;

    width: 100px !important;
    height: 100px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform: translateX(-50%) !important;
  }

  .auth-wordmark img {
    display: block !important;
    width: 100px !important;
    height: 100px !important;
    max-width: 100px !important;
    object-fit: contain !important;
  }
}

/* Keep real SVG colors */
.auth-wordmark img {
    width: 100px !important;
    height: 100px !important;
    max-width: 100px !important;
    object-fit: contain !important;
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

/* SpaceTools AUTH LOGO REAL COLORS */
.auth-wordmark img {
    width: 100px !important;
    height: 100px !important;
    max-width: 100px !important;
    object-fit: contain !important;

    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

/* REGISTER LOGO POSITION FINAL */
.auth-register-page .auth-wordmark {
    transform: translateY(-70px) !important;
}

.auth-register-page .auth-wordmark img {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain !important;
    filter: none !important;
    -webkit-filter: none !important;
}


/* Auth logo — exact horizontal centering */
.auth-wordmark {
    left: 50% !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translate(-50%, -12px) !important;
}

.auth-wordmark img {
    display: block !important;
    margin: 0 auto !important;
}

/* Auth logo — true viewport center */
.auth-wordmark {
    position: absolute !important;
    left: 50vw !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translate(-50%, -12px) !important;
}

.auth-wordmark img {
    display: block !important;
    margin: 0 !important;
}

/* FINAL FIX — center auth logo against the actual screen */
.auth-wordmark {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100px !important;
    height: 100px !important;
    z-index: 20 !important;
}

.auth-wordmark img {
    display: block !important;
    width: 100px !important;
    height: 100px !important;
    max-width: 100px !important;
    margin: 0 !important;
    transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    object-fit: contain !important;
}


/* ==========================================================
   SPACETOOLS AUTH LOGO — FINAL LAYOUT FIX
   Logo:
   - auth card'ın yatay merkezinde
   - document flow'a bağlı
   - scroll sırasında ekrana yapışmaz
   ========================================================== */

.auth-wordmark {
    position: absolute !important;

    left: var(--auth-logo-center, 50%) !important;
    right: auto !important;

    transform: translateX(-50%) !important;

    width: 100px !important;
    height: 100px !important;

    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    z-index: 3 !important;
}

.auth-wordmark img {
    display: block !important;

    width: 100px !important;
    height: 100px !important;
    max-width: 100px !important;

    margin: 0 !important;

    object-fit: contain !important;

    transform: none !important;

    filter: none !important;
    -webkit-filter: none !important;

    opacity: 1 !important;
}

/* Kesinlikle sticky/fixed olmasın */
.auth-wordmark,
.auth-wordmark * {
    position-anchor: auto !important;
}

@media (max-width: 768px) {
    .auth-wordmark {
        width: 100px !important;
        height: 100px !important;
    }

    .auth-wordmark img {
        width: 100px !important;
        height: 100px !important;
    }
}

/* SIGNUP LOGO POSITION FINAL */
@media (max-width: 768px) {
    .auth-wordmark.auth-wordmark-signup {
        left: 50vw !important;
        right: auto !important;
        transform: translate(-50%, -190px) !important;
    }
}


/* =========================================================
   AUTH LOGO — FINAL DESKTOP POSITION
   Mobile layout stays untouched.
   ========================================================= */

@media (min-width: 901px) {

    /* LOGIN */
    .auth-wordmark:not(.auth-wordmark-signup) {
        width: 88px !important;
        height: 88px !important;
        transform: translate(-50%, -92px) !important;
    }

    .auth-wordmark:not(.auth-wordmark-signup) img {
        width: 88px !important;
        height: 88px !important;
        max-width: 88px !important;
        object-fit: contain !important;
        filter: none !important;
        -webkit-filter: none !important;
    }

    /* REGISTER / CREATE ACCOUNT */
    .auth-wordmark.auth-wordmark-signup {
        width: 88px !important;
        height: 88px !important;
        transform: translate(-50%, -190px) !important;
    }

    .auth-wordmark.auth-wordmark-signup img {
        width: 88px !important;
        height: 88px !important;
        max-width: 88px !important;
        object-fit: contain !important;
        filter: none !important;
        -webkit-filter: none !important;
    }
}

/* =========================================================
   AUTH CUBE LOGO — DESKTOP FINAL FIX
   ========================================================= */

@media (min-width: 901px) {

    /* LOGIN */
    .auth-wordmark:not(.auth-wordmark-signup) {
        position: absolute !important;
        left: 50vw !important;
        top: calc(50vh - 250px) !important;
        right: auto !important;

        width: 88px !important;
        height: 88px !important;

        margin: 0 !important;
        transform: translateX(-50%) !important;

        z-index: 20 !important;
    }

    /* CREATE ACCOUNT */
    .auth-wordmark.auth-wordmark-signup {
        position: absolute !important;
        left: 50vw !important;
        top: calc(50vh - 325px) !important;
        right: auto !important;

        width: 88px !important;
        height: 88px !important;

        margin: 0 !important;
        transform: translateX(-50%) !important;

        z-index: 20 !important;
    }

    .auth-wordmark img {
        display: block !important;
        width: 88px !important;
        height: 88px !important;
        max-width: 88px !important;
        object-fit: contain !important;

        filter: none !important;
        -webkit-filter: none !important;
        opacity: 1 !important;
    }
}


/* =========================================================
   REGISTER LOGO — DESKTOP FINAL POSITION
   Login and mobile are untouched.
   ========================================================= */
@media (min-width: 901px) {
    body.auth-register-page .auth-wordmark {
        position: absolute !important;
        left: 50vw !important;
        top: calc(50vh - 355px) !important;
        right: auto !important;

        width: 88px !important;
        height: 88px !important;

        margin: 0 !important;
        transform: translateX(-50%) !important;

        z-index: 30 !important;
    }

    body.auth-register-page .auth-wordmark img {
        width: 88px !important;
        height: 88px !important;
        max-width: 88px !important;
        object-fit: contain !important;
        filter: none !important;
        -webkit-filter: none !important;
    }
}


/* =========================================================
   AUTH LOGO — INDEPENDENT DESKTOP POSITIONS
   Sign in and Sign up are now completely separate.
   ========================================================= */

@media (min-width: 901px) {

    /* -------------------------
       SIGN IN
       ------------------------- */
    body.auth-login-page .auth-wordmark {
        position: absolute !important;
        left: 50vw !important;
        top: calc(50vh - 250px) !important;
        right: auto !important;

        width: 88px !important;
        height: 88px !important;

        margin: 0 !important;
        transform: translateX(-50%) !important;
        z-index: 30 !important;
    }


    /* -------------------------
       CREATE ACCOUNT / SIGN UP
       ------------------------- */
    body.auth-register-page .auth-wordmark {
        position: absolute !important;
        left: 50vw !important;
        top: calc(50vh - 390px) !important;
        right: auto !important;

        width: 88px !important;
        height: 88px !important;

        margin: 0 !important;
        transform: translateX(-50%) !important;
        z-index: 30 !important;
    }


    body.auth-login-page .auth-wordmark img,
    body.auth-register-page .auth-wordmark img {
        display: block !important;

        width: 88px !important;
        height: 88px !important;
        max-width: 88px !important;

        margin: 0 !important;
        object-fit: contain !important;

        filter: none !important;
        -webkit-filter: none !important;
        opacity: 1 !important;
    }
}

/* Desktop auth logo — closer to form card */
@media (min-width: 769px) {
    .auth-wordmark {
        transform: translate(-50%, 65px) !important;
    }
}

/* DESKTOP AUTH LOGO POSITION V2 */
@media (min-width: 901px) {
    html body .auth-wordmark {
        top: 245px !important;
    }
}
/* END DESKTOP AUTH LOGO POSITION V2 */


/* Signup mobile logo — slightly lower */
@media (max-width: 768px) {
    .auth-wordmark.auth-wordmark-signup {
        transform: translate(-50%, -165px) !important;
    }
}