/* ============================================================
   fiu. — carte d'annonce (identité 2026), partials/search/offer-card.
   Feuille AUTONOME : chargée par la recherche (layout fiu) ET par les
   pages historiques qui réutilisent la carte (annonce retirée / archivée,
   layout defaultFiu) — d'où ses propres polices et jetons, et des
   tailles en px (la racine historique est à 62,5 % / 50 %).
   ============================================================ */
@font-face{font-family:"Newsreader";src:url("../../fonts/fiu/Newsreader-Variable.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url("../../fonts/fiu/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("../../fonts/fiu/GeistMono-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

.fiu-ocard{
  --oc-terra:#C96A4E;--oc-terra-deep:#A34E35;--oc-ink:#2F211D;--oc-muted:#6E6E58;
  --oc-blush:#FBF3EF;--oc-creme:#FFFCFA;--oc-sable:#E2D8C9;--oc-line:rgba(47,33,29,.14);
  --oc-shadow:0 8px 20px rgba(163,78,53,.18);
  --oc-serif:"Newsreader",Georgia,"Times New Roman",serif;
  --oc-sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --oc-mono:"Geist Mono",ui-monospace,Consolas,monospace;
  position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);
  width:100%;min-height:228px;margin:0 0 16px;overflow:hidden;
  background:var(--oc-creme);border:1px solid var(--oc-line);border-radius:14px;
  font-family:var(--oc-sans);color:var(--oc-ink);text-align:left;
  transition:box-shadow .2s ease,border-color .2s ease;
}
.fiu-ocard *,.fiu-ocard *::before,.fiu-ocard *::after{box-sizing:border-box}
.fiu-ocard:hover{box-shadow:var(--oc-shadow)}
.fiu-ocard a{color:inherit;text-decoration:none;font-size:inherit;font-family:inherit}
.fiu-ocard p{margin:0}

/* ——— média : carrousel ——— */
.fiu-ocard__media{position:relative;display:block;min-height:220px;background:var(--oc-sable)}
.fiu-ocard__media .fiu-carousel{position:absolute;inset:0}
.fiu-carousel{position:relative;width:100%;height:100%;overflow:hidden}
.fiu-slide{position:absolute;top:0;left:0;width:100%;height:100%}
.fiu-slide:first-child{position:relative}
.fiu-slide img{display:block}
.fiu-slide-arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;transform:translateY(-50%);border:none;border-radius:50%;background:rgba(255,252,250,.92);color:var(--oc-ink,#2F211D);font:400 22px/1 Georgia,serif;cursor:pointer;box-shadow:0 4px 12px rgba(163,78,53,.18);transition:background-color .2s ease}
.fiu-slide-arrow:hover{background:#FFFCFA}
.fiu-slide-prev{left:10px}
.fiu-slide-next{right:10px}
.fiu-slide-count{position:absolute;right:10px;bottom:10px;z-index:3;padding:3px 9px;border-radius:8px;background:rgba(47,33,29,.72);color:#FBF3EF;font:500 11px/1.4 "Geist Mono",ui-monospace,monospace;letter-spacing:.04em}
.fiu-ocard__nophoto{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:16px;background:var(--oc-sable,#E2D8C9);color:var(--oc-muted,#6E6E58);font:600 11.5px/1.5 "Geist Mono",ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase;text-align:center}

/* ——— corps ——— */
.fiu-ocard__body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px 20px 16px}
.fiu-ocard__top{display:flex;align-items:center;gap:10px;min-height:28px}
.fiu-ocard__type{font:600 11.5px/1.5 var(--oc-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--oc-terra-deep)}
.fiu-ocard__actions{display:flex;align-items:center;gap:2px;margin-left:auto}
.fiu-ocard__title{margin-top:2px;font-family:var(--oc-serif);font-optical-sizing:auto;font-weight:600;font-size:21px;line-height:1.18;letter-spacing:-.01em;color:var(--oc-ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-wrap:pretty}
.fiu-ocard__desc{font-size:14px;line-height:1.55;color:var(--oc-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.fiu-ocard__foot{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin-top:auto;padding-top:12px;border-top:1px solid var(--oc-line)}
.fiu-ocard__badge{display:inline-block;padding:5px 10px;border-radius:8px;background:var(--oc-terra);color:var(--oc-blush);font:600 10.5px/1 var(--oc-mono);letter-spacing:.07em;text-transform:uppercase}
.fiu-ocard__badge--update{background:var(--oc-ink)}
.fiu-ocard__prices{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;text-align:right}
.fiu-ocard__price{font:500 12.5px/1.45 var(--oc-mono);font-variant-numeric:tabular-nums;color:var(--oc-muted)}
.fiu-ocard__price--main{font-family:var(--oc-sans);font-size:14px;color:var(--oc-ink)}
.fiu-ocard__price b{font-weight:700;color:var(--oc-ink)}

/* ——— sélection (connecté) ——— */
.offer-select{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* Le clic est géré sur le label (preventDefault bloque la navigation du lien parent) ;
   laisser l'input recevoir le clic écraserait la bascule manuelle. */
.offer-select-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.offer-select-box{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid var(--oc-ink);border-radius:6px;background:var(--oc-creme);pointer-events:none;transition:background-color .15s ease,transform .1s ease}
.offer-select:hover .offer-select-box{transform:scale(1.06)}
.offer-select-check{opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .12s ease}
.offer-select-input:checked+.offer-select-box{background:var(--oc-ink)}
.offer-select-input:checked+.offer-select-box .offer-select-check{opacity:1;transform:scale(1)}
.offer-select-input:focus-visible+.offer-select-box{outline:2px solid var(--oc-terra);outline-offset:3px}
.fiu-ocard.offer-selected{border-color:var(--oc-ink);box-shadow:0 0 0 2px var(--oc-ink),var(--oc-shadow)}

/* ——— favori (connecté) ——— */
.fiu-ocard .enregistrerFav{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fiu-ocard .enregistrerFav path{stroke:var(--oc-ink)}

.fiu-ocard__media:focus-visible,.fiu-ocard__body:focus-visible{outline:2px solid var(--oc-terra);outline-offset:-2px}

@media (max-width:768px){
  .fiu-ocard{grid-template-columns:1fr;min-height:0}
  .fiu-ocard__media{min-height:0;aspect-ratio:16/10}
  .fiu-slide-arrow{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){.fiu-ocard,.fiu-slide-arrow,.offer-select-box,.offer-select-check{transition:none}}