section {
display: flex;
flex-flow: wrap-reverse;
}
p {
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
}
body {
overflow-x: hidden;
}
figure img {
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
figure img:hover {
opacity: 0.8;
transition: all .3s linear;
}
.card-style {
display: flex;
flex-direction: column;
height: 100%;
}
.card {
display: flex;
flex-direction: column;
height: 100%;
}
.card-body {
flex-grow: 1; /* Permet à la partie contenu de s'étendre */
display: flex;
flex-direction: column;
justify-content: space-between;
}
.account-links .link-item, .address, .block-categories, .card, .card-block, .left-column .search_filters, .page-wrapper {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: none !important;
}
.card-title:hover {
color: #e4051f; /* Changement de couleur au survol */
}
.card-title:hover, .card-link:hover {
color: #e4051f; /* Changement de couleur au survol */
}
.card {
border-radius: 20px;
background: #fff;
padding: 1rem;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important; /* ✅ Ombre derrière la carte */
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
text-align: center;
overflow: hidden;
}
.card:hover {
transform: translateY(-8px);
box-shadow: 0 25px 40px rgba(0, 0, 0, 0.2) !important; /* ✅ Ombre plus forte au hover */
}
.card-img-top {
height: 300px;
object-fit: contain;
border-radius: 12px;
transition: transform 0.3s ease, opacity 0.3s ease !important;
}
.card:hover .card-img-top {
transform: scale(1.05);
opacity: 0.95;
}
.card-title {
font-size: 1.3rem;
font-weight: bold;
color: #333;
margin-bottom: 0.4rem;
}
.card-subtitle {
color: #e4051f;
font-size: 1rem;
}
.card-body {
padding: 1rem;
}
A2cim
