/* ALLO212 V286 — HOMOGÉNÉITÉ : le fil « Les dernières annonces » (allo212.ma/?universe=…&go=1#x-discover)
   n'avait plus AUCUN style (sa feuille avait disparu) : photos géantes, titres soulignés illisibles, liens bleus.
   Il prend maintenant exactement la forme des « Dernières annonces » de l'accueil :
   carte bleu nuit, photo 4:3 arrondie, titre blanc sur 2 lignes, ville, prix orange, bouton Discuter discret. */
#x-discover{padding:8px 16px 28px;color:#F8FAFC;font-family:Montserrat,system-ui,sans-serif}
#x-discover a{text-decoration:none!important}
#x-discover .x-universes{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px;margin:0}
#x-discover .x-universes::-webkit-scrollbar{display:none}
#x-discover .x-universes :is(a,button){flex:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#F1F5F9;border-radius:999px;padding:8px 14px;font:700 13px/1.2 Montserrat,sans-serif;white-space:nowrap;cursor:pointer}
#x-discover .x-universes button[aria-pressed="true"]{background:linear-gradient(120deg,#FF7A2E,#E8400C);border-color:transparent;color:#fff}
#x-discover .x-feed-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:6px 0 12px}
#x-discover .x-overline{display:block;font:800 11px/1 Montserrat,sans-serif;letter-spacing:.12em;color:#FF8A3D;margin-bottom:6px}
#x-discover .x-feed-head h2{margin:0;font:800 20px/1.2 Montserrat,sans-serif;color:#fff}
#x-discover .x-refine{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:8px 13px;font:700 13px Montserrat,sans-serif;cursor:pointer}
#x-discover .x-refine svg{width:16px;height:16px}
#x-discover .x-filters:not([hidden]){display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:14px;margin:0 0 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
#x-discover .x-filters label{display:grid;gap:6px;font:700 12px Montserrat,sans-serif;color:#CBD5E1}
#x-discover .x-filters :is(select,input){height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#fff;color:#0E1220;padding:0 12px;font:600 14px Montserrat,sans-serif}
#x-discover .x-filters .x-primary,#x-discover .x-empty .x-primary{display:inline-flex;align-items:center;justify-content:center;height:44px;border:0;border-radius:999px;background:linear-gradient(120deg,#FF7A2E,#E8400C);color:#fff;font:800 14px Montserrat,sans-serif;padding:0 18px;cursor:pointer}
#x-discover .x-filters>a{align-self:center;color:#FFB27A;font:700 13px Montserrat,sans-serif}
#x-discover .x-filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
#x-discover .x-filter-chips:empty{display:none}
#x-discover #x-search-status{margin:0 0 8px;font:600 13px Montserrat,sans-serif;color:#CBD5E1}
#x-discover #x-search-status:empty{display:none}

/* les cartes */
#x-discover .x-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
#x-discover .x-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:18px;overflow:hidden;background:#141C33;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px -16px rgba(0,0,0,.6)}
#x-discover .x-card>a:first-child{display:flex;flex-direction:column;color:#fff!important}
#x-discover .x-card-photo{position:relative;aspect-ratio:4/3;background:#E9ECF1;overflow:hidden}
#x-discover .x-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
#x-discover .x-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#94A3B8}
#x-discover .x-card-placeholder svg{width:34px;height:34px}
#x-discover .x-card-kind{position:absolute;left:8px;top:8px;padding:4px 8px;border-radius:8px;background:rgba(14,18,32,.72);color:#fff;font:700 10.5px/1 Montserrat,sans-serif}
#x-discover .x-card-body{display:grid;gap:3px;padding:9px 10px 4px}
#x-discover .x-card-body span{order:2;font:600 11.5px/1.3 Montserrat,sans-serif;color:#94A3B8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#x-discover .x-card-body span::before{content:"📍 "}
#x-discover .x-card-body h3{order:1;margin:0;font:800 13.5px/1.3 Montserrat,sans-serif;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
#x-discover .x-card-body strong{order:3;font:800 14px/1.2 Montserrat,sans-serif;color:#FF8A3D}
#x-discover .x-card-contact{display:inline-flex;align-items:center;gap:5px;margin:4px 10px 10px;align-self:flex-start;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#E2E8F0!important;font:700 12px Montserrat,sans-serif}
#x-discover .x-card-contact svg{width:14px;height:14px}
#x-discover .x-card-contact span{display:none}

#x-discover .x-empty:not([hidden]){display:grid;gap:8px;justify-items:start;padding:18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);margin-top:10px}
#x-discover .x-empty strong{font:800 16px Montserrat,sans-serif;color:#fff}
#x-discover .x-empty p{margin:0;color:#CBD5E1;font:500 13.5px/1.4 Montserrat,sans-serif}
#x-discover .x-feed-controls{display:flex;align-items:center;gap:8px;margin-top:12px;color:#94A3B8;font:600 12.5px Montserrat,sans-serif}
#x-discover .x-feed-controls>span{flex:1}
#x-discover .x-feed-controls button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;min-width:40px;height:40px;padding:0 14px;font:800 14px Montserrat,sans-serif;cursor:pointer}
#x-discover .x-feed-controls button[hidden]{display:none}

/* téléphone : une rangée qui glisse au doigt, 2 cartes et un bout visibles (même taille partout) */
@media (max-width:820px){
  #x-discover .x-results{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(44vw,210px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:2px 16px 8px;scroll-padding-inline:16px;gap:10px}
  #x-discover .x-results::-webkit-scrollbar{display:none}
  #x-discover .x-card{scroll-snap-align:start}
  #x-discover .x-feed-controls button[data-scroll]{display:none}
}

/* V286 : plus d'effets qui « passent » sur les onglets et les boutons (reflet qui balaie la barre du bas,
   icônes qui sautillent, boutons qui clignotent) : l'écran reste calme et lisible. Les points « en direct »
   (messages, pros en ligne) gardent leur clignotement : ils donnent une information. */
html:not(#m286) body .a-mobile-nav.mb-bar::after,
html:not(#m286) body .h74>.mb-short.mb-top::after,html:not(#m286) body .h74>.mb-top-wrap::after,
html:not(#m286) body .sv-seg.mre-seg button.mre-ent::after{animation:none!important;opacity:0!important}
html:not(#m286) body :is(.a-mobile-nav.mb-bar a.mb-i,.mb-short a.mb-s,.mb-short.mb-top a.mb-i,.mb-top-wrap a.mb-i) .b212-logo,
html:not(#m286) body :is(.h74-pub-ico,.mre-hero img,.mb-more svg,.sv-seg.mre-seg button.mre-ent),
html:not(#m286) body :is(.x-primary,.an62 a,.c2-cta,.hf-acc-link,.hf-acc-cta,.an62x a,.pm-cta,.fp2-b.main),
html:not(#m286) body :is(.v201-left .sp97-btn.main,.cr61-offer,.v190-card a,.submit)::after,
html:not(#m286) body .v190-card.on .v190-ph::before{animation:none!important}

/* V286 : TOUTES les cartes d'annonces du téléphone ont la même tenue (Annonces, Emploi, Immobilier, Auto, rubriques 212,
   fil de l'accueil) : carte bleu nuit, photo 4:3, pastille blanche en haut à gauche, titre blanc sur 2 lignes,
   prix orange, ville en gris clair. Plus de cartes blanches à côté de cartes sombres, plus de textes illisibles. */
@media (max-width:820px){
  html:not(#m286) body :is(.grid,.job-grid,.property-grid,.vehicle-grid,.listing-grid) > :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle){display:flex!important;flex-direction:column!important;min-width:0;border-radius:18px!important;overflow:hidden!important;background:#141C33!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 24px -16px rgba(0,0,0,.6)!important;color:#fff!important;text-decoration:none!important;padding:0!important}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) > :is(.card-image,.job-media,.property-media,.media){position:relative!important;aspect-ratio:4/3!important;height:auto!important;min-height:0!important;margin:0!important;border-radius:0!important;background:#E9ECF1!important;overflow:hidden!important}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) > :is(.card-image,.job-media,.property-media,.media) img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:0!important}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) > :is(.card-image,.job-media,.property-media,.media) > :is(.kind,.badge,.property-badge){position:absolute!important;left:8px!important;top:8px!important;right:auto!important;bottom:auto!important;padding:4px 8px!important;border-radius:8px!important;background:rgba(14,18,32,.75)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 10.5px/1 Montserrat,sans-serif!important;letter-spacing:0!important;text-transform:none!important;border:0!important}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) > :is(.card-body,.job-body,.property-body,.body){display:flex!important;flex-direction:column!important;gap:3px!important;padding:9px 10px 10px!important;background:transparent!important;flex:1}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) :is(h2,h3){order:1;margin:0!important;font:800 13.5px/1.3 Montserrat,sans-serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;min-height:2.6em}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) :is(.price,.property-price,.salary){order:3;margin:0!important;font:800 14px/1.2 Montserrat,sans-serif!important;color:#FF8A3D!important;-webkit-text-fill-color:#FF8A3D!important;background:none!important;padding:0!important}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) :is(.meta,.job-meta,.property-location,.bottom,.job-bottom){order:2;display:flex!important;flex-wrap:wrap;gap:6px!important;margin:0!important;padding:0!important;font:600 11.5px/1.3 Montserrat,sans-serif!important;color:#94A3B8!important;background:none!important;border:0!important}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) :is(.meta,.job-meta,.property-location,.bottom,.job-bottom) :is(span,b){color:#94A3B8!important;-webkit-text-fill-color:#94A3B8!important;background:none!important;border:0!important;padding:0!important;font:600 11.5px/1.3 Montserrat,sans-serif!important}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) :is(.property-location b,.bottom b,.job-bottom b){display:none!important}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) :is(.category,.property-type,.vehicle-type,.listing-ref,.property-meta:empty){display:none!important}
  html:not(#m286) body :is(a.card:has(> .card-image),a.job-card,a.property-card,a.vehicle) .pm-ic{display:none!important}
}

/* V286 : même en-tête sur toutes les pages (téléphone) : logo · MA/FR · compte · messages · menu ⋮ */
@media (max-width:760px){
  html:not(#m286) body .a-header>.a-brand{order:0!important}
  html:not(#m286) body .a-header>.a19-lang{order:4!important;margin-inline-start:auto!important}
  html:not(#m286) body .a-header>.a-account{order:5!important}
  html:not(#m286) body .a-header>.x-header-messages{order:9!important}
  html:not(#m286) body .a-header>.a-more{order:99!important}
  html:not(#m286) body .a-header>.a-brand :is(small,.a-brand-sub,.a-tagline,span:not(:first-child)){display:none!important}
  /* Emploi : les 4 choix (Je cherche un emploi, Je recrute…) lisibles, sans mot par ligne */
  html:not(#m286) body .choice-grid>a{gap:8px!important;padding:10px 12px!important}
  html:not(#m286) body .choice-grid>a .pm-ci{display:none!important}
  html:not(#m286) body .choice-grid>a .pm-cl{font-size:13.5px!important;line-height:1.25!important}
  /* boutons principaux : même taille de texte partout */
  html:not(#m286) body :is(.filterbar,.hf-vfilter,form.search,.search-form) :is(button[type=submit],.btn-primary,.a-button){font-size:15px!important;font-weight:800!important;min-height:48px!important}
}

/* V287 : volet transport (Livreur 212, MRE…) sur téléphone — départ et arrivée l'un sous l'autre (pays | ville),
   au lieu de 4 cases écrasées sur une ligne ; « Que faut-il envoyer ? » visible juste avant le téléphone. */
@media (max-width:760px){
  html:not(#m286) body .sv81 .sv-route{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  html:not(#m286) body .sv81 .sv-route .h74-grid{grid-template-columns:1fr 1fr!important}
  html:not(#m286) body .sv81 .sv-last{grid-template-columns:1fr!important}
  html:not(#m286) body .sv81 .sv-last>label.h74-f{display:grid!important}
}