/* ================= ADMIN PANEL ================= */

.wrap h1{
font-size:22px;
margin-bottom:20px;
}

.wrap h2{
margin-top:25px;
font-size:18px;
border-left:4px solid #2271b1;
padding-left:10px;
}

/* Container rows */
.sadi-row{
display:flex;
flex-wrap:wrap;
gap:12px;
margin:15px 0 25px;
}

/* Checkbox cards */
.sadi-item{
display:flex;
align-items:center;
gap:8px;
padding:10px 14px;
background:#ffffff;
border:1px solid #e5e7eb;
border-radius:10px;
cursor:pointer;
transition:all 0.25s ease;
box-shadow:0 2px 6px rgba(0,0,0,0.04);
font-size:14px;
}

/* Hover effect */
.sadi-item:hover{
transform:translateY(-2px);
box-shadow:0 6px 14px rgba(0,0,0,0.08);
border-color:#cbd5e1;
background:#f9fafb;
}

/* Checkbox styling */
.sadi-item input{
transform:scale(1.1);
accent-color:#2271b1;
}

/* Select dropdown */
select[name="sadi_floating"]{
padding:8px 12px;
border-radius:8px;
border:1px solid #ccc;
font-size:14px;
background:#fff;
cursor:pointer;
}

/* Button styling */
.button.button-secondary{
margin-top:10px;
border-radius:8px;
padding:6px 14px;
transition:0.2s;
}

.button.button-secondary:hover{
background:#dc3232;
color:#fff;
border-color:#dc3232;
}

/* ================= CHART CONTAINER ================= */

#sadiChart{
background:#fff;
padding:15px;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

/* ================= FRONTEND SOCIAL ================= */

.social-share{
display:flex;
gap:12px;
justify-content:center;
margin:20px 0;
}

.social-icon{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:10px;
color:#fff;
text-decoration:none;
font-size:17px;
transition:all 0.3s ease;
}

/* Hover animation */
.social-icon:hover{
transform:translateY(-4px) scale(1.15);
box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

/* Colors */
.facebook{background:#3b5998;}
.twitter{background:#1da1f2;}
.linkedin{background:#0077b5;}
.whatsapp{background:#25d366;}
.viber{background:#665cac;}

/* ================= FLOATING ================= */

.sadi-floating{
position:fixed;
top:40%;
z-index:9999;
}

.sadi-floating.left{left:15px;}
.sadi-floating.right{right:15px;}

.sadi-floating .social-share{
flex-direction:column;
}

/* Floating buttons spacing */
.sadi-floating .social-icon{
margin-bottom:8px;
}