/*******************************************************************************************************************
    Candy Fest 2025 Profile
/*******************************************************************************************************************/
.candyFest2025_upbar{
    background: linear-gradient(90deg, 
        #ffb6f9 0%,
        #a3d8ff 50%,
        #fff0f5 100%
    );
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.9);
}
.upbarTopRightstatsLogin_candyFest2025{
    background-color:rgba(255, 192, 203, 0.1);
    box-shadow: 0px 0px 4px 2px rgba(28, 28, 28, 0.1);
    border:0;
}
.upBarSvInfoFader_candyFest2025{
    background: linear-gradient(90deg, 
        #ffb6f9 0%,
        #a3d8ff 50%,
        #fff0f5 100%
    );
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
}
.vtdz_user_banner_candyFest2025{
    visibility:hidden;
}
.vtdz_user_bg_candyFest2025{
    background-image:url('https://data-erots.vatadezahar.com/vatadezahar/images/cotton_candy_fullhd.png');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
}
.vtdz_user_template_candyFest2025{
  border: 5px solid transparent;
  background: 
    linear-gradient(white, white) padding-box,
    linear-gradient(90deg, #ffb6f9, #a3d8ff, #ffb6f9) border-box;
}
.vtdz_user_avatar{
    position:relative;
}
.border_av_candyFest2025{
    width: 250px;
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    margin-top:-30px;
    margin-left:-6px;
    pointer-events: none;
}
.leftCling_candyFest2025{
    position:absolute;
    height:350px;
    margin-left:150px;
    transform-origin: top center;
    animation: pendulum 5s ease-in-out infinite;
    z-index:900;
    pointer-events: none;
}
.rightCling_candyFest2025{
    position:absolute;
    height:350px;
    right:100px;
    top:-20px;
    transform-origin: top center;
    animation: pendulum 3s ease-in-out infinite;
    z-index:900;
    pointer-events: none;
}
@keyframes pendulum {
    0%   { transform: rotate(-15deg); }
    50%  { transform: rotate(15deg); }
    100% { transform: rotate(-15deg); }
}
@media only screen and (max-width: 928px) {
    .border_av_candyFest2025{
        margin-top:-50px;
        margin-left:-7px;
        width:230px;
        height:230px;
    }
    .rightCling_candyFest2025{
        display:none;
    }
}
.vddz_user_mini_warning_candyFest2025{
    border: 1px solid transparent;
    border-radius: 12px;
    background-image: 
        linear-gradient(#fff, #fff), 
        linear-gradient(120deg, #ffb3da, #ffd6a5, #caffbf, #9bf6ff, #bdb2ff);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.vtdz_user_badge_candyFest2025{
    border: 4px solid transparent;
    border-radius: 12px;
    background-image: 
        linear-gradient(#fff, #fff), 
        linear-gradient(120deg, #ffb3da, #ffd6a5, #caffbf, #9bf6ff, #bdb2ff);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.vtdz_user_badge_icon_candyFest2025{
    width:55px;
    height:55px;
    position:absolute;
    opacity:0.2;
    margin-top:-5px;
    margin-left:-5px;
    pointer-events: none;
}
#confetti {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1000;
}
.profile-special {
    position: relative;
}
.border_av_header_candyFest2025{
    position:absolute;
    z-index:-1;
    margin-top:-250px;
    margin-left:270px;
}
@media only screen and (max-width: 1333px) {
    .border_av_header_candyFest2025{
        width:500px;
    }
}
@media only screen and (max-width: 928px) {
    .border_av_header_candyFest2025{
        display:none;
    }
}
.dataMembersListItemNameUserLevelCircle_candyFest2025{
    border:2px solid rgba(128, 0, 128, 0.5);
    color:rgba(128, 0, 128, 0.9);
}
.vtdz_user_template_left_candyFest2025{
    width:150px;
    height:300px;
    position:absolute;
    transform: rotate(-45deg);
    margin-left:-120px;
    margin-top:50px;
    z-index:-1;
    pointer-events: none;
    overflow-x: hidden;
}

.vtdz_user_template_right_candyFest2025{
    width:170px;
    height:300px;
    position:absolute;
    margin-top:50px;
    transform: rotate(11deg);
    margin-left:1180px;
    z-index:-1;
    pointer-events: none;
    overflow-x: hidden;
}
@media only screen and (max-width: 1250px) {
    .vtdz_user_template_right_candyFest2025, .vtdz_user_template_left_candyFest2025{
        display:none;
    }
}
.vtdz_lb_container {
  position: relative;
  max-width: 600px;  /* rămâne fix la 600px */
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
  background: #fafafa;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.9);
   margin-top:300px;
}
.hidden {
  display: none !important;
}
/* dunga de pointer */
.vtdz_lb_container .pointer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3px;                /* grosimea liniei */
  background: linear-gradient(to bottom, #ff9ff3, #48dbfb);
  left: 50%;                 /* poziționat pe centru */
  transform: translateX(-50%);
  z-index: 5;
}


.vtdz_lb_container.visible {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

/* Banda */
.vtdz_lb_items {
  display: flex;
  transition: transform 8s cubic-bezier(0.1, 0.7, 0.1, 1);
  opacity: 0;
  transform: scale(0.8);
  transition: transform 0.6s ease, opacity 0.6s ease;
}
.vtdz_lb_items.visible {
  opacity: 1;
  transform: scale(1);
}
#lbItems {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#lbItems.visible {
  opacity: 1;
  transform: scale(1);
}
/* Item */
.vtdz_lb_item {
  min-width: 120px;
  height: 150px;
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #fff;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.vtdz_lb_item .icon {
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
}

.vtdz_lb_item .label {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 8px;
}
.vtdz_lb_container_you_got {
  display: none;  /* implicit ascuns */
  opacity: 0;
  transition: opacity 0.3s ease;
}

.vtdz_lb_container_you_got.visible {
  display: block; /* apare când are clasa visible */
  opacity: 1;
}


.rarity-common .label { color: #aaa; }
.rarity-common { box-shadow: 0 0 8px rgba(170,170,170,0.3); }

.rarity-uncommon .label { color: #2ecc71; }
.rarity-uncommon { box-shadow: 0 0 10px rgba(46,204,113,0.4); }

.rarity-rare .label { color: #1e90ff; }
.rarity-rare { box-shadow: 0 0 12px rgba(30,144,255,0.5); }

.rarity-epic .label { color: #9b59b6; }
.rarity-epic { box-shadow: 0 0 14px rgba(155,89,182,0.6); }

.rarity-legendary .label { color: #f39c12; }
.rarity-legendary { box-shadow: 0 0 16px rgba(243,156,18,0.7); }
.rarity-mythic .label { color: #e74c3c; }
.rarity-mythic { box-shadow: 0 0 18px rgba(231, 76, 60, 0.8); }

.pointer {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 100%;
  background: rgba(255, 159, 243, 0.9);
  z-index: 10;
  box-shadow: 0 0 10px rgba(190, 72, 175, 0.9);
}
.pointer.visible {
  opacity: 1; /* apare smooth */
}

button {
  margin-top: 20px;
  padding: 10px 20px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  border: none;
  background: #444;
  color: #fff;
  transition: background 0.3s;
}
button:hover:enabled {
  background: #666;
}
button:disabled {
  background: #222;
  color: #555;
  cursor: not-allowed;
}
.vtdz_lb_container_req_signed_in{
    width:1400px;
    margin: 0 auto;
    margin-top:120px;
}
.vtdz_lb_container_req_signed_in h2{
    padding:11px;
    color:#444;
    font-size:30px;
}
.vtdz_lb_container_req_signed_in p{
    padding:11px;
    color:#444;
    letter-spacing:0.5px;
    font-size:19px;
}
@media only screen and (max-width: 1413px) {
    .vtdz_lb_container_req_signed_in{
        width:95%;
    }
}
.vtdz_lb_container_you_got {
  display: none;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
  color: #444;
  transition: opacity 0.5s;
  opacity: 0;
  position: fixed;
  width: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  /* doar ca exemplu vizual */
  background: #FFF;
  color: #444;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  border:1px solid #c1c1c1;
  z-index:1200;
}
.overlay {
  position:fixed;
  left:0;top:0;right:0;bottom:0;
  background:rgba(0,0,0,0.5);
  z-index:1000;
  display:none;
}
.overlay.visible {
  display:block;
  animation:fadeIn 0.5s ease forwards;
}
.vtdz_lb_container_you_got.visible {
  display: block;
  opacity: 1;
}
.you-got-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.you-got-content .icon {
  width: 64px;
  height: 64px;
  margin-bottom: 12px;
}

.you-got-content .icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor; /* ia culoarea din text (raritate dacă vrei) */
}

.you-got-content .label {
  font-size: 18px;
  font-weight: bold;
}
.vtdz_lb_container_req_signed_in_sv_link{
    padding:11px;
    box-shadow: 0px 0px 4px 2px rgba(193, 193, 193, 0.4);
    width:130px;
    text-align:center;
    border-radius:7px;
    margin-left:11px;
    font-weight:500;
}
.vtdz_lb_container_req_signed_in_sv_link:hover{
    box-shadow: 0px 0px 4px 2px rgba(193, 193, 193, 0.6);
    background-color: rgba(239, 239, 239, 0.2);
    cursor:pointer;
}
.vtdz_lb_container_req_signed_in_sv_link:active{
    background-color: rgba(239, 239, 239, 0.4);
    cursor:pointer;
}
#openBtn {
  background-color:rgba(224, 49, 87, 0.8);
  width:260px;
  color: #1c1c1c;
  border:3px solid rgba(218, 17, 158, 0.2);
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

#openBtn:hover {
  background-color:rgba(207, 63, 95, 0.9);
  color: #1c1c1c;
}
.vtdz_lb_container_you_try{
    width:230px;
    margin: 0 auto;
}
#openBtn.disabled {
  opacity: 0.1;
  cursor: not-allowed;
  pointer-events: none;
  background-color:rgba(241, 239, 239, 0.9);
}
.vtdz_lb_container_welcomer_crate{
    display:block;
    width:250px;
    margin: 0 auto;
    margin-top:-110px;
    position:absolute;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vtdz_lb_container_welcomer_bg img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
  object-fit: cover;
  width:500px;
  height: auto;
  margin-top:-50px;
  pointer-events: none;
}
.vtdz_lb_container_welcomer {
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 1;
  transform: translateY(0);
}

.vtdz_lb_container_welcomer.fade-out {
  opacity: 0;
  transform: translateY(-20px); /* se ridică ușor */
  pointer-events: none;
}
.vtdz_lb_container_you_got_close{
  color:#444;
}
.vtdz_lb_container_you_got_close_btnc{
  width:120px;
  display:inline-block;
  vertical-align:middle;
  padding:11px;
  font-size:15px;
  border-radius:11px;
}
.vtdz_lb_container_you_got_close_btnc:hover{
  background-color:rgba(241, 239, 239, 0.6);
  cursor:pointer;
}
.vtdz_lb_container_you_got_close_btnc:active{
  background-color:rgba(241, 239, 239, 0.8);
}
.vtdz_lb_container_you_got_close_sep{
  border:0;
  height:1px;
  background-color:rgba(193, 193, 193, 0.3);
  margin-left:-20px;
  margin-right:-20px;
  margin-top:20px;
}
.candyfest_principal {
  width: 1200px;
  margin: 0 auto;
  margin-top: -800px;
  z-index: 500;
  border-radius: 10px;

  /* Transparent black cu efect sticlos */
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(10px);

  /* Bordura va fi generată cu pseudo-element */
  border: 5px solid transparent;
  background-clip: padding-box;
  position: relative;
}

.candyfest_principal::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 5px; /* grosimea borderului */
    box-shadow: 0px 0px 14px 12px rgba(28, 28, 28, 0.5);
  mask-composite: exclude;
  pointer-events: none;
}

@keyframes halloweenBorder {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}



.candyfest_principal_title{
    padding:11px;
    color:#fff;
    text-align:center;
    font-size:40px;
}
.candyfest_principal_desc{
    padding:11px;
    letter-spacing: 0.5px;
    font-size:21px;
    text-align:center;
    font-weight:300;
    color:#fff;
}
.candyfest_principal_i{
      background: linear-gradient(
    135deg,
    #ffb6f9 0%,   /* roz pastel */
    #c6e7ff 25%,  /* albastru deschis */
    #e5b3fe 50%,  /* mov lavandă */
    #b5f8fe 75%,  /* turcoaz pastel */
    #ffd6f9 100%  /* roz deschis */
  );
  background-attachment: fixed;
  background-size: 400% 400%;
  animation: candyGradient 20s ease infinite;
}
@keyframes candyGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.candyfest_principal_after{
    position: sticky;
    top: 0;
    height: 100vh;
    background-image: 
        linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), /* fade */
        url('https://data-erots.vatadezahar.com/vatadezahar/images/halloween-computer-file-halloween-posters-transparent-background-1e4e2c94463ab1942d70479f8d7010a5.png');
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
    background-color: #000;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 1310px) {
    .candyfest_principal{
        width:95%;
    }
}
.candyFest2025_upbar_black{
    background: linear-gradient(90deg, #1c1c1c, #243d2e, #3a1f5f, #1c1c1c);
}
.upBarLeftMenu_witch{
    fill:#FFF;
}
.upBarLeftMenu_witchB{
    fill:#FFF;
    background-color:rgba(165, 136, 136, 0.1);
    color:#FFF;
    border:1px solid #000;
}
.upBarLeftMenu_witchB:hover{
    background-color:rgba(28, 28, 28, 0.7);   
}
.candyfest_principal{
    position: relative;
}
.candyfest_principal_title_faq{
    text-align:center;
    color:#FFF;
    font-size:19px;
    margin-top:15px;
}
.faq-question:hover {
  text-decoration: underline;
  cursor: pointer;
}
.faq-question{
    font-size:21px;
}
.candyfest_principal_faq_explain{
    display:none;
    font-size:16px;
    border:1px solid #363131;
    border-radius:10px;
    padding:15px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:20px;
    margin-right:20px;
    background-color:rgba(0, 0, 0, 0.2);
}
.vtdz_lb_container_welcomer_advertiser{
    width:550px;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top:-250px;
}
.vtdz_lb_container_welcomer_advertiser_item {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    background-color: #FFF;
    border-radius: 10px;
    margin-left: 20px;

    /* pentru animație */
    animation: pulseZoom 3s ease-in-out infinite;
    transform-origin: center center;
}

@keyframes pulseZoom {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.vtdz_lb_container_welcomer_advertiser_item h2{
    font-size:17px;
    text-align:center;
}
.vtdz_lb_container_welcomer_advertiser_item_icon{
    width:50px;
    height:50px;
    display:block;
    margin: 0 auto;
    margin-top:20px;
}
.vtdz_universal_footer_candyFest2025{
    background-color:rgba(28, 28, 28, 0.2);
    border-top:1px solid #1c1c1c;
    color:#FFF;
}
.vtdz_universal_footer_candyFest2025 hr{
    margin-top:20px;
    border:0;
    height:1px;
    background-color:rgba(28, 28, 28, 0.5);
}
.footerTopMemberListMember_candyFest2025{
    background-color:rgba(0, 0, 0, 0.5);
}
.footerTopMemberListMember_candyFest2025:hover{
    background-color:rgba(0, 0, 0, 0.7);
}
.footerTopMemberListMember_candyFest2025 img{
    border:1px solid #1c1c1c;
}