/* Fiches de navires 6.4.7 : cartes postales par compagnie. */
@font-face{font-family:"Qemb Hand";src:url("/static/fonts/qemb-handwriting.otf") format("opentype");font-weight:400;font-display:swap}
.postcard-corsica-ferries{--postcard-accent:#e6a900;--postcard-ink:#102f50;--postcard-paper:#fff2cf}
.postcard-corsica-linea{--postcard-accent:#d32231;--postcard-ink:#7f1724;--postcard-paper:#fff0e8}
.postcard-la-meridionale{--postcard-accent:#1884ad;--postcard-ink:#154b70;--postcard-paper:#eaf5f3}
.postcard-moby{--postcard-accent:#1188ce;--postcard-ink:#064a91;--postcard-paper:#eaf8ff}

.vessel-postcard-shell{padding:13px 13px 0;background:var(--postcard-paper,#fff2cf);border-bottom:5px solid var(--postcard-accent,#e6a900)}
.vessel-postcard-art{position:relative;overflow:hidden;background:#b7dce9;aspect-ratio:1.316;border:5px solid #fff9e9;box-shadow:0 5px 16px #15314d20}
.vessel-postcard-art>img{display:block;width:100%;height:100%;object-fit:cover}
.vessel-postcard-art>span{display:grid;place-items:center;height:100%;font-size:4rem}
.vessel-postcard-copy{padding:15px 12px 18px;color:var(--postcard-ink,#102f50)}
.vessel-postcard-kicker{font-size:10px;font-weight:900;letter-spacing:.1em}
.vessel-postcard-copy h2{margin:3px 0 9px;color:var(--postcard-ink,#102f50);font:clamp(1.6rem,4vw,2.25rem)/1.05 "Lilita One","Fredoka",sans-serif}
.vessel-postcard-copy .vessel-badges span{color:var(--postcard-ink,#102f50);background:#fff9e9}
.vessel-postcard-copy .vessel-badges .status-ok{color:#095935;background:#d5f8de}
.vessel-postcard-copy .vessel-badges .status-muted{color:#52657c;background:#e8edf0}
.vessel-postcard-photo-mark,.qemb-postcard-photo-mark{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;color:#fff;text-shadow:0 2px 8px #072c57;pointer-events:none}
.vessel-postcard-photo-mark strong,.qemb-postcard-photo-mark strong{font:clamp(1.3rem,5vw,2.7rem)/1 "Lilita One","Fredoka",sans-serif;letter-spacing:.06em}
.vessel-postcard-photo-mark span,.qemb-postcard-photo-mark span{font-family:"Qemb Hand",cursive}
.vessel-postcard-art:has(.vessel-postcard-photo-mark)::before,.qemb-postcard-image:has(.qemb-postcard-photo-mark)::before{content:"";position:absolute;inset:0 0 50%;background:linear-gradient(#0743668c,transparent);pointer-events:none}

.qemb-content .qemb-detail:has(.qemb-postcard-detail){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.qemb-postcard-detail{align-self:start;padding:8px 8px 12px;background:var(--postcard-paper,#fff2cf);border:2px solid var(--postcard-accent,#e6a900);border-radius:16px;box-shadow:0 8px 20px #062b551a}
.qemb-postcard-image{position:relative;overflow:hidden;aspect-ratio:1.316;background:#b7dce9;border-radius:10px}
.qemb-detail .qemb-postcard-image img{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;background:transparent}
.qemb-postcard-detail figcaption{padding:2px 6px;color:var(--postcard-ink,#102f50)}
.qemb-postcard-detail figcaption a{font-weight:700}
.qemb-postcard-tile-image{position:relative;overflow:hidden;aspect-ratio:1.316;background:var(--postcard-paper,#fff2cf);border:3px solid var(--postcard-accent,#e6a900);border-radius:12px}
.qemb-vessel-tile .qemb-postcard-tile-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;background:transparent}
.qemb-postcard-tile-image.postcard-photo::before{content:"";position:absolute;inset:0 0 55%;background:linear-gradient(#0743668c,transparent)}
.qemb-postcard-tile-image.postcard-photo span{position:absolute;top:12px;left:12px;right:12px;color:white;font-weight:900;font-size:.85rem;text-shadow:0 2px 5px #072c57}
.qemb-vessel-tile h2{color:#073552}
.qemb-vessel-tile small a{overflow-wrap:anywhere}

@media(max-width:720px){.qemb-content .qemb-detail:has(.qemb-postcard-detail){grid-template-columns:1fr}}
@media(max-width:680px){.vessel-postcard-shell{padding:9px 9px 0}.vessel-postcard-art{border-width:3px}.vessel-postcard-copy{padding:12px 10px 14px}.vessel-postcard-photo-mark span,.qemb-postcard-photo-mark span{font-size:.8rem}}