// Styles spécifiques aux annonces/événements (layout) // --- Carte événement sport --- .spo-evenement{margin-bottom:1.8rem;padding:1.2rem 1rem .9rem 1rem;border:.25rem solid $sport-accent;border-radius:1.4rem;background:linear-gradient(120deg,$sport-light 85%,rgba($sport-accent2,.09));box-shadow:0 2px 1.8rem rgba($sport-accent2,.13),0 .15rem 0 $sport-accent inset;position:relative;transition:box-shadow 0.18s,border-color 0.18s;min-height:18rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;&:hover{box-shadow:0 .8rem 3.2rem rgba($sport-accent2,.19),0 .15rem 0 $sport-green inset;border-color:$sport-green;background:linear-gradient(110deg,$sport-light 70%,rgba($sport-green,.09))}}.spo-partiel{height:20rem;margin-bottom:.7rem}@media (max-width:60rem){.spo-partiel{height:13.5rem}}.spo-ht-zoom{position:relative;display:block;border-radius:1rem;overflow:hidden;height:100%}.spo-ht-zoom>a{display:block;height:100%;position:relative}.spo-ht-zoom>a>img{transition:0.3s cubic-bezier(.35,1.35,.5,1.05);width:100%;height:100%;object-fit:cover;border-radius:1rem;border:.2rem solid $sport-accent2;box-shadow:0 2px 1rem rgba($sport-dark,.09);background:#E8E6E3}.spo-ht-zoom>a>img:hover{transform:scale(1.08) rotate(-1.5deg);opacity:.92;border-color:$sport-green;box-shadow:0 .7rem 3.2rem rgba($sport-accent,.15)}// Slogan texte sur image (affiché en surcouche,pas sur le <a>) .spo-ht-slogan{position:absolute;top:10%;left:0;width:100%;text-align:center;color:#fff!important;text-shadow:1px 1px 7px #333,0 2px 12px $sport-accent2;font-weight:700;font-size:1.2rem;letter-spacing:.02em;pointer-events:none;z-index:2}@media (max-width:60rem){.spo-ht-slogan{font-size:.95rem}}// --- Titres et textes --- .spo-evenement h2{display:block;font-family:Raleway,'Exo2',Arial,sans-serif;font-size:1.8rem;color:$sport-red;min-height:4.4rem;text-align:center;position:relative;vertical-align:middle;margin:.7em 0 .4em 0;letter-spacing:.05em;text-transform:uppercase;font-weight:900;border-bottom:.3rem solid $sport-accent;padding-bottom:.2em;line-height:1.15}.spo-evenement h2 a{color:$sport-red;text-decoration:none;transition:color 0.15s;&:hover{color:$sport-green}}.spo-evenement h3{color:$sport-accent2;font-size:1.45rem;margin-top:.5em;margin-bottom:.3em}@media (max-width:60rem){.spo-evenement h2{font-size:1.3rem;min-height:unset}.spo-evenement h3{font-size:1.1rem}}// --- Badge date --- .spo-ht-date-button{background:$sport-dark;color:#eee;padding:.5rem 1.8rem;border-radius:3.2rem;position:relative;text-align:center;margin:.7rem auto 1.3rem auto;display:block;font-size:1.4rem;letter-spacing:.04em;font-weight:700;box-shadow:0 .15rem 0 $sport-accent2 inset;border:.2rem solid $sport-accent2;transition:background 0.16s,color 0.16s,border 0.16s;max-width:max-content;@media (max-width:60rem){font-size:1.1rem;padding:.5rem 1rem}&:hover{background:$sport-accent;color:$sport-light;border-color:$sport-green}}.dateDebut{margin:0!important;padding:0}// --- Divers pour meilleure lisibilité sur mobile --- #cover_article{background:linear-gradient(100deg,$sport-light 60%,rgba($sport-accent2,.09));border-radius:1.8rem;box-shadow:0 3px 2.4rem rgba($sport-accent2,.08);padding:2rem .7rem 1.1rem .7rem;margin-bottom:2em;position:relative}@media (max-width:60rem){#cover_article{padding:.8em .15em;border-radius:1rem}}