/* Accueil V5.2 beta 6 · Actualités 2 */
.home-news-preview{
  --paper:#fff9ed;
  --navy:#06345f;
  --yellow:#ffd400;
  --coral:#ff4f70;
  position:relative;
  width:100%;
  margin:2px 0 20px;
  padding:17px 20px 14px;
  overflow:hidden;
  color:var(--navy);
  border:2px solid #eadfc9;
  border-radius:24px;
  background-color:var(--paper);
  background-image:radial-gradient(rgba(6,52,95,.055) .65px,transparent .8px);
  background-size:5px 5px;
  box-shadow:0 10px 25px rgba(6,52,95,.11);
}
.home-news-preview::after{
  content:"";
  position:absolute;
  top:16px;
  right:210px;
  width:75px;
  height:75px;
  border:3px solid rgba(255,79,112,.38);
  border-radius:50%;
  transform:rotate(10deg);
  pointer-events:none;
}
.home-news-header{position:relative;z-index:1;padding-bottom:10px;border-bottom:4px double var(--navy)}
.home-news-kicker{margin-bottom:4px;color:#187ba5;font-size:10px;font-weight:950;letter-spacing:.18em}
.home-news-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.home-news-title-row h2{margin:0;font:clamp(29px,3.1vw,46px)/.92 "Lilita One",Impact,sans-serif;letter-spacing:.01em}
.home-news-title-row p{margin:6px 0 0;color:#4e7087;font-size:13px;font-weight:750}
.home-news-open,.home-news-footer a{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  flex:0 0 auto;
  border:0;
  border-radius:999px;
  color:#fff;
  background:var(--coral);
  font:950 12px "Fredoka",sans-serif;
  cursor:pointer;
  box-shadow:inset 0 -3px 0 rgba(127,10,41,.15);
}
.home-news-open{min-height:40px;padding:0 16px}
.home-news-open:hover,.home-news-open:focus-visible,.home-news-footer a:hover,.home-news-footer a:focus-visible{transform:translateY(-1px);background:#e83d61}
.home-traffic-banner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin-top:12px;
  padding:11px 13px;
  color:#06345f;
  border:2px solid #44a978;
  border-radius:15px;
  background:#e8f8ef;
  box-shadow:inset 0 -3px 0 rgba(23,112,72,.08);
}
.home-traffic-banner.has-alert{color:#fff;border-color:#c91d43;background:#ff4f70;box-shadow:inset 0 -3px 0 rgba(128,11,44,.18),0 5px 12px rgba(255,79,112,.18)}
.home-traffic-banner.press-signal{color:#06345f;border-color:#f2aa19;background:#fff1c7}
.home-traffic-light{font-size:29px}.home-traffic-banner small{display:block;font-size:8px;font-weight:950;letter-spacing:.13em}.home-traffic-banner strong{display:block;margin-top:3px;font-size:12px;line-height:1.15}
.home-traffic-banner button{min-height:34px;padding:0 12px;border:0;border-radius:99px;color:#fff;background:#06345f;font:950 9px "Fredoka",sans-serif;cursor:pointer}
.home-traffic-banner.has-alert button{color:#06345f;background:#ffd400}
.home-news-grid{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,.75fr));gap:11px;margin-top:12px}
.home-news-loading{grid-column:1/-1;padding:22px;border:2px dashed #b9d9e8;border-radius:14px;background:rgba(255,255,255,.6);text-align:center;font-weight:850}
.home-news-lead,.home-news-mini{min-width:0;border-radius:14px;overflow:hidden}
.home-news-lead{position:relative;min-height:150px;padding:16px;color:#fff;background:linear-gradient(135deg,#197da9,#06345f);box-shadow:0 6px 14px rgba(5,49,84,.13)}
.home-news-lead::after{content:"📰";position:absolute;right:15px;bottom:-7px;font-size:62px;opacity:.13;transform:rotate(-8deg)}
.home-news-lead small{position:relative;z-index:1;display:inline-block;padding:5px 8px;border-radius:7px;color:#06345f;background:var(--yellow);font-size:9px;font-weight:950}
.home-news-lead h3{position:relative;z-index:1;max-width:90%;margin:10px 0 8px;font:clamp(19px,1.8vw,28px)/.98 "Lilita One",Impact,sans-serif;letter-spacing:.01em}
.home-news-lead p{position:relative;z-index:1;max-width:85%;margin:0;color:#dff5ff;font-size:11px;font-weight:700;line-height:1.25}
.home-news-lead a{position:relative;z-index:1;display:inline-block;margin-top:11px;color:#fff;font-size:10px;font-weight:950;text-decoration:none}
.home-news-mini{display:flex;flex-direction:column;padding:11px 11px 10px;border-top:8px solid var(--company);background:#fff;box-shadow:0 5px 12px rgba(6,52,95,.09)}
.home-news-mini b{color:var(--company-label,var(--company));font-size:10px;line-height:1}
.home-news-mini h3{margin:8px 0 0;font-size:13px;line-height:1.08;overflow-wrap:anywhere}
.home-news-mini small{margin-top:auto;padding-top:10px;color:#6b8394;font-size:8px;font-weight:800;text-transform:uppercase}
.home-news-mini a{margin-top:7px;color:#06345f;font-size:9px;font-weight:950;text-decoration:none}
.home-news-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding-top:10px;border-top:2px dotted #9cbaca;color:#607b8e;font-size:10px;font-weight:800}
.home-news-footer a{padding:7px 11px;border-radius:999px;color:#fff;background:var(--navy);box-shadow:none;font:950 12px "Fredoka",sans-serif;text-decoration:none}

.home-service-heading{max-width:1040px;margin:0 auto 12px;padding:13px 20px;text-align:center;color:#06345f}
.home-service-heading h1{margin:0;font:clamp(26px,3.4vw,45px)/.96 "Lilita One",Impact,sans-serif;letter-spacing:.01em}
.home-service-heading p{margin:8px auto 0;color:#4e7087;font-size:13px;font-weight:750}

#home-view .fun-left-column,
#home-view .main-search-panel,
#home-view .vessel-search-panel{width:100%;min-width:0;box-sizing:border-box}
#home-view .vessel-date-grid{grid-column:1/-1}

.vessel-search-intro{
  position:relative;
  width:100%;
  aspect-ratio:760/447;
  margin:4px 0 18px;
  overflow:hidden;
  border-radius:24px;
  background:#dff3fb;
  box-shadow:0 14px 30px rgba(5,43,82,.18);
}
.vessel-search-intro[hidden],.vessel-spotlight[hidden]{display:none!important}
.vessel-search-intro>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.vessel-search-intro-copy{position:absolute;left:19px;top:18px;max-width:315px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.93);box-shadow:0 8px 19px rgba(6,52,95,.18);transform:rotate(-1deg)}
.vessel-search-intro-copy strong{display:block;color:#06345f;font:clamp(22px,2.6vw,36px)/.94 "Lilita One",Impact,sans-serif;text-transform:uppercase}
.vessel-search-intro-copy span{display:block;margin-top:8px;color:#167da8;font-size:13px;font-weight:850}

#home-view .vessel-spotlight{
  grid-template-columns:1fr;
  grid-template-rows:minmax(250px,1fr) auto;
  width:100%;
  aspect-ratio:760/447;
  min-height:0;
  margin:4px 0 18px;
}
#home-view .vessel-spotlight-photo{min-height:0;height:auto}
#home-view .vessel-spotlight-photo img{object-fit:contain!important;object-position:center!important}
#home-view .vessel-spotlight-callout{top:15px;left:17px;font-size:18px}
#home-view .vessel-spotlight-copy{display:grid;grid-template-columns:auto minmax(0,auto) minmax(170px,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 13px;min-height:105px;padding:12px 17px}
#home-view .vessel-spotlight-badge{grid-row:1/3;align-self:center}
#home-view .vessel-spotlight-copy h3{grid-row:1/3;margin:0;font-size:clamp(23px,2.4vw,34px)}
#home-view .vessel-spotlight-wave{display:none}
#home-view .vessel-spotlight-route{grid-column:3;grid-row:1;margin:0;align-self:end;font-size:11px}
#home-view .vessel-spotlight-sheet{grid-column:3;grid-row:2;margin:3px 0 0;align-self:start;justify-self:start}
#home-view .vessel-spotlight-island{right:13px;bottom:12px;width:24px;height:40px}

@media(max-width:1000px){
  .home-news-grid{grid-template-columns:1.2fr repeat(2,minmax(0,.8fr))}
  .home-news-mini:nth-child(n+4){display:none}
  #home-view .vessel-spotlight-copy{grid-template-columns:auto minmax(0,auto) 1fr}
}

@media(max-width:760px){
  .home-news-preview{margin:0 0 13px;padding:13px 12px;border-radius:19px}
  .home-news-preview::after{display:none}
  .home-news-title-row{align-items:center}
  .home-news-title-row h2{font-size:27px}
  .home-news-title-row p{font-size:10px}
  .home-news-open{min-height:35px;padding:0 11px;font-size:10px}
  .home-traffic-banner{grid-template-columns:auto 1fr;gap:8px;padding:9px}.home-traffic-light{font-size:23px}.home-traffic-banner strong{font-size:10px}.home-traffic-banner button{grid-column:1/-1;width:100%}
  .home-news-grid{grid-template-columns:1fr 1fr;gap:8px}
  .home-news-lead{grid-column:1/-1;min-height:135px;padding:13px}
  .home-news-mini:nth-child(n+4){display:flex}
  .home-news-mini h3{font-size:11px}
  .home-news-footer{font-size:9px}.home-news-footer a{font-size:9px}
  .vessel-search-intro{border-radius:21px}
  .vessel-search-intro-copy{left:13px;top:13px;max-width:230px;padding:10px 12px}
  .vessel-search-intro-copy strong{font-size:22px}
  .vessel-search-intro-copy span{margin-top:5px;font-size:10px}
  #home-view .vessel-spotlight{grid-template-rows:minmax(205px,1fr) auto;aspect-ratio:auto}
  #home-view .vessel-spotlight-photo{height:205px;min-height:205px}
  #home-view .vessel-spotlight-copy{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;min-height:125px;padding:13px}
  #home-view .vessel-spotlight-badge{display:none}
  #home-view .vessel-spotlight-copy h3{grid-column:1/-1;grid-row:1;margin:0;font-size:27px}
  #home-view .vessel-spotlight-route{grid-column:1/-1;grid-row:2;font-size:10px;align-self:center}
  #home-view .vessel-spotlight-sheet{grid-column:1/-1;grid-row:3;margin-top:5px}
}

@media(max-width:430px){
  .home-news-title-row p{display:none}
  .home-news-title-row h2{font-size:23px}
  .home-news-open{padding:0 9px}
  .home-news-grid{grid-template-columns:1fr}
  .home-news-mini:nth-child(n+3){display:none}
  .home-news-footer>span{display:none}
  .home-news-footer a{width:100%}
  .vessel-search-intro-copy{max-width:185px}
  .vessel-search-intro-copy strong{font-size:18px}
  .vessel-search-intro-copy span{font-size:9px}
  #home-view .vessel-spotlight-photo{height:175px;min-height:175px}
}