.zibll-enhanced-widget {
margin: 15px 0;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.zibll-enhanced-widget.has-border {
border: 1px solid #eaeaea;
border-radius: 8px;
}
.zibll-enhanced-widget.no-border {
border: none;
}
.zibll-enhanced-widget:hover {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.zibll-enhanced-widget .widget-subtitle {
font-size: 18px;
font-weight: 600;
color: #333;
margin: 0 0 12px 0;
padding-bottom: 10px;
border-bottom: 2px solid #f0f0f0;
}
.zibll-enhanced-widget .widget-content {
font-size: 15px;
line-height: 1.6;
color: #555;
}
.zibll-enhanced-widget .widget-content p {
margin: 0 0 10px 0;
}
.zibll-enhanced-widget .widget-content p:last-child {
margin-bottom: 0;
} @media (max-width: 768px) {
.zibll-enhanced-widget {
padding: 15px;
margin: 10px 0;
}
.zibll-enhanced-widget .widget-subtitle {
font-size: 16px;
}
} .hidden-box:not(.show) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
text-align: center !important;
padding: 20px !important;
min-height: 80px !important;
border: 1px dashed var(--focus-color) !important;
border-radius: var(--main-radius) !important;
position: relative !important;
margin: 20px 0 !important;
}
.hidden-box:not(.show) i {
color: var(--focus-color) !important;
margin-right: 5px !important;
}
.hidden-box:not(.show) .hidden-text,
.hidden-box:not(.show) span.hidden-text {
color: var(--focus-color) !important;
display: inline !important;
padding: 0 !important;
text-align: center !important;
background: transparent !important;
border: none !important;
position: static !important;
width: auto !important;
font-size: 16px !important;
}
.hidden-box:not(.show) a {
color: var(--focus-color) !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
font-size: 16px !important;
}
.hidden-box:not(.show) a:hover {
color: var(--focus-color) !important;
opacity: 0.8 !important;
}
.hidden-box:not(.show) a.pay-vip {
color: var(--focus-color) !important;
margin-left: 5px !important;
}
.hidden-box:not(.show) a.signin-loader {
color: var(--focus-color) !important;
}