/* UsaStar355 isolated presentation fixes — 2026-10-06 */

/* Branded image while retaining the existing accessible text in the DOM. */
.hdr-logo {
  width: 216px;
  min-width: 216px;
  height: 60px;
  background: url('/branding/usastar355-logo-v1.png') center / contain no-repeat;
}
.hdr-logo > * { opacity: 0; }

/* Prevent absolutely positioned competition content from shrink-to-fit. */
.sbcp-slide .sport-banner-promo-content {
  width: min(62%, 760px) !important;
  max-width: 62% !important;
}
.sbcp-slide .sbcp-txt { min-width: 170px; }

@media (max-width: 768px) {
  .hdr-logo {
    width: clamp(144px, 43vw, 176px);
    min-width: clamp(144px, 43vw, 176px);
    height: 56px;
  }
  .sbcp-slide .sport-banner-promo-content {
    width: calc(100% - 32px) !important;
    max-width: none !important;
  }
  .sbcp-slide .sbcp-txt { min-width: 0; }
}

/* Give the larger logo its own vertical space and keep fixed content aligned. */
.hdr-root { height: 64px !important; }
.layout, .layout.no-sport-tabs, .layout.casino-layout { padding-top: 64px !important; }
.home-shell { padding-top: 64px; }
.st-wrap, .hdr-mobile-menu, .hdr-mobile-overlay { top: 64px !important; }
@media (min-width: 1025px) {
  .sidebar, .sn-root, .right-panel {
    top: 64px !important;
    height: calc(100vh - 64px) !important;
  }
}
@media (min-width: 1200px) {
  .main-content {
    height: calc(100vh - 64px) !important;
    min-height: calc(100vh - 64px) !important;
  }
}
@media (max-width: 768px) {
  /* Two short rows preserve wallet, inbox and language beside the larger logo. */
  .hdr-right:has(.hdr-balance) {
    display: grid !important;
    grid-template-columns: auto auto;
    justify-content: end;
    align-items: center;
    column-gap: 6px;
    row-gap: 2px;
  }
  .hdr-right:has(.hdr-balance) .hdr-balance {
    grid-column: 1 / -1;
    justify-self: end;
    max-width: min(170px, 42vw);
    display: block;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 1024px) {
  /* Sport/live pages retain the existing 60px sport-tabs row below the header. */
  .layout:not(.no-sport-tabs):not(.casino-layout) { padding-top: 124px !important; }
}

/* App's full-width pages use an inline header offset; this brand has a taller header. */
.app-full-width { padding-top: 64px !important; }
.salt-drawer { top: 64px !important; }

.salt-page, .lp-root { height: calc(100vh - 64px) !important; }
.ed-group-tabs { top: 64px !important; }
.racing-page { min-height: calc(100vh - 64px) !important; }
@media (max-width: 768px) {
  .hdr-balance-bonus { display: none !important; }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .hdr-logo { margin-right: 12px !important; }
  .hdr-nav { min-width: 0; flex: 1; overflow-x: auto; scrollbar-width: none; margin-right: 12px; }
  .hdr-nav-item { flex-shrink: 0; }
  .hdr-right { gap: 6px !important; }
  .hdr-time { display: none !important; }
  .hdr-balance { white-space: nowrap; }
  .hdr-balance-bonus { display: none !important; }
  .hdr-user-btn { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

.hdr-nav { height: 64px !important; }
.live-toasts-container { top: 72px !important; }
.uug-page { min-height: calc(100dvh - 64px) !important; }
@media (max-width: 600px) {
  .pmsg-panel { top: 68px !important; max-height: calc(100vh - 134px) !important; }
  .pmsg-list { max-height: calc(100vh - 180px) !important; }
}