.mon-slider-en-solde-container {
padding: 0 40px;
position: relative;
} .mon-slider-en-solde-item {
padding: 10px;
background-color: #fff;
border: 1px solid #f0f0f0;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
position: relative;
} .mon-slider-en-solde-container .slick-list {
margin: 0 -15px;
} .mon-slider-en-solde-container .slick-slide {
padding: 0 15px;
} .mon-slider-en-solde-item img {
height: 300px;
width: 100%;
object-fit: cover;
margin-top: 10px; } .mon-slider-en-solde-container .slick-prev,
.mon-slider-en-solde-container .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
width: 30px;
height: 30px;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
z-index: 10;
}
.mon-slider-en-solde-container .slick-prev:before,
.mon-slider-en-solde-container .slick-next:before {
font-family: 'slick';
font-size: 30px;
line-height: 1;
color: #000;
opacity: 0.75;
}
.mon-slider-en-solde-container .slick-prev {
left: 0px;
}
.mon-slider-en-solde-container .slick-next {
right: 0px;
} .mon-slider-en-solde-container .slick-dots {
position: absolute;
bottom: -40px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.mon-slider-en-solde-container .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.mon-slider-en-solde-container .slick-dots li button:before {
font-family: 'slick';
font-size: 10px;
line-height: 20px;
content: '•';
color: #ccc;
opacity: 1;
}
.mon-slider-en-solde-container .slick-dots li.slick-active button:before {
color: #000;
} .mon-slider-en-solde-item h3 {
min-height: 40px;
font-size: 14px;
margin: 10px 0;
line-height: 1.2em;
}
.mon-slider-en-solde-item .product-prices {
min-height: 20px;
margin: 0;
} .mon-slider-en-solde-item .promo-badge {
position: absolute;
top: 10px;
right: 10px;
background-color: #d8c2c7;
color: #fff;
padding: 8px 15px;
font-size: 14px;
font-weight: bold;
border-radius: 5px;
text-transform: uppercase;
z-index: 10;
} .mon-slider-en-solde-item .product-prices del {
color: #aaa;
font-weight: normal;
}
.mon-slider-en-solde-item .product-prices ins {
color: #E57373;
font-weight: bold;
text-decoration: none;
}.mon-slider-title-input {
width: 100%; padding: 15px 12px; margin-bottom: 20px;
font-size: 1.6em; line-height: 1.2;
border: 1px solid #c3c4c7;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.mon-slider-title-input:focus {
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
outline: none;
} .mon-slider-header-bar {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #5d346e; color: #fff;
padding: 15px 20px;
border-radius: 4px;
margin-bottom: 20px;
}
.mon-slider-header-left {
display: flex;
align-items: center;
font-size: 1.2em;
font-weight: bold;
}
.mon-slider-header-left .dashicons {
color: #fff;
font-size: 24px;
margin-right: 10px;
}
.mon-slider-header-right {
display: flex;
align-items: center;
}
.mon-slider-header-right .dashicons {
color: #fff;
font-size: 20px; margin-right: 5px;
}
.mon-slider-header-right .mon-slider-support-text {
color: #fff;
font-size: 1em;
font-weight: normal;
} .mon-slider-flex-container {
display: flex;
gap: 20px;
}
.mon-slider-main-content {
flex-grow: 1;
width: 70%; }
.mon-slider-sidebar {
width: 30%; } .mon-slider-admin-form .postbox {
margin-bottom: 20px;
} .mon-slider-layout-preset {
display: flex;
gap: 20px;
}
.mon-slider-preset-item {
position: relative; padding: 15px;
border: 1px solid #ddd;
border-radius: 5px;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
background-color: #f7f3f4; flex: 0 0 calc(25% - 15px); }
.mon-slider-preset-item.active,
.mon-slider-preset-item:hover {
border-color: #d8c2c7; box-shadow: 0 0 5px rgba(216, 194, 199, 0.5);
background-color: #fff;
}
.mon-slider-preset-item img {
max-width: 100%;
height: auto;
display: block;
margin-bottom: 10px;
border: 1px solid #eee; }
.mon-slider-preset-item input[type="radio"] {
display: none;
}
.mon-slider-preset-item span {
font-weight: bold;
color: #555;
} .mon-slider-active-icon {
position: absolute;
top: 5px;
right: 5px;
color: #007cba; font-size: 24px;
background-color: #fff;
border-radius: 50%;
line-height: 1; padding: 2px;
} .mon-slider-admin-form .form-table {
width: 100%;
}
.mon-slider-admin-form .form-table th {
font-weight: normal;
} .mon-slider-sidebar .postbox {
background-color: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.mon-slider-sidebar h3.hndle {
font-size: 16px;
line-height: 1.4;
padding: 10px 15px;
margin: 0;
border-bottom: 1px solid #e5e5e5;
background-color: #f3f3f3;
}
.mon-slider-sidebar .inside {
padding: 15px;
}