/* LUXEN88 AUTH HEADER REFINEMENT V1R1
   Verified UI selectors from production source audit V1.
   Auth + public guest-header appearance only; no route, form or API behavior. */

/* Exactly one VISIBLE login panel: the login markup contains a second
   .wrap-theme-box inside the already styled #custom-modal frame.
   Retain all nodes and form events; neutralize only the nested frame. */
#custom-modal #login-page .wrap-login-page > .wrap-theme-box {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
#custom-modal #login-page .wrap-login-page > .wrap-theme-box::before,
#custom-modal #login-page .wrap-login-page > .wrap-theme-box::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}
#custom-modal #login-page .wrap-login-page > .wrap-theme-box > .inner-theme-box {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Enlarge the existing true brand assets; no image replacement. */
#custom-modal #login-page .box-logo-login-page img {
  width: min(238px, 76%) !important;
  max-height: 98px !important;
  height: auto !important;
  margin: 0 auto 9px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 5px rgba(74, 172, 232, .22)) !important;
}
#custom-modal #register-page .box-logo-register-page img {
  width: min(220px, 74%) !important;
  max-height: 95px !important;
  height: auto !important;
  object-fit: contain !important;
}
.wrap-header .header-left .wrap-item-header-left .box-logo img {
  display: block;
  width: 100% !important;
  max-width: 180px !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 4px rgba(82, 185, 247, .33));
}

/* Readable guest buttons; keep V1 adjacent/paired geometry. */
#open-modal-login {
  border: 1px solid #6acbfa !important;
  box-shadow: inset 0 0 0 1px rgba(205,242,255,.19),
              0 0 8px rgba(44,165,239,.48) !important;
}
#open-modal-register {
  border: 1px solid #edce88 !important;
  border-left: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,245,210,.22),
              0 0 8px rgba(228,185,90,.37) !important;
}
#custom-modal #login-page #login-button {
  box-shadow: inset 0 0 0 1px rgba(210,242,255,.16),
              0 0 9px rgba(42,169,235,.35) !important;
}
#custom-modal #login-page #register-button {
  box-shadow: 0 0 7px rgba(227,193,119,.22) !important;
}

/* Original SVG hamburger, still uses existing click handler. */
.header-right .box-hamburger .ham svg rect,
.header-right .box-hamburger .ham svg ellipse {
  fill: #5fd5ff !important;
  filter: drop-shadow(0 0 2px rgba(75,199,255,.6));
}
.header-right .box-hamburger .ham svg {
  filter: drop-shadow(0 0 4px rgba(58,184,255,.5));
}
.header-right .box-hamburger a:focus-visible {
  outline: 2px solid #91e7ff !important;
  outline-offset: 3px;
}

@media (max-width: 640px) {
  /* Responsive header space is shared with two 92px buttons and menu. */
  .wrap-header .header-left .wrap-item-header-left .box-logo {
    width: 31% !important;
    margin-left: 4px !important;
    min-width: 0 !important;
  }
  .wrap-header .header-left .wrap-item-header-left .box-logo img {
    max-width: 124px !important;
  }
  #custom-modal #login-page .box-logo-login-page img {
    width: min(215px, 72%) !important;
    max-height: 89px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .header-right .box-hamburger .ham svg,
  #open-modal-login, #open-modal-register { transition: none !important; }
}