@charset "UTF-8";
/**
 * tune.scss — charte d'actusport.info pour le skin commun "noise".
 *
 * Seul fichier où actusport.info diffère d'actusport.fr et de
 * sport-viennois.info : noise.scss est identique sur les trois sites,
 * c'est ici que se joue l'identité.
 * Structure calquée sur skins/svi/tune.scss (le gabarit de référence).
 *
 * ATTENTION : ces variables ne sont PAS exploitables dans les layouts Yacs.
 * Pour respecter la charte dans un layout, redéclarer les variables nécessaires
 * en tête du fichier SCSS du layout concerné.
 *
 * Charte : vert #12805A + ardoise #17313A. Identité autonome, choisie pour
 * distinguer nettement les trois sites — actusport.fr est orange,
 * sport-viennois bleu. Contrastes vérifiés WCAG AA sur le fond #FAFCFB.
 *
 * @skin    noise
 * @author  Christian Loubechine
 * @license GNU Lesser General Public License
 */
:root{--lac-color-date-from:#B4600F;--lac-color-date-to:#8C4510;--lac-color-date-text:#FFFFFF;--lac-color-title:#17313A;--lac-color-title-hover:#A8560F;--lac-color-card-back:#FFFFFF;--lac-color-tag-sport:#A8560F;--lac-color-tag-region:#17313A;--lac-color-focus:#0B6045;--lac-radius:1.2rem}.lac-wrapper{display:block;margin:2rem 0}.lac-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;margin:0;padding:0;list-style:none}.lac-list li{list-style:none;background-image:none}.lac-list li::before{content:none}.lac-event{display:flex}.lac-card{display:flex;flex-direction:column;width:100%;background:var(--lac-color-card-back);border-radius:var(--lac-radius);overflow:hidden;text-decoration:none;box-shadow:0 .2rem .8rem rgba(0,0,0,.08);transition:transform 0.25s ease,box-shadow 0.25s ease}.lac-card:hover,.lac-card:focus{transform:translateY(-.4rem);box-shadow:0 1rem 2.4rem rgba(0,0,0,.16);text-decoration:none;background:var(--lac-color-card-back)}.lac-card:focus{outline:.3rem solid var(--lac-color-focus);outline-offset:.2rem}.lac-media{width:100%;aspect-ratio:1.7777777778;overflow:hidden;background:#F0EDE8}.lac-media img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform 0.35s ease}.lac-card:hover .lac-media img{transform:scale(1.06)}.lac-media-empty{--lac-tint:#0B6045;background-color:var(--lac-tint);background-image:linear-gradient(135deg,rgba(255,255,255,.18),rgba(0,0,0,.22)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:center,center;background-size:cover,3rem 3rem}.lac-date{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.7rem .5rem;background:linear-gradient(135deg,var(--lac-color-date-from),var(--lac-color-date-to));color:var(--lac-color-date-text);text-align:center;line-height:1.1}.lac-day,.lac-month{display:block;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.lac-num{display:block;font-size:2.6rem;font-weight:800;line-height:1;margin:.2rem 0}.lac-date-range{flex-direction:column}.lac-date-range .lac-range-from,.lac-date-range .lac-range-to{display:block;font-size:1.5rem;font-weight:800;text-transform:uppercase}.lac-date-range sup{font-size:.7em;vertical-align:super;line-height:0}.lac-date-range .lac-range-sep{display:block;font-size:1.1rem;font-weight:600;opacity:.85}.lac-body{display:flex;flex-direction:column;flex-grow:1;gap:.6rem;padding:1.2rem 1.4rem 1.4rem}.lac-title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;text-align:left;text-transform:none;min-height:unset;color:var(--lac-color-title)}.lac-card:hover .lac-title,.lac-card:focus .lac-title{color:var(--lac-color-title-hover)}.lac-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:auto 0 0}.lac-tag{display:inline-block;padding:.2rem .8rem;border-radius:999rem;background:var(--lac-color-tag-sport);color:#FFF;font-size:1rem;font-weight:700;line-height:1.5;text-transform:uppercase;letter-spacing:.03em}.lac-tag-region{background:var(--lac-color-tag-region)}@media (max-width:64rem){.lac-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:40rem){.lac-list{grid-template-columns:1fr;gap:1.2rem}.lac-card{flex-direction:row;align-items:stretch}.lac-media{flex:0 0 30%;aspect-ratio:1}.lac-date{flex:0 0 7rem}.lac-num{font-size:2.2rem}}