/* PREMIUM-BUTTONS-V7 */


/* =====================================================
   SHARED PREMIUM BUTTON
   ===================================================== */

.iwbp-premium-v7{
  position:relative!important;
  overflow:hidden!important;

  min-height:40px!important;

  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;

  padding:0!important;

  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:6px!important;

  background:
    linear-gradient(
      180deg,
      #171d25 0%,
      #11171e 100%
    )!important;

  color:#e8eef2!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 5px 14px rgba(0,0,0,.16)!important;

  text-decoration:none!important;

  transform:none!important;

  transition:
    border-color .16s ease,
    background .16s ease,
    color .16s ease!important;
}


/* ICON SEGMENT */

.iwbp-premium-v7-icon{
  position:relative;
  z-index:3;

  width:43px;
  flex:0 0 43px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-right:1px solid rgba(255,255,255,.075);

  background:rgba(0,0,0,.17);
}

.iwbp-premium-v7-icon svg{
  width:18px;
  height:18px;

  display:block;

  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* TEXT */

.iwbp-premium-v7-text{
  position:relative;
  z-index:3;

  min-width:0;
  flex:1;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 15px;

  font-family:'Inter',system-ui,sans-serif;
  font-size:11px;
  font-weight:700;

  letter-spacing:.01em;
}


/* HOVER */

.iwbp-premium-v7:hover{
  color:#fff!important;

  border-color:rgba(255,255,255,.16)!important;

  background:
    linear-gradient(
      180deg,
      #1c232c 0%,
      #151c24 100%
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 7px 18px rgba(0,0,0,.20)!important;

  transform:none!important;
}


/* =====================================================
   SWEEP — TAKI JAK STEAM
   ===================================================== */

.iwbp-premium-v7::after{
  content:"";

  position:absolute;
  z-index:2;

  top:-40%;
  bottom:-40%;
  left:-55%;

  width:34%;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.035) 28%,
      rgba(255,255,255,.17) 50%,
      rgba(255,255,255,.035) 72%,
      rgba(255,255,255,0) 100%
    );

  opacity:0;

  transform:skewX(-20deg);

  pointer-events:none;
}

.iwbp-premium-v7:hover::after{
  animation:iwbpPremiumSweepV7 .62s ease-out!important;
}

@keyframes iwbpPremiumSweepV7{
  0%{
    left:-55%;
    opacity:0;
  }

  15%{
    opacity:1;
  }

  80%{
    opacity:1;
  }

  100%{
    left:125%;
    opacity:0;
  }
}


/* =====================================================
   MODAL SIGN IN
   ===================================================== */

#web-login-v1 #web-login-v1-submit.iwbp-premium-v7{
  width:100%!important;
  height:42px!important;

  margin-top:4px!important;

  cursor:pointer!important;
}

#web-login-v1 #web-login-v1-submit.iwbp-premium-v7:disabled{
  opacity:.55!important;
  cursor:wait!important;
}


/* lekki cyan detail zgodny ze stroną */
#web-login-v1 #web-login-v1-submit.iwbp-premium-v7{
  border-color:rgba(0,229,255,.15)!important;
}

#web-login-v1 #web-login-v1-submit.iwbp-premium-v7:hover{
  border-color:rgba(0,229,255,.28)!important;
}

#web-login-v1 #web-login-v1-submit .iwbp-premium-v7-icon{
  color:#9fdce2;
}


/* =====================================================
   CONNECT — PREMIUM CTA
   ===================================================== */

.topbar-actions-v2 .topbar-connect-v2.iwbp-connect-premium-v7{
  width:auto!important;
  min-width:176px!important;

  height:40px!important;
  min-height:40px!important;

  padding:0!important;

  border-color:rgba(0,229,255,.18)!important;

  background:
    linear-gradient(
      180deg,
      #16222a 0%,
      #101820 100%
    )!important;

  color:#d9f2f5!important;

  box-shadow:
    inset 0 1px 0 rgba(0,229,255,.055),
    0 5px 14px rgba(0,0,0,.16)!important;
}


/* kasujemy stare pseudo z poprzednich Connect patchy */
.topbar-actions-v2 .topbar-connect-v2.iwbp-connect-premium-v7::before{
  display:none!important;
}

.topbar-actions-v2 .topbar-connect-v2.iwbp-connect-premium-v7:hover{
  border-color:rgba(0,229,255,.34)!important;

  background:
    linear-gradient(
      180deg,
      #1a2b34 0%,
      #132029 100%
    )!important;

  color:#fff!important;

  box-shadow:
    inset 0 1px 0 rgba(0,229,255,.085),
    0 7px 18px rgba(0,0,0,.20)!important;
}

.topbar-actions-v2 .topbar-connect-v2 .iwbp-premium-v7-icon{
  color:#8edbe3;

  background:rgba(0,229,255,.035);

  border-right-color:rgba(0,229,255,.10);
}


/* żeby stare V4/V5/V6 nie blokowały naszego sweepa */
.topbar-actions-v2 .topbar-connect-v2.iwbp-connect-premium-v7::after{
  display:block!important;
}


/* MOBILE */

@media(max-width:700px){
  .topbar-actions-v2 .topbar-connect-v2.iwbp-connect-premium-v7{
    min-width:154px!important;
  }

  .iwbp-premium-v7-icon{
    width:39px;
    flex-basis:39px;
  }

  .iwbp-premium-v7-text{
    padding:0 11px;
  }
}