/* AOM Traders V27 — Official Branding Foundation
   Presentation-only layer. No backend/database/payment/AOM ID/AOM Connect changes.
*/
:root{
  --aom-brand-cyan:#27d7f2;
  --aom-brand-navy:#06111a;
}

/* Official AOM Community mark inside the AOM Traders platform identity. */
.brand{
  min-width:0;
}
.brand .aom-brand-mark{
  width:44px;
  height:34px;
  display:block;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 0 12px rgba(39,215,242,.16));
}
.brand.aom-brand-official > span:not(.brand-subline){
  display:inline-flex;
  align-items:baseline;
  gap:.22em;
}
.brand .brand-subline{
  display:block;
  margin-top:2px;
  color:#607d8e;
  font-size:8px;
  font-weight:760;
  letter-spacing:.16em;
  line-height:1;
  text-transform:uppercase;
}
.brand .aom-brand-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}

/* Remove legacy generated symbol only after the official mark is injected. */
.brand.aom-brand-official > svg,
.brand.aom-brand-official > .brand-mark,
.brand.aom-brand-official > .brand-logo{
  display:none!important;
}

/* Footer receives the complete approved AOM Community logo, while copy keeps
   AOM Traders as the platform/product name in surrounding content. */
.footer .brand.aom-brand-footer{
  display:inline-flex;
  align-items:center;
  max-width:230px;
}
.footer .brand.aom-brand-footer > *:not(.aom-brand-full){
  display:none!important;
}
.footer .aom-brand-full{
  display:block;
  width:min(220px,100%);
  height:auto;
  object-fit:contain;
}

/* Brand assets should stay crisp on dark glass surfaces. */
.site-header .brand .aom-brand-mark,
.header .brand .aom-brand-mark,
header .brand .aom-brand-mark{
  transform:translateZ(0);
}

@media(max-width:900px){
  .brand .aom-brand-mark{width:39px;height:31px}
  .brand .brand-subline{font-size:7px;letter-spacing:.13em}
}
@media(max-width:620px){
  .brand .aom-brand-mark{width:36px;height:29px}
  .footer .brand.aom-brand-footer{max-width:190px}
}