/* =========================================================
   SNS PHASE 6A.2 - BRAND + CLASS COLOR UPDATE
   ---------------------------------------------------------
   GTP      = blue / cyan
   GTD PRO  = red
   GTD      = green
   ========================================================= */

:root{
  --sns-gtp:#20c7ff;
  --sns-gtd-pro:#ef3340;
  --sns-gtd:#38b54a;
}

/* Fiery SNS badge in the top-left site header. */
.sns-brand-logo{
  width:108px !important;
  height:62px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.48)) !important;
}

/* GTP remains blue/cyan. */
.class-badge.gtp,
.class-chip.gtp,
.class-pill.gtp,
.division-chip.gtp,
.division-badge.gtp,
[data-class="GTP"],
[data-division="GTP"]{
  color:#bcefff !important;
  border-color:rgba(32,199,255,.58) !important;
  background:rgba(20,111,168,.28) !important;
  box-shadow:
    inset 0 0 22px rgba(32,199,255,.08),
    0 0 0 1px rgba(32,199,255,.03) !important;
}

/* GTD PRO = RED */
.class-badge.gtd-pro,
.class-chip.gtd-pro,
.class-pill.gtd-pro,
.division-chip.gtd-pro,
.division-badge.gtd-pro,
[data-class="GTD PRO"],
[data-division="GTD PRO"]{
  color:#fff1f2 !important;
  border-color:rgba(239,51,64,.68) !important;
  background:rgba(154,16,28,.44) !important;
  box-shadow:
    inset 0 0 24px rgba(239,51,64,.11),
    0 0 0 1px rgba(239,51,64,.04) !important;
}

/* GTD = GREEN */
.class-badge.gtd,
.class-chip.gtd,
.class-pill.gtd,
.division-chip.gtd,
.division-badge.gtd,
[data-class="GTD"],
[data-division="GTD"]{
  color:#effff1 !important;
  border-color:rgba(56,181,74,.64) !important;
  background:rgba(18,111,41,.43) !important;
  box-shadow:
    inset 0 0 24px rgba(56,181,74,.10),
    0 0 0 1px rgba(56,181,74,.04) !important;
}

/* Common class tab/button variants used around League Hub pages. */
button.gtp,
a.gtp,
.tab.gtp{
  --class-accent:#20c7ff;
}

button.gtd-pro,
a.gtd-pro,
.tab.gtd-pro{
  --class-accent:#ef3340;
}

button.gtd,
a.gtd,
.tab.gtd{
  --class-accent:#38b54a;
}

@media(max-width:820px){
  .sns-brand-logo{
    width:84px !important;
    height:50px !important;
  }
}

@media(max-width:540px){
  .sns-brand-logo{
    width:72px !important;
    height:44px !important;
  }
}