/*
 * NOYTRIX TRACKING GUEST — NATIVE V4
 *
 * IMPORTANT:
 * No injected DOM.
 * No overlay.
 * No MutationObserver.
 * No timer.
 *
 * Styles ONLY the original guest state generated by
 * tracking-data-v14.js:
 *
 *   #trackingRowsV14
 *     > .tracking-login-required-v14
 */

@media (min-width: 1200px) {

  /* ========================================================
     ROWS AREA — ONLY WHEN ORIGINAL GUEST BLOCK EXISTS
     ======================================================== */

  #screen-tracking
  #trackingRowsV14:has(> .tracking-login-required-v14) {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    height: 100% !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding:
      26px
      !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
  }


  /* ========================================================
     ORIGINAL GUEST BLOCK BECOMES THE CARD
     ======================================================== */

  #screen-tracking
  #trackingRowsV14
  > .tracking-login-required-v14 {

    position: relative !important;

    inset: auto !important;

    float: none !important;

    width:
      min(
        460px,
        calc(100% - 48px)
      )
      !important;

    max-width: 460px !important;

    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    grid-template-columns: none !important;
    grid-template-rows: none !important;

    gap: 0 !important;

    margin:
      0
      !important;

    padding:
      34px
      38px
      30px
      !important;

    border:
      1px solid
      rgba(255, 183, 32, .30)
      !important;

    border-radius:
      18px
      !important;

    background:
      linear-gradient(
        180deg,
        rgba(12, 29, 52, .98),
        rgba(5, 17, 34, .98)
      )
      !important;

    box-shadow:
      0 24px 70px
      rgba(0, 0, 0, .24)
      !important;

    text-align:
      center
      !important;

    transform:
      translateY(-3%)
      !important;

    overflow:
      visible
      !important;

    box-sizing:
      border-box
      !important;
  }


  /* ========================================================
     KILL INHERITED TABLE GRID RULES
     ======================================================== */

  #screen-tracking
  #trackingRowsV14
  > .tracking-login-required-v14
  > * {

    position: relative !important;

    inset: auto !important;

    grid-column: auto !important;
    grid-row: auto !important;

    justify-self: auto !important;
    align-self: auto !important;

    float: none !important;

    min-width: 0 !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
  }


  /* ========================================================
     ICON
     ======================================================== */

  #screen-tracking
  .tracking-login-required-v14
  > span {

    width: 60px !important;
    height: 60px !important;

    flex:
      0
      0
      60px
      !important;

    display: grid !important;

    place-items: center !important;

    margin:
      0
      0
      19px
      !important;

    padding: 0 !important;

    border:
      1px solid
      rgba(255, 183, 32, .52)
      !important;

    border-radius:
      17px
      !important;

    color:
      #ffb720
      !important;

    background:
      rgba(255, 183, 32, .08)
      !important;

    box-shadow:
      0 0 28px
      rgba(255, 183, 32, .06)
      !important;

    font-size:
      25px
      !important;

    line-height:
      1
      !important;
  }


  /* ========================================================
     TITLE
     ======================================================== */

  #screen-tracking
  .tracking-login-required-v14
  > strong {

    display: block !important;

    width: 100% !important;

    margin:
      0
      !important;

    padding:
      0
      !important;

    color:
      #f7f9ff
      !important;

    font-size:
      24px
      !important;

    font-weight:
      780
      !important;

    line-height:
      1.15
      !important;

    letter-spacing:
      -.025em
      !important;

    white-space:
      normal
      !important;

    text-align:
      center
      !important;
  }


  /* ========================================================
     DESCRIPTION
     ======================================================== */

  #screen-tracking
  .tracking-login-required-v14
  > p {

    display: block !important;

    width: 100% !important;
    max-width: 370px !important;

    margin:
      13px
      0
      0
      !important;

    padding:
      0
      !important;

    color:
      #9cafcf
      !important;

    font-size:
      14px
      !important;

    font-weight:
      520
      !important;

    line-height:
      1.55
      !important;

    white-space:
      normal
      !important;

    overflow:
      visible
      !important;

    text-overflow:
      clip
      !important;

    text-align:
      center
      !important;
  }


  /* ========================================================
     SIGN IN BUTTON
     ======================================================== */

  #screen-tracking
  #trackingLoginV14 {

    position: relative !important;

    width:
      auto
      !important;

    min-width:
      160px
      !important;

    max-width:
      220px
      !important;

    height:
      44px
      !important;

    min-height:
      44px
      !important;

    display:
      inline-flex
      !important;

    align-items:
      center
      !important;

    justify-content:
      center
      !important;

    margin:
      23px
      0
      0
      !important;

    padding:
      0
      28px
      !important;

    border:
      1px solid
      #ffb720
      !important;

    border-radius:
      11px
      !important;

    color:
      #081322
      !important;

    background:
      linear-gradient(
        135deg,
        #ffd05a,
        #ffb720
      )
      !important;

    box-shadow:
      0 8px 26px
      rgba(255, 183, 32, .12)
      !important;

    font-size:
      14px
      !important;

    font-weight:
      780
      !important;

    line-height:
      1
      !important;

    white-space:
      nowrap
      !important;

    cursor:
      pointer
      !important;

    transform:
      none
      !important;
  }


  #screen-tracking
  #trackingLoginV14:hover {

    filter:
      brightness(1.04)
      !important;

    transform:
      translateY(-1px)
      !important;
  }

}


/* ==========================================================
   MOBILE — STILL USE NATIVE GUEST BLOCK, JUST CENTER IT
   ========================================================== */

@media (max-width: 1199px) {

  #screen-tracking
  #trackingRowsV14:has(> .tracking-login-required-v14) {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding:
      20px
      !important;
  }


  #screen-tracking
  #trackingRowsV14
  > .tracking-login-required-v14 {

    width:
      min(
        420px,
        100%
      )
      !important;

    margin:
      auto
      !important;
  }

}

/* REMOVE WEIRD YELLOW TOP ELEMENT IN TRACKING GUEST CARD */
#screen-tracking
#trackingRowsV14
> .tracking-login-required-v14
> span:first-child {
  display: none !important;
}

#screen-tracking
#trackingRowsV14
> .tracking-login-required-v14
> :first-child:not(strong):not(p):not(button):not(#trackingLoginV14) {
  display: none !important;
}

#screen-tracking
#trackingRowsV14
> .tracking-login-required-v14 {
  padding-top: 30px !important;
}

#screen-tracking
#trackingRowsV14
> .tracking-login-required-v14
> strong {
  margin-top: 0 !important;
}