/* =====================================
   FUSION SUPERDISCO LOGIN
   PREMIUM NEON STYLE
===================================== */


#fusion-login-popup{

    display:none;
    position:fixed;

    inset:0;

    z-index:999999;

    background:
    rgba(0,0,0,.55);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

}


/* PANEL */

.fusion-popup-box{

    width:760px;

    max-width:92%;

    background:

    linear-gradient(
        145deg,
        rgba(30,20,55,.90),
        rgba(10,8,20,.92)
    );


    border-radius:24px;

    padding:30px;

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);


    color:#fff;


    box-shadow:

    0 0 40px rgba(255,0,255,.35),
    0 0 80px rgba(122,0,255,.20);


    border:

    1px solid rgba(255,255,255,.12);

}


/* LOGO */

.fusion-login-logo{

    text-align:center;

    margin-bottom:20px;

}


.fusion-login-logo img{

    width:150px;

    height:150px;

    object-fit:contain;

    filter:

    drop-shadow(0 0 20px rgba(255,0,255,.6));

}



/* X */

.fusion-close{

    position:absolute;

    right:20px;

    top:15px;

    font-size:24px;

    cursor:pointer;

    color:#fff;

}



/* KONTENER DWÓCH KOLUMN */

.fusion-login-columns{

    display:flex;

    gap:35px;

    align-items:flex-start;

}



/* KOLUMNY */

.fusion-login-left,
.fusion-register-right{

    flex:1;

    width:50%;

}



/* BEZ LINII */

.fusion-register-right{

    border-left:none;

}



/* TYTUŁY */

.fusion-popup-box h2{

    margin:0 0 20px;

    text-align:center;

    font-size:24px;

    font-weight:800;

}



/* FORMULARZE */

.fusion-login-left form,
.fusion-register-right form{

    margin:0;

}


/* WP P */

.fusion-login-left p{

    margin:0 0 12px;

}



/* INPUTY */

.fusion-popup-box input[type="text"],
.fusion-popup-box input[type="email"],
.fusion-popup-box input[type="password"]{


    width:100%;

    height:46px;

    box-sizing:border-box;


    padding:0 15px;


    margin-bottom:12px;


    border-radius:14px;


    border:

    1px solid rgba(255,255,255,.15);


    background:

    rgba(255,255,255,.15);


    color:white;


    font-size:15px;

}



.fusion-popup-box input::placeholder{

    color:#ff00ff;

}



.fusion-popup-box input:focus{

    outline:none;

    border-color:#ff00ff;


    box-shadow:

    0 0 15px rgba(255,255,255,.45);

}



/* PRZYCISKI */

.fusion-popup-box input[type="submit"],
.fusion-popup-box button{


    width:100%;

    height:48px;


    margin-top:8px;


    border:none;


    border-radius:16px;


    cursor:pointer;


    color:white;


    font-size:16px;

    font-weight:800;


    background:

    linear-gradient(
        135deg,
        #ff00ff,
        #7a00ff
    );


    box-shadow:

    0 0 25px rgba(255,0,255,.45);


    transition:.25s;

}



.fusion-popup-box input[type="submit"]:hover,
.fusion-popup-box button:hover{


    transform:scale(1.03);


    box-shadow:

    0 0 45px rgba(255,0,255,.75);

}



/* MOBILE */

@media(max-width:700px){


    .fusion-login-columns{

        display:block;

    }


    .fusion-login-left,
    .fusion-register-right{

        width:100%;

    }


}
/* =====================================
   WYRÓWNANIE FORMULARZY
===================================== */


/* obie kolumny zaczynają tak samo */

.fusion-login-columns{

    align-items:flex-start;

}


/* nagłówki identyczna wysokość */

.fusion-login-left h2,
.fusion-register-right h2{

    height:30px;

    margin-bottom:20px;

}



/* formularz WP */

.fusion-login-left .login-username,
.fusion-login-left .login-password{

    margin:0 0 12px 0 !important;

}



/* =====================================
   ELEMENTY WP LOGIN
===================================== */


/* etykiety */

.fusion-login-left label{

    display:block;

    color:rgba(255,255,255,.8);

    font-size:13px;

    margin-bottom:6px;

}


/* zapamietaj mnie */

.fusion-login-left .login-remember{

    display:flex;

    align-items:center;

    gap:8px;

    margin:8px 0 15px;

}


.fusion-login-left .login-remember input{

    width:auto;

    height:auto;

}


/* link zapomniane haslo */

.fusion-login-left a{

    color:#ff66ff;

    text-decoration:none;

}


.fusion-login-left a:hover{

    color:#fff;

    text-shadow:

    0 0 10px #ff00ff;

}


/* przycisk logowania */

.fusion-login-left .login-submit{

    margin-top:10px;

}



/* pola WP */

.fusion-login-left input[type="text"],
.fusion-login-left input[type="password"]{

    margin-bottom:12px !important;

}



/* checkbox pamiętaj */

.fusion-login-left .login-remember{

    margin:5px 0 12px !important;

}



/* przyciski oba w tej samej linii */

.fusion-login-left input[type="submit"],
.fusion-register-right button{

    margin-top:0 !important;

}
/* ===========================
MOBILE TABS
===========================*/

.fusion-mobile-tabs{
    display:none;
}

@media (max-width:768px){

.fusion-mobile-tabs{

display:flex;
margin:0 0 20px;
border-radius:16px;
overflow:hidden;
background:#15102b;

}

.fusion-tab{

flex:1;
height:48px;
border:0;
background:transparent;
color:#bbb;
font-size:15px;
font-weight:700;
cursor:pointer;
transition:.25s;
 
}

.fusion-tab.active{

background:linear-gradient(135deg,#ff00ff,#7a00ff);
color:#fff;
box-shadow:0 0 20px rgba(255,0,255,.45);

}

.fusion-login-columns{

display:block!important;

}

.fusion-login-left,
.fusion-register-right{

width:100%!important;

}

.fusion-register-right{

display:none;

}

.fusion-register-right.active{

display:block;

}

.fusion-login-left.hide{

display:none;

}

}
/* =========================================
MOBILE TABS
========================================= */

.fusion-tabs{
display:none;
gap:10px;
margin:0 0 25px;
}

.fusion-tab{
flex:1;
height:48px;
border:0;
border-radius:16px;
cursor:pointer;
font-size:15px;
font-weight:800;
color:#fff;
background:#1d2238;
transition:.25s;
}

.fusion-tab.active{
background:linear-gradient(135deg,#ff00ff,#7a00ff);
box-shadow:

0 0 10px rgba(255,0,255,.35),
0 0 20px rgba(122,0,255,.20);
}

@media (max-width:980px){

.fusion-login-columns{
display:block!important;
}

.fusion-tabs{
display:flex;
}

.fusion-login-left,
.fusion-register-right{
width:100%!important;
}

.fusion-register-right{
display:none;
}

.fusion-register-right.active{
display:block;
}

.fusion-login-left.hide{
display:none;
}

.fusion-social-login{
margin-top:20px;
}

.fusion-google-login,
.fusion-facebook-login{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
height:48px;
margin-top:12px;
border-radius:16px;
text-decoration:none;
font-weight:700;
color:#fff;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
transition:.25s;
}

.fusion-google-login:hover,
.fusion-facebook-login:hover{
background:rgba(255,255,255,.13);
}

.fusion-google-login img,
.fusion-facebook-login img{
width:22px;
height:22px;
}

}
/* FUSION LOGIN - mniejsze zakładki */

.fusion-tab {
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 10px;
}

.fusion-tabs {
    gap: 15px;
    margin-bottom: 10px;
}


/* tylko telefon */

@media (max-width: 600px) {

    .fusion-tab {
        padding: 7px 10px;
        font-size: 12px;
    }

    .fusion-tabs {
        gap: 4px;
        margin-bottom: 8px;
    }

}
@media (max-width:600px){

    .fusion-tabs{
        display:flex;
        gap:15px !important;
        transform:translateY(-10px);
        margin-bottom:8px;
    }


    .fusion-tab{
        padding:7px 10px !important;
        font-size:12px !important;
        margin:0 !important;
        transform:none !important;
    }


    .fusion-tab.active{
        transform:none !important;
    }

}
@media (max-width:600px){

    .fusion-tab{
        margin-left:8px !important;
        margin-right:8px !important;
    }

}
button:focus,
a:focus,
input:focus {
    outline: none !important;
}
.fusion-tabs,
.fusion-login-left,
.fusion-register-right {
    transform: translateY(-20px);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #0f172a inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 9999s ease-in-out 0s;
}
#fusion-login-close {
    color: #ff00ff;
    text-shadow:
        0 0 8px #ff00ff,
        0 0 20px #7a00ff;
}
.fusion-forgot {
    cursor:pointer;
    color:#ff00ff;
}


.input-group{
    position:relative;
}


#superdisco-results{
    position:absolute;
    width:100%;
    z-index:9999;
}


.sd-search-result{
    display:flex;
    align-items:center;
    padding:10px;
    text-decoration:none;
}


.sd-thumb{
    width:35px;
    margin-right:10px;
}


.sd-thumb img{
    width:35px;
    height:35px;
    object-fit:cover;
}


.sd-info strong{
    display:block;
}
#superdisco-results{

    display:none;

    position:absolute;

    top:100%;

    left:0;

    width:100%;

    z-index:9999;

    background:
        radial-gradient(circle at 30% 20%, rgba(29,185,84,0.08), transparent 40%),
        radial-gradient(circle at 70% 60%, rgba(0,200,255,0.08), transparent 40%),
        #0b0b0f !important;

    border-radius:16px;
border: 1px solid var(--sd-theme-primary);
    padding:10px;

    margin-top:8px;

    box-shadow:0 10px 30px rgba(0,0,0,.4);

}
.sd-search-box{
    position:relative;
}
#superdisco-results {

    max-height: 500px;
    overflow-y: auto;

    scrollbar-width: thin;
    scrollbar-color: var(--sd-theme-primary) #161616;

}
.sd-search-result:hover{
    border-bottom: 2px solid var(--sd-theme-accent);
}

.sd-more-results {

    display: block;

    text-align: center;

    padding: 12px;

    margin-top: 10px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            var(--sd-theme-primary),
            var(--sd-theme-accent)
        );

    color: white;

    text-decoration: none;

    font-weight: bold;

    transition: .3s;

}


.sd-more-results:hover{

transform:translateY(-3px);

box-shadow:
        0 0 15px rgba(
            var(--sd-theme-primary-rgb),
            0.40
        ),
        0 0 25px rgba(
            var(--sd-theme-accent-rgb),
            0.30
        );
}
.sd-search-box{
    position:relative;
    width:fit-content;
    max-width:100%;
}

.sd-search-box{
    position:relative;
}

#superdisco-results{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
}
.sd-more-results,
.sd-more-results:hover,
.sd-more-results:focus,
.sd-more-results:visited{

    color:#fff !important;
    text-decoration:none;

}
@media (max-width:768px){

    .sd-thumb{
        width:55px;
        height:55px;
        min-width:55px;
        flex:0 0 55px;
    }

    .sd-thumb-img{
        width:55px;
        height:55px;
    }

}
.sd-thumb{
    width:60px;
    height:60px;
    min-width:60px;
    flex:0 0 60px;
    overflow:hidden;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.sd-thumb-img{
    width:60px;
    height:60px;
    object-fit:cover;
    display:block;
    border-radius:10px;
}


.sd-search-result{
    display:flex;
    align-items:center;
    gap:10px;
}