/* Scoped container styling so it fits into any part of your page */
.nanyuki-maintenance-widget {
width: 100%;
max-width: 500px; /* Adjust this width to fit your layout section */
margin: 20px auto;
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
overflow: hidden;
font-family: 'Poppins', sans-serif;
text-align: center;
}
.nanyuki-maintenance-widget .widget-image-container {
position: relative;
width: 100%;
height: 180px;
background-color: #f0f0f0;
}
.nanyuki-maintenance-widget .widget-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.nanyuki-maintenance-widget .widget-content {
padding: 25px 20px;
}
.nanyuki-maintenance-widget .widget-badge {
display: inline-block;
background-color: rgba(46, 125, 50, 0.1);
color: #2e7d32;
font-size: 0.75rem;
font-weight: 600;
padding: 4px 12px;
border-radius: 50px;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
.nanyuki-maintenance-widget h3 {
font-size: 1.25rem;
color: #222222;
margin-bottom: 10px;
font-weight: 600;
}
.nanyuki-maintenance-widget p {
color: #666666;
font-size: 0.9rem;
line-height: 1.5;
margin-bottom: 20px;
}
.nanyuki-maintenance-widget .widget-link {
display: inline-block;
background-color: #2e7d32;
color: #ffffff;
text-decoration: none;
font-size: 0.85rem;
font-weight: 500;
padding: 10px 22px;
border-radius: 6px;
transition: background-color 0.2s ease;
}
.nanyuki-maintenance-widget .widget-link:hover {
background-color: #1b5e20;
}
