/*
=====================================
FULL PAGE OVERRIDE
=====================================
*/

html,
body{

margin:0!important;
padding:0!important;
width:100%;
overflow-x:hidden;

}

/*
Kill theme wrappers
*/

.page-template-default .site,
.page-template-default .site-content,
.site-content,
.site-main,
.content-area,
.entry-content,
.page-content{

margin:0!important;
padding:0!important;
width:100%!important;
max-width:100%!important;
max-width:100%!important;

}

.entry-header,
.page-header,
.entry-title,
.page-title{

display:none!important;

}

/*
=====================================
LOGIN PAGE
=====================================
*/

.wdsd-login-wrap{

display:flex;
justify-content:center;
align-items:center;

min-height:100vh;

padding:20px;

box-sizing:border-box;

background:#f5f5f5;

}

.wdsd-login-card{

width:420px;
max-width:100%;

background:#fff;

padding:35px;

border-radius:24px;

box-shadow:
0 10px 30px rgba(
0,
0,
0,
0.08
);

}

.wdsd-logo{

text-align:center;
margin-bottom:25px;

}

.wdsd-logo img{

width:120px;
height:auto;

}

.wdsd-logo h2{

margin:10px 0 0;
font-size:24px;

}

/*
Inputs
*/

.login-username,
.login-password{

margin-bottom:20px;

}

.login-username input,
.login-password input{

width:100%!important;

padding:14px;

border:1px solid #ddd;

border-radius:12px;

box-sizing:border-box;

}

#wp-submit{

width:100%;

padding:14px;

border:none;

border-radius:12px;

background:#F7C600;

font-weight:700;

cursor:pointer;

}

/*
=====================================
DASHBOARD
=====================================
*/

.wdsd-container{

display:flex;

width:100%;

min-height:100vh;

background:#f5f5f5;

}

/*
Sidebar
*/

.wdsd-sidebar{

width:260px;

background:#fff;

padding:25px;

box-sizing:border-box;

flex-shrink:0;

box-shadow:
2px 0 15px rgba(
0,
0,
0,
0.05
);

}

.wdsd-menu{

margin-top:25px;

}

.wdsd-menu a{

display:block;

padding:14px;

margin-bottom:10px;

border-radius:12px;

text-decoration:none;

color:#333;

font-weight:600;

}

.wdsd-menu a:hover{
background:#F7C600;

}

/*
Content
*/

.wdsd-content{
flex:1;
padding:25px;
box-sizing:border-box;
}

.wdsd-card{
	background:#fff;
	padding:10px;
	border-radius:20px;
	width:100%;
	box-sizing:border-box;
	box-shadow:
	0 5px 20px rgba(
	0,
	0,
	0,
	0.05
	);
}

/*
=====================================
MOBILE
=====================================
*/

@media(max-width:768px){

.wdsd-container{

flex-direction:column;

}

.wdsd-sidebar{

width:100%;

}

}

/*
=====================================
FULLSCREEN LOGIN
=====================================
*/

.wdsd-login-page{

position:fixed;

top:0;
left:0;

width:100vw;
height:100vh;

display:flex;

justify-content:center;
align-items:center;

background:#f5f5f5;

z-index:99999999;

}

.wdsd-login-card{

width:420px;
max-width:90%;

background:#fff;

padding:40px;

border-radius:24px;

box-shadow:
0 20px 60px rgba(
0,
0,
0,
0.08
);

margin:0!important;

}

.wdsd-logo{

text-align:center;
margin-bottom:30px;

}

.wdsd-logo img{

width:120px;
height:auto;

}

.wdsd-logo p{

margin-top:10px;
color:#777;

}

.login-username,
.login-password{

margin-bottom:20px;

}

.login-username input,
.login-password input{

width:100%!important;

padding:14px;

border-radius:12px;

border:1px solid #ddd;

box-sizing:border-box;

}

#wp-submit{

width:100%;

padding:14px;

border:none;

border-radius:12px;

background:#F7C600;

font-weight:700;

cursor:pointer;

}
.wdsd-view-order{

display:inline-block;

padding:8px 14px;

background:#fff0f0;

border:1px solid #ff4d4f;

border-radius:8px;

font-weight:700;

color:#d10000!important;

text-decoration:none!important;

transition:.2s;

}

.wdsd-view-order:hover{

transform:translateY(-1px);

background:#ffe5e5;

}