/* Lumisyla account page overrides. Loaded after bridge.css on /my-account/. */
body.woocommerce-account.theme-fusion .fusion-global-topline {
  background: rgba(23, 16, 23, 0.52) !important;
  backdrop-filter: blur(16px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.02) !important;
}

body.woocommerce-account.theme-fusion .site-header {
  background:
    linear-gradient(180deg, rgba(23, 16, 23, 0.42), rgba(23, 16, 23, 0.18)),
    transparent !important;
  background-image: linear-gradient(180deg, rgba(23, 16, 23, 0.42), rgba(23, 16, 23, 0.18)) !important;
  border-bottom: 1px solid rgba(255, 250, 244, 0.06) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.12) !important;
  backdrop-filter: blur(14px) saturate(1.02) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.02) !important;
}

body.woocommerce-account.theme-fusion .site-header::before,
body.woocommerce-account.theme-fusion .site-header::after {
  background-image: none !important;
}

@media (min-width: 1024px) {
  .fusion-account-v2.is-logged-out {
    --account-stage-top: 34px;
	    --account-header-clearance: 116px;
	    --account-stage-pad-y: clamp(28px, 4.6svh, 54px);
	    --account-stage-pad-x: clamp(32px, 6.5vw, 118px);
	    --account-button-radius: 22px;
	    --account-button-radius-sm: 16px;
    display: grid !important;
    grid-template-columns: minmax(360px, 1fr) minmax(560px, 680px) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: stretch !important;
    box-sizing: border-box !important;
    min-height: max(760px, 100svh) !important;
    height: auto !important;
    margin-top: calc(0px - var(--account-stage-top)) !important;
    padding: calc(var(--account-stage-pad-y) + var(--account-header-clearance) + var(--account-stage-top)) var(--account-stage-pad-x) var(--account-stage-pad-y) !important;
    overflow: visible !important;
    border-top: 0 !important;
    background-color: #100a10 !important;
    background-image:
      linear-gradient(90deg, rgba(9, 7, 9, 0.34) 0%, rgba(20, 13, 18, 0.24) 42%, rgba(8, 6, 8, 0.34) 62%, rgba(7, 5, 7, 0.66) 100%),
      linear-gradient(180deg, rgba(7, 5, 7, 0.08), rgba(7, 5, 7, 0.24)),
      url("https://lumisyla.com/wp-content/uploads/2026/05/lumisyla-hero-intimate-morning-scene-1600w.webp") !important;
    background-position: center center, center center, center center !important;
    background-repeat: no-repeat !important;
    background-size: cover, cover, cover !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-poster {
    position: relative !important;
    inset: auto !important;
    min-height: 0 !important;
    height: 100% !important;
    align-self: center !important;
    overflow: visible !important;
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-poster::before,
  .fusion-account-v2.is-logged-out .fusion-account-poster::after {
    display: none !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-brand {
    position: absolute !important;
    z-index: 3 !important;
    left: 0 !important;
	    top: calc(50% - clamp(74px, 8.8svh, 96px)) !important;
	    width: min(620px, 40vw) !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

	  .fusion-account-v2.is-logged-out .fusion-account-brand span {
	    display: none !important;
	  }

	  .fusion-account-v2.is-logged-out .fusion-account-brand img {
	    display: block !important;
	    width: min(560px, 37vw) !important;
	    max-width: 100% !important;
	    height: auto !important;
	    filter: drop-shadow(0 18px 58px rgba(0, 0, 0, 0.42)) !important;
	  }

  .fusion-account-v2.is-logged-out .fusion-account-brand::after {
    content: "PRIVATE ORDERS · QUIET SUPPORT · DISCREET SHIPPING";
    position: absolute;
    left: 0;
    top: calc(100% + 18px);
    max-width: 760px;
    color: rgba(255, 250, 244, 0.82);
    font-family: "Inter", system-ui, sans-serif;
    font-size: clamp(0.9rem, 1vw, 1.06rem);
    font-weight: 700;
    letter-spacing: 0.28em;
    line-height: 1.55;
    text-transform: uppercase;
    text-shadow: 0 10px 34px rgba(0, 0, 0, 0.46);
  }

  .fusion-account-v2.is-logged-out .fusion-account-guest-cta {
    position: absolute !important;
    z-index: 4 !important;
    left: 0 !important;
    top: calc(50% + clamp(64px, 8.5svh, 86px)) !important;
    display: inline-flex !important;
	    min-width: 420px !important;
	    max-width: 560px !important;
	    width: clamp(420px, 38vw, 560px) !important;
	    min-height: 78px !important;
    align-items: center !important;
    justify-content: space-between !important;
	    gap: 24px !important;
	    padding: 16px 18px 16px 30px !important;
	    border: 2px solid rgba(255, 250, 244, 0.42) !important;
	    border-radius: var(--account-button-radius) !important;
	    color: #fffaf4 !important;
	    background: rgba(248, 239, 231, 0.16) !important;
	    box-shadow:
	      inset 0 1px 0 rgba(255, 255, 255, 0.12),
	      0 20px 62px rgba(0, 0, 0, 0.34) !important;
	    backdrop-filter: blur(18px) saturate(1.05) !important;
	    -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
    font-family: "Inter", system-ui, sans-serif !important;
    text-decoration: none !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-guest-cta::after {
    content: "→";
    display: inline-flex;
	    width: 50px;
	    height: 50px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
	    border-radius: 16px;
	    color: #171017;
	    background: rgba(255, 250, 244, 0.72);
	    font-size: 1.35rem;
	    font-weight: 700;
  }

  .fusion-account-v2.is-logged-out .fusion-account-guest-cta span {
    display: inline !important;
	    color: #fffaf4 !important;
	    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }

	  .fusion-account-v2.is-logged-out .fusion-account-guest-cta small {
	    display: inline !important;
	    margin-top: 0 !important;
	    color: rgba(255, 250, 244, 0.82) !important;
	    font-size: 0.94rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
	    line-height: 1 !important;
	    white-space: nowrap !important;
	  }

	  .fusion-account-v2.is-logged-out .fusion-account-mode-tabs,
	  .fusion-account-v2.is-logged-out .fusion-account-social-row .fusion-google-btn,
	  .fusion-account-v2.is-logged-out .fusion-account-social-row .googlesitekit-sign-in-with-google__frontend-output-button,
	  .fusion-account-v2.is-logged-out .button,
	  .fusion-account-v2.is-logged-out button,
	  .fusion-account-v2.is-logged-out a.button {
	    border-radius: var(--account-button-radius) !important;
	  }

	  .fusion-account-v2.is-logged-out .fusion-account-mode-tabs a,
	  .fusion-account-v2.is-logged-out .fusion-account-submit-row .button,
	  .fusion-account-v2.is-logged-out .fusion-account-social-row iframe {
	    border-radius: var(--account-button-radius-sm) !important;
	  }

  .fusion-account-v2.is-logged-out .fusion-account-slogan,
  .fusion-account-v2.is-logged-out .fusion-account-proof-grid,
  .fusion-account-v2.is-logged-out .fusion-account-magic,
  .fusion-account-v2.is-logged-out .fusion-account-divider,
  .fusion-account-v2.is-logged-out .fusion-account-support-strip,
  .fusion-account-v2.is-logged-out .fusion-account-track {
    display: none !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form-col {
    position: relative !important;
    z-index: 3 !important;
    justify-self: end !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: min(680px, 100%) !important;
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    transform: translateX(-36px) !important;
  }

	  .fusion-account-v2.is-logged-out .fusion-account-form-card {
	    width: 100% !important;
	    max-width: none !important;
	    min-height: 0 !important;
	    height: auto !important;
	    max-height: none !important;
	    margin: 0 !important;
	    padding: clamp(28px, 3svh, 42px) clamp(34px, 3vw, 48px) !important;
	    overflow: visible !important;
	    overflow-y: visible !important;
	    overscroll-behavior: auto !important;
	    scrollbar-width: none !important;
    border: 1px solid rgba(255, 250, 244, 0.1) !important;
    border-radius: 14px !important;
    background:
      linear-gradient(180deg, rgba(255, 250, 244, 0.045), rgba(255, 250, 244, 0.014)),
      rgba(9, 8, 9, 0.58) !important;
    box-shadow: 0 38px 120px rgba(0, 0, 0, 0.38) !important;
    backdrop-filter: blur(18px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.04) !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-mode-tabs,
  .fusion-account-v2.is-logged-out .fusion-account-form-card > .eyebrow,
  .fusion-account-v2.is-logged-out .fusion-account-form-card h2,
  .fusion-account-v2.is-logged-out .fusion-account-form-card > p,
  .fusion-account-v2.is-logged-out .fusion-account-form.woocommerce-form-login,
  .fusion-account-v2.is-logged-out .fusion-account-form.woocommerce-form-register,
  .fusion-account-v2.is-logged-out .fusion-account-aux {
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form-card h2 {
    font-size: clamp(2.35rem, 2.9vw, 3.2rem) !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form.woocommerce-form-login,
  .fusion-account-v2.is-logged-out .fusion-account-form.woocommerce-form-register {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-social-row {
    max-width: 340px !important;
    margin: 0 auto clamp(12px, 2svh, 18px) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form input[type="email"],
  .fusion-account-v2.is-logged-out .fusion-account-form input[type="password"],
  .fusion-account-v2.is-logged-out .fusion-account-form input[type="text"],
  .fusion-account-v2.is-logged-out .fusion-account-form input[type="tel"],
  .fusion-account-v2.is-logged-out .fusion-account-form select {
    min-height: clamp(48px, 5.6svh, 54px) !important;
    border-color: rgba(255, 250, 244, 0.16) !important;
    background: rgba(255, 250, 244, 0.09) !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form select {
    color: #fffaf4 !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-small-note {
    margin: -4px 0 10px !important;
    color: rgba(255, 250, 244, 0.52) !important;
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
  }

  .fusion-account-v2.is-logged-out .lumisyla-register-field label {
    display: block !important;
    margin-bottom: 6px !important;
    color: rgba(255, 250, 244, 0.66) !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
  }

  .fusion-account-v2.is-logged-out .lumisyla-register-field .optional {
    color: rgba(255, 250, 244, 0.42) !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
  }

  .lumisyla-register-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form label.fusion-account-terms {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 20px !important;
    margin: 12px 0 2px !important;
    color: rgba(255, 250, 244, 0.68) !important;
    line-height: 1.2 !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form label.fusion-account-terms input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 250, 244, 0.42) !important;
    border-radius: 5px !important;
    background:
      linear-gradient(180deg, rgba(255, 250, 244, 0.14), rgba(255, 250, 244, 0.035)),
      rgba(9, 8, 9, 0.32) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 22px rgba(0, 0, 0, 0.22) !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form label.fusion-account-terms input[type="checkbox"]:checked {
    border-color: #f7ebe2 !important;
    background: #f7ebe2 url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1 7.1 5.7 9.7 11 4.2' fill='none' stroke='%23171017' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form label.fusion-account-terms span {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    color: rgba(255, 250, 244, 0.62) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-legal-note {
    margin: clamp(8px, 1.2svh, 10px) 0 clamp(12px, 2svh, 16px) !important;
    color: rgba(255, 250, 244, 0.52) !important;
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-legal-note a {
    color: #f7ebe2 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-submit-row .button-primary {
    min-height: clamp(50px, 5.8svh, 54px) !important;
  }

  .fusion-account-v2.is-register-mode .fusion-account-form-card {
    padding-top: clamp(24px, 2.7svh, 34px) !important;
    padding-bottom: clamp(24px, 2.7svh, 34px) !important;
  }

  .fusion-account-v2.is-register-mode .fusion-account-form-card h2 {
    font-size: clamp(2.1rem, 2.5vw, 2.85rem) !important;
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1024px) and (max-height: 820px) {
  .fusion-account-v2.is-logged-out {
    --account-stage-pad-y: 24px;
    --account-header-clearance: 116px;
  }

  .fusion-account-v2.is-logged-out .fusion-account-mode-tabs,
  .fusion-account-v2.is-logged-out .fusion-account-aux {
    display: none !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form-card > .eyebrow,
  .fusion-account-v2.is-logged-out .fusion-account-form-card > p {
    display: none !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form-card {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form-card h2 {
    font-size: clamp(2rem, 2.5vw, 2.65rem) !important;
    margin-bottom: 10px !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form-card > p {
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-social-row {
    margin-bottom: 10px !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-submit-row {
    margin-top: 16px !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-guest-cta {
    top: calc(50% + 64px) !important;
  }
}

@media (min-width: 1024px) and (max-height: 980px) {
  .fusion-account-v2.is-logged-out .fusion-account-mode-tabs {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1180px) {
  .fusion-account-v2.is-logged-out {
    grid-template-columns: minmax(300px, 1fr) minmax(520px, 560px) !important;
  }

	  .fusion-account-v2.is-logged-out .fusion-account-brand img {
	    width: min(330px, 30vw) !important;
	  }

  .fusion-account-v2.is-logged-out .fusion-account-brand::after {
    display: none !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-guest-cta {
    min-width: 300px !important;
    width: 300px !important;
    max-width: 300px !important;
    min-height: 60px !important;
    gap: 12px !important;
    padding: 13px 16px 13px 22px !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-guest-cta span {
    font-size: 0.92rem !important;
    letter-spacing: 0.055em !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-guest-cta small {
    display: none !important;
  }

  .fusion-account-v2.is-logged-out .fusion-account-form-col {
    transform: translateX(0) !important;
  }
}