/*
 * CREATOOLS // moro-album
 * Date : 27.09.2026 | Auteur : CREATOOLS | Version : 1.2.0
 * Styles propres au module : ils ne dépendent plus du user.css du template.
 */
.mod-moro-album [hidden] { display: none !important; }
.mod-moro-album .moro-album-controls { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.mod-moro-album .moro-album-controls .albumsaffiches { margin: 0 .5rem 0 0; }
.mod-moro-album ul.album { margin: 5px; padding: 1px; list-style: none; }
.mod-moro-album ul.album li { list-style: none; }
.mod-moro-album ul.albumelements { padding: 1px 1px 5px 10px; margin-left: 2px; }
.mod-moro-album .cus-main-moro-album { display: flex; flex-wrap: wrap; padding: 0; margin: 0 -15px; list-style: none; }
.mod-moro-album .cus-main-moro-album > li { flex: 0 0 100%; max-width: 100%; padding: 15px 15px 8px; overflow: hidden; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 4px 8px rgba(0, 0, 0, .1); background-color: var(--body-bg); display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.mod-moro-album .album-thumbnail { display: flex; flex-direction: column; width: 100%; align-items: center; }
.mod-moro-album .cus-main-moro-album > li img { max-width: 100%; width: 100%; height: 200px; object-fit: cover; display: block; margin: 0 auto; border-radius: 4px; border: 1px solid rgba(0, 0, 0, .7); }
.mod-moro-album .album-thumbnail a { display: block; width: 100%; }
.mod-moro-album .cus-main-moro-album h4 { font-size: .8em; text-align: center; padding: 10px; width: 100%; background: linear-gradient(to bottom, rgb(155 0 0 / 60%) 0%, rgb(155 4 4) 50%, rgb(155 0 0 / 60%) 100%); color: #fff; box-sizing: border-box; font-weight: normal; border-radius: 4px; margin-top: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); }
.mod-moro-album .album_titre_random { margin: .45rem 0 0; font-size: 1rem; line-height: 1.4; }
.mod-moro-album li.photo { display: inline-block; margin: 2px; }
.mod-moro-album .suite img { max-height: 500px; max-width: 100%; }
.mod-moro-album .premiere img { cursor: pointer; max-height: 150px; max-width: 100%; }
@media (min-width: 576px) { .mod-moro-album .cus-main-moro-album > li { flex-basis: 50%; max-width: 50%; } }
@media (min-width: 992px) { .mod-moro-album .cus-main-moro-album > li { flex-basis: 33.333333%; max-width: 33.333333%; } }
@media (min-width: 1346px) { .mod-moro-album .cus-main-moro-album > li { flex-basis: 25%; max-width: 25%; } }
@media (max-width: 575px) { .mod-moro-album .moro-album-controls .albumsaffiches { width: 100%; } }