/* Sam Wind 13.1.0 — parcours clair, ordinateur et smartphone */
:root{
  --sam-clear-safe:#70e78b;
  --sam-clear-caution:#ffc65f;
  --sam-clear-blocked:#ff6678;
  --sam-clear-neutral:#70dbea;
}

.sam-wind-clear{
  position:absolute;
  z-index:820;
  left:18px;
  bottom:16px;
  width:min(570px,calc(100% - 112px));
  padding:13px 14px 12px;
  border:1px solid rgba(133,211,228,.34);
  border-radius:17px;
  background:#061e2c;
  box-shadow:0 18px 46px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05);
  color:#f4fbfd;
  overflow:hidden;
}
.sam-wind-clear::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#19d9f1,#70e78b);
}
.sam-clear-head{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:9px}
.sam-clear-spot{flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.sam-clear-spot span{display:block;color:#74e4f1;font-size:8px;font-weight:950;letter-spacing:.12em}
.sam-clear-spot strong{display:block;margin-top:2px;overflow:hidden;color:#fff;font-size:20px;font-weight:950;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}
.sam-clear-spot small{display:block;margin-top:3px;overflow:hidden;color:#9fb5bd;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.sam-clear-favorite{flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#0a2a3a;color:#b7cbd1;font-size:22px;cursor:pointer}
.sam-clear-favorite.active{border-color:rgba(255,211,76,.56);background:#342d13;color:#ffd34c}

.sam-clear-main{display:grid;grid-template-columns:145px minmax(0,.82fr) minmax(190px,1.18fr);gap:8px;align-items:stretch}
.sam-clear-speed,.sam-clear-reading,.sam-clear-status{min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#082635}
.sam-clear-speed{position:relative;display:flex;align-items:center;justify-content:center;min-height:76px;padding:8px 8px 7px;border-color:rgba(25,217,241,.32);background:linear-gradient(145deg,#0a3444,#061e2d)}
.sam-clear-speed>strong{font-size:54px;font-weight:1000;line-height:.9;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.sam-clear-speed>div{display:flex;flex-direction:column;align-items:flex-start;margin-left:7px}
.sam-clear-speed b{font-size:11px;line-height:1}.sam-clear-speed small{margin-top:5px;color:#8fe9f2;font-size:8px;font-weight:900}
.sam-clear-arrow{position:absolute;left:8px;top:8px;color:#72edf8;font-size:16px;line-height:1;transform:rotate(var(--angle,0deg));filter:drop-shadow(0 0 7px rgba(25,217,241,.5))}
.sam-clear-reading{display:flex;flex-direction:column;justify-content:center;padding:9px 10px}
.sam-clear-reading span,.sam-clear-status span{color:#8fa8b1;font-size:7px;font-weight:950;letter-spacing:.1em}
.sam-clear-reading strong{display:block;margin:5px 0 4px;overflow:hidden;font-size:15px;font-weight:950;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.sam-clear-reading small{color:#b5c7cd;font-size:9px;line-height:1.2}
.sam-clear-status{display:grid;grid-template-columns:12px minmax(0,1fr);gap:8px;align-items:center;padding:9px 11px;background:#092635}
.sam-clear-status i{width:10px;height:10px;border-radius:50%;background:var(--sam-clear-neutral);box-shadow:0 0 0 4px rgba(112,219,234,.11)}
.sam-clear-status strong{display:block;margin:3px 0 2px;color:#c7f4f8;font-size:14px;font-weight:950;line-height:1.1}
.sam-clear-status small{display:block;overflow:hidden;color:#d9e7ea;font-size:9px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.sam-clear-status em{display:block;margin-top:4px;overflow:hidden;color:#92aab2;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.sam-clear-status.safe i{background:var(--sam-clear-safe);box-shadow:0 0 0 4px rgba(112,231,139,.12)}
.sam-clear-status.caution i{background:var(--sam-clear-caution);box-shadow:0 0 0 4px rgba(255,198,95,.12)}
.sam-clear-status.blocked i{background:var(--sam-clear-blocked);box-shadow:0 0 0 4px rgba(255,102,120,.12)}
.sam-clear-status.safe strong{color:#baf5c7}.sam-clear-status.caution strong{color:#ffd891}.sam-clear-status.blocked strong{color:#ffadb7}

.sam-clear-trend{display:grid;grid-template-columns:94px minmax(0,1fr);gap:7px;align-items:center;margin-top:8px}
.sam-clear-trend-title{color:#8da7b0;font-size:7px;font-weight:950;letter-spacing:.1em}
.sam-clear-hours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-width:0}
.sam-clear-hour{min-width:0;min-height:42px;padding:5px 4px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#082330;color:#edf8fa;text-align:center;cursor:pointer}
.sam-clear-hour time,.sam-clear-hour small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sam-clear-hour time{color:#9bb0b7;font-size:7px}.sam-clear-hour strong{display:block;margin:2px 0;font-size:12px;font-weight:950}.sam-clear-hour small{color:#b8cbd1;font-size:7px}
.sam-clear-hour.safe{border-bottom:2px solid var(--sam-clear-safe)}.sam-clear-hour.caution{border-bottom:2px solid var(--sam-clear-caution)}.sam-clear-hour.blocked{border-bottom:2px solid var(--sam-clear-blocked)}
.sam-clear-hour-empty{grid-column:1/-1;padding:9px;border:1px dashed rgba(255,255,255,.13);border-radius:9px;color:#91a8b0;font-size:8px;text-align:center}

.sam-clear-actions{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:6px;margin-top:8px}
.sam-clear-actions button{min-width:0;min-height:35px;padding:6px 8px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:#0a2a39;color:#eaf6f8;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}
.sam-clear-actions .sam-clear-primary{border-color:rgba(25,217,241,.58);background:#0b5062;color:#fff}
.sam-clear-actions button:hover,.sam-clear-actions button:focus-visible{border-color:rgba(25,217,241,.7);outline:0;background:#0c3a49}
.sam-clear-help{display:none;margin:7px 0 0;color:#a6bac1;font-size:8px;line-height:1.25}
.sam-clear-help b{color:#73e7f3}

.sam-wind-clear-guide{display:none}
.sam-clear-time-hint{display:none}

/* Le panneau doit rester opaque et ne plus se mélanger avec la légende placée dessous. */
body.sam-clear-ready .map-legend-compact{left:auto!important;right:74px!important;bottom:14px!important;max-width:320px!important}
body.sam-clear-ready>.privacy-note,
body.sam-clear-ready>.mobile-spot-guide,
body.sam-clear-ready>footer{display:none!important}
body.sam-clear-ready .map-best-card-data{display:none!important}
body.sam-clear-ready .spot-detail-head>div:first-child>small{font-size:0!important}
body.sam-clear-ready .spot-detail-head>div:first-child>small::after{content:"INFORMATIONS DU SPOT";font-size:8px!important}
body.sam-clear-ready .spot-detail-grab::after{content:"Plus d’informations";position:absolute;left:50%;top:10px;transform:translateX(-50%);color:#9bb0b7;font-size:7px;font-weight:900;white-space:nowrap}
body.sam-clear-ready .spot-detail-drawer.expanded .spot-detail-grab::after{content:"Réduire"}
body.spot-list-open .sam-wind-clear,
body.sheet-open .sam-wind-clear,
body.modal-open .sam-wind-clear,
body.map-controls-expanded .sam-wind-clear,
body.spot-list-open .sam-wind-clear-guide,
body.sheet-open .sam-wind-clear-guide,
body.modal-open .sam-wind-clear-guide,
body.map-controls-expanded .sam-wind-clear-guide{visibility:hidden!important;pointer-events:none!important}

@media(min-width:1101px){
  body.sam-clear-ready .topbar-settings.filter-discovery{left:20px!important;right:auto!important}
  body.sam-clear-ready .map-sector-filter{left:265px!important;right:14px!important;max-width:none!important}
}

@media(max-width:1100px) and (min-width:701px){
  .sam-wind-clear{left:12px;bottom:12px;width:min(530px,calc(100% - 90px))}
  .sam-clear-main{grid-template-columns:132px minmax(0,.8fr) minmax(175px,1.2fr)}
  .sam-clear-speed>strong{font-size:49px}
  body.sam-clear-ready .map-legend-compact{display:none!important}
}

@media(max-width:700px){
  .sam-wind-clear{
    z-index:830;
    left:8px;
    right:8px;
    bottom:7px;
    width:auto;
    padding:9px 10px 8px;
    border-radius:15px;
    background:#061e2c;
    box-shadow:0 14px 34px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.04);
  }
  .sam-clear-head{margin-bottom:5px}
  .sam-clear-spot span{font-size:7px}.sam-clear-spot strong{font-size:17px}.sam-clear-spot small{margin-top:2px;font-size:8px}
  .sam-clear-favorite{flex-basis:34px;width:34px;height:34px;border-radius:10px;font-size:20px}
  .sam-clear-main{grid-template-columns:100px minmax(0,1fr);grid-template-areas:"speed reading" "speed status";gap:5px}
  .sam-clear-speed{grid-area:speed;min-height:76px;padding:5px}
  .sam-clear-speed>strong{font-size:43px}.sam-clear-speed>div{margin-left:5px}.sam-clear-speed b{font-size:9px}.sam-clear-speed small{font-size:7px}
  .sam-clear-arrow{left:6px;top:6px;font-size:13px}
  .sam-clear-reading{grid-area:reading;min-height:35px;padding:4px 8px}
  .sam-clear-reading span{font-size:6px}.sam-clear-reading strong{margin:2px 0 1px;font-size:12px}.sam-clear-reading small{font-size:8px}
  .sam-clear-status{grid-area:status;min-height:36px;padding:4px 8px;grid-template-columns:9px minmax(0,1fr);gap:6px}
  .sam-clear-status i{width:8px;height:8px}.sam-clear-status span{display:none}.sam-clear-status strong{display:inline;margin:0;font-size:11px}.sam-clear-status small{display:inline;margin-left:5px;font-size:7.5px}.sam-clear-status em{display:none}
  .sam-clear-trend{display:none}
  .sam-clear-actions{grid-template-columns:1.25fr 1fr;margin-top:5px;gap:5px}
  .sam-clear-actions button{min-height:31px;padding:4px 5px;font-size:8.5px}
  .sam-clear-change{display:none}
  .sam-clear-help{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .sam-wind-clear-guide{
    position:absolute;
    z-index:840;
    top:58px;
    left:8px;
    right:8px;
    display:block;
    padding:10px 34px 10px 11px;
    border:1px solid rgba(25,217,241,.48);
    border-radius:13px;
    background:#072838;
    box-shadow:0 14px 34px rgba(0,0,0,.42);
    color:#f1fbfd;
  }
  .sam-wind-clear-guide[hidden]{display:none!important}
  .sam-wind-clear-guide>strong{display:block;color:#7ceaf4;font-size:11px;font-weight:950}
  .sam-wind-clear-guide>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}
  .sam-wind-clear-guide span{display:flex;align-items:center;gap:5px;min-width:0;color:#dcebed;font-size:8px;font-weight:800;line-height:1.15}
  .sam-wind-clear-guide span b{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#0e6071;color:#fff;font-size:9px}
  .sam-clear-guide-close{position:absolute;right:5px;top:4px;width:28px;height:28px;border:0;background:transparent;color:#b8cbd0;font-size:20px;cursor:pointer}
  .sam-clear-time-hint{display:block;position:absolute;z-index:5;right:11px;top:29px;color:#72e6f1;font-size:7px;font-weight:900;pointer-events:none}

  body.sam-clear-ready .map-legend-compact{display:none!important}
  body.sam-clear-ready .spot-detail-panel{height:46dvh!important;min-height:310px!important}
  body.sam-clear-ready .spot-detail-drawer.expanded .spot-detail-panel{height:min(90dvh,900px)!important}
  body.sam-clear-ready .spot-detail-drawer:not(.expanded) .weather-summary,
  body.sam-clear-ready .spot-detail-drawer:not(.expanded) #spot-info,
  body.sam-clear-ready .spot-detail-drawer:not(.expanded) .spot-advice-card,
  body.sam-clear-ready .spot-detail-drawer:not(.expanded) .alert-card{display:none!important}
  body.sam-clear-ready .spot-detail-drawer:not(.expanded) .spot-detail-scroll{overflow:hidden!important}
  body.sam-clear-ready .spot-detail-drawer:not(.expanded) .selected-preview-card:nth-child(n+4){display:none!important}
}

@media(max-width:390px){
  .sam-wind-clear{left:6px;right:6px;bottom:5px;padding:8px}
  .sam-clear-main{grid-template-columns:90px minmax(0,1fr)}
  .sam-clear-speed>strong{font-size:38px}.sam-clear-speed b{font-size:8px}
  .sam-clear-reading strong{font-size:11px}.sam-clear-status strong{font-size:10px}.sam-clear-status small{font-size:7px}
  .sam-clear-help{font-size:7.2px}
  .sam-wind-clear-guide{left:6px;right:6px;padding-left:9px}
  .sam-wind-clear-guide span{font-size:7px}.sam-wind-clear-guide span b{flex-basis:16px;width:16px;height:16px}
}

@media(max-width:700px) and (orientation:landscape) and (max-height:520px){
  .sam-wind-clear{left:7px;right:auto;bottom:6px;width:min(390px,calc(100% - 76px))}
  .sam-clear-help{display:none}.sam-wind-clear-guide{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .sam-wind-clear *,.sam-wind-clear-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Sam Wind 13.2.0 — priorité à la carte sur smartphone */
@media(max-width:700px){
  :root{--sw-mobile-nav:66px;--sw-timeline:112px}

  /* L’aide occupait une grande partie de la carte. Le geste reste naturel et
     l’accès aux filtres reste visible sans superposer une seconde bannière. */
  .sam-wind-clear-guide{display:none!important}
  .sam-clear-time-hint{display:none!important}

  /* Filtres : un bouton compact, identifiable, sans halo permanent. */
  .topbar-settings.filter-discovery{
    top:calc(var(--sw-header) + 8px)!important;
    left:8px!important;
    width:auto!important;
    min-width:106px!important;
    height:36px!important;
    padding:0 10px!important;
    gap:6px!important;
    border-width:1px!important;
    border-color:rgba(255,216,61,.68)!important;
    border-radius:10px!important;
    box-shadow:0 5px 14px rgba(0,0,0,.34)!important;
    font-size:9px!important;
    letter-spacing:.01em!important;
  }
  .topbar-settings.filter-discovery::before{display:none!important}
  body.filter-onboarding .topbar-settings.filter-discovery{animation:none!important}
  .topbar-settings.filter-discovery:hover{transform:none!important;box-shadow:0 5px 14px rgba(0,0,0,.34)!important}
  .filter-gear{font-size:14px!important}
  .topbar-settings-text b{display:none!important}

  /* L’avis reste disponible dans la liste ouverte par ☰, mais ne surcharge
     plus l’en-tête principal du téléphone. */
  .map-top-actions .sw-feedback-header-button{display:none!important}
  .sam-mobile-feedback-entry{display:none}
  .spot-list-head .sam-mobile-feedback-entry{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:34px;
    padding:0 10px;
    border:1px solid rgba(25,217,241,.3);
    border-radius:9px;
    background:#0a2a39;
    color:#dffbfe;
    font-size:9px;
    font-weight:900;
    white-space:nowrap;
    cursor:pointer;
  }

  /* Résumé compact : une ligne de contexte et une ligne de données. */
  .sam-wind-clear{
    z-index:830;
    left:7px!important;
    right:7px!important;
    bottom:6px!important;
    width:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"head action" "main main"!important;
    gap:5px 7px!important;
    padding:7px 8px!important;
    border-radius:14px!important;
  }
  .sam-clear-head{
    grid-area:head;
    min-width:0;
    min-height:32px;
    margin:0!important;
  }
  .sam-clear-spot span{display:none!important}
  .sam-clear-spot strong{margin:0!important;font-size:16px!important;line-height:1!important}
  .sam-clear-spot small{max-width:230px;margin-top:3px!important;font-size:8px!important}
  .sam-clear-favorite{display:none!important}

  .sam-clear-main{
    grid-area:main;
    display:grid!important;
    grid-template-columns:72px 102px minmax(0,1fr)!important;
    grid-template-areas:"speed reading status"!important;
    gap:5px!important;
    min-height:46px!important;
  }
  .sam-clear-speed{
    grid-area:speed;
    min-height:46px!important;
    height:46px!important;
    justify-content:flex-start!important;
    padding:4px 5px!important;
    border-radius:10px!important;
  }
  .sam-clear-speed>strong{font-size:31px!important;line-height:.9!important}
  .sam-clear-speed>div{margin-left:4px!important}
  .sam-clear-speed b{font-size:8px!important}
  .sam-clear-speed small{margin-top:3px!important;font-size:6px!important}
  .sam-clear-arrow{left:4px!important;top:4px!important;font-size:10px!important}

  .sam-clear-reading{
    grid-area:reading;
    min-height:46px!important;
    height:46px!important;
    justify-content:center!important;
    padding:5px 7px!important;
    border-radius:10px!important;
  }
  .sam-clear-reading span{display:none!important}
  .sam-clear-reading strong{margin:0 0 3px!important;font-size:11px!important}
  .sam-clear-reading small{font-size:7.5px!important}

  .sam-clear-status{
    grid-area:status;
    min-height:46px!important;
    height:46px!important;
    grid-template-columns:8px minmax(0,1fr)!important;
    gap:6px!important;
    padding:5px 7px!important;
    border-radius:10px!important;
  }
  .sam-clear-status i{width:8px!important;height:8px!important}
  .sam-clear-status span,.sam-clear-status em{display:none!important}
  .sam-clear-status strong{display:block!important;margin:0 0 2px!important;font-size:10.5px!important}
  .sam-clear-status small{display:block!important;margin:0!important;font-size:7px!important}

  .sam-clear-trend,.sam-clear-help{display:none!important}
  .sam-clear-actions{
    grid-area:action;
    display:block!important;
    align-self:center;
    margin:0!important;
  }
  .sam-clear-actions button{display:none!important}
  .sam-clear-actions [data-clear-details]{
    display:block!important;
    width:70px!important;
    min-height:32px!important;
    padding:4px 7px!important;
    border-color:rgba(25,217,241,.48)!important;
    background:#0b5062!important;
    font-size:9px!important;
  }

  /* Une seule interface développée à la fois. */
  body.spot-detail-open .sam-wind-clear,
  body.spot-list-open .sam-wind-clear,
  body.sheet-open .sam-wind-clear,
  body.modal-open .sam-wind-clear,
  body.map-controls-expanded .sam-wind-clear{visibility:hidden!important;pointer-events:none!important}

  /* Chronologie resserrée : les heures restent tactiles sans prendre près
     d’un quart de l’écran. */
  .map-timeline-primary{
    height:var(--sw-timeline)!important;
    min-height:var(--sw-timeline)!important;
    max-height:var(--sw-timeline)!important;
    grid-template-rows:44px 68px!important;
  }
  .map-timeline-primary .map-timeline-head{
    height:44px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    padding:5px 9px!important;
  }
  .map-time-play{width:42px!important;height:36px!important;min-width:42px!important;min-height:36px!important}
  .map-time-copy strong{font-size:11px!important}
  .map-time-copy small{font-size:6px!important}
  .map-time-updated{display:none!important}
  .map-time-count{top:15px!important;right:10px!important;font-size:8px!important}
  .map-time-slots{
    height:68px!important;
    grid-template-columns:repeat(11,64px)!important;
    padding:5px 0 5px 6px!important;
  }
  .map-time-slots button{height:58px!important;min-height:58px!important;padding:6px!important}
  .map-time-slots button small{font-size:8px!important}
  .map-time-slots button span{margin-top:4px!important;padding-top:4px!important;font-size:6px!important}
  .map-time-scroll{width:36px!important;height:54px!important}

  .map-mobile-nav{height:var(--sw-mobile-nav)!important;min-height:var(--sw-mobile-nav)!important;max-height:var(--sw-mobile-nav)!important}
  .map-mobile-nav a,.map-mobile-nav button{height:var(--sw-mobile-nav)!important;min-height:var(--sw-mobile-nav)!important;padding:6px 2px 4px!important;font-size:17px!important}
  .map-mobile-nav small{margin-top:4px!important;font-size:8px!important}
}

@media(max-width:390px){
  .sam-clear-spot small{display:none!important}
  .sam-clear-main{grid-template-columns:66px 92px minmax(0,1fr)!important}
  .sam-clear-status small{display:none!important}
  .sam-clear-actions [data-clear-details]{width:64px!important;padding-inline:5px!important}
  .topbar-settings.filter-discovery{min-width:98px!important}
}

/* Verrou de priorité : certaines feuilles historiques utilisent des sélecteurs
   plus spécifiques et des min-height. */
@media(max-width:700px){
  .topbar-settings.filter-discovery{
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    box-sizing:border-box!important;
    padding:0 8px!important;
  }
  .topbar-settings.filter-discovery .topbar-settings-text{display:inline!important;overflow:visible!important;text-overflow:clip!important}
  .topbar-settings.filter-discovery .topbar-settings-text b{display:none!important}
}
@media(max-width:390px){
  .topbar-settings.filter-discovery{width:98px!important;min-width:98px!important;max-width:98px!important}
}

/* Sam Wind 13.8.0-r17 — lecture rapide du vent.
   Sur PC les quatre prochaines heures sont colorées. Sur smartphone la frise
   rapide reste volontairement masquée pour préserver la carte : le pavé de
   vitesse reprend la même couleur de force du vent. */
.sam-clear-speed[class*="wind-band-"],.sam-clear-hour[class*="wind-band-"]{
  --sw-quick-bg:#163747;
  --sw-quick-edge:#5e8796;
  --sw-quick-ink:#fff;
}
.sam-clear-speed.wind-band-0,.sam-clear-hour.wind-band-0{--sw-quick-bg:#15394c;--sw-quick-edge:#4ba8c4}
.sam-clear-speed.wind-band-1,.sam-clear-hour.wind-band-1{--sw-quick-bg:#0f5968;--sw-quick-edge:#35d0dc}
.sam-clear-speed.wind-band-2,.sam-clear-hour.wind-band-2{--sw-quick-bg:#17613b;--sw-quick-edge:#70e78b}
.sam-clear-speed.wind-band-3,.sam-clear-hour.wind-band-3{--sw-quick-bg:#716817;--sw-quick-edge:#ffe267}
.sam-clear-speed.wind-band-4,.sam-clear-hour.wind-band-4{--sw-quick-bg:#7b4a12;--sw-quick-edge:#ffb547}
.sam-clear-speed.wind-band-5,.sam-clear-hour.wind-band-5{--sw-quick-bg:#792c31;--sw-quick-edge:#ff6f70}
.sam-clear-speed.wind-band-6,.sam-clear-hour.wind-band-6{--sw-quick-bg:#68234f;--sw-quick-edge:#ff67ba}
.sam-clear-speed.wind-band-unknown,.sam-clear-hour.wind-band-unknown{--sw-quick-bg:#24343d;--sw-quick-edge:#70858f}

.sam-clear-speed[class*="wind-band-"]{
  border-color:var(--sw-quick-edge)!important;
  background:linear-gradient(145deg,var(--sw-quick-bg),#061e2d)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.16);
}
.sam-clear-speed[class*="wind-band-"]>strong{color:var(--sw-quick-ink);font-variant-numeric:tabular-nums}
.sam-clear-hour[class*="wind-band-"]{
  border-color:var(--sw-quick-edge);
  background:linear-gradient(155deg,var(--sw-quick-bg),#061e2d);
  color:var(--sw-quick-ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.sam-clear-hour[class*="wind-band-"] time,.sam-clear-hour[class*="wind-band-"] small{color:rgba(255,255,255,.82)}
.sam-clear-hour[class*="wind-band-"] strong{color:#fff;font-size:13px;font-variant-numeric:tabular-nums}
/* La sécurité reste un repère indépendant et plus épais que précédemment. */
.sam-clear-hour.safe{border-bottom:3px solid var(--sam-clear-safe)}
.sam-clear-hour.caution{border-bottom:3px solid var(--sam-clear-caution)}
.sam-clear-hour.blocked{border-bottom:3px solid var(--sam-clear-blocked)}

@media(max-width:700px){
  .sam-clear-speed[class*="wind-band-"]{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.14)}
}