/* auto.bj — compléments de style (la base visuelle est celle de la maquette : base-original.css) */
:root{--green:#176b45;--green-dark:#105336;--orange:#f2a526;--ink:#18231e;--muted:#6e7973;--line:#e8ece9;--soft:#f6f8f6}
.min-w-0{min-width:0}
.skip-link{position:absolute;left:-999px;top:0;background:var(--green);color:#fff;padding:10px 16px;z-index:3000;border-radius:0 0 8px 0}.skip-link:focus{left:0}
.hp-field{position:absolute!important;left:-5000px;width:1px;height:1px;overflow:hidden}
:focus-visible{outline:3px solid #f2a52688;outline-offset:2px}
.btn-success{--bs-btn-bg:var(--green);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:var(--green-dark);--bs-btn-hover-border-color:var(--green-dark);--bs-btn-active-bg:var(--green-dark)}
.btn-outline-success{--bs-btn-color:var(--green);--bs-btn-border-color:#b9d5c3;--bs-btn-hover-bg:var(--green);--bs-btn-hover-border-color:var(--green)}
.text-success{color:var(--green)!important}
.form-control:focus,.form-select:focus{border-color:#83b79a;box-shadow:0 0 0 .2rem #176b4522}
.form-label{font-weight:800;font-size:13px;margin-bottom:5px}
.alert{border-radius:10px;font-weight:600;font-size:14px}
/* Badge vérifié (Bootstrap Icons : bi-patch-check-fill) */
.verified-badge{color:var(--green);margin-left:3px;font-size:.95em;white-space:nowrap}
.verified-big{width:46px;height:46px;border-radius:50%;background:#e9f4ed;color:var(--green);display:grid;place-items:center;font-size:24px;flex:0 0 46px}.verified-big.off{background:#f1f3f2;color:#9aa39d}
.verified-note{background:#eef7f1;color:var(--green);font-size:12px;font-weight:800;border-radius:8px;padding:7px 10px;margin-top:12px}
.count-dot,.adm-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d84343;color:#fff;font-size:11px;font-weight:900;line-height:1}
.avatar{border-radius:50%;object-fit:cover;flex:0 0 auto}.avatar-initials{display:inline-grid;place-items:center;background:#e3efe7;color:var(--green);font-weight:900}
/* Cartes */
.car-title a{color:inherit}.car-title{margin-bottom:6px}
.video-tag{position:absolute;left:10px;bottom:10px;background:#000000b3;color:#fff;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:900}
.listing-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.listing-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.listing-grid.cols-3{gap:10px}}
.heart-btn{cursor:pointer}.heart-btn:hover{color:#d84343}
.filter-pill{display:inline-block;text-decoration:none}
.quick-cats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:767.98px){.quick-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.empty-state{text-align:center;padding:48px 20px;border:2px dashed var(--line);border-radius:16px;background:#fff}.empty-state>.bi{font-size:44px;color:#b9d5c3}.empty-state h3{font-size:19px;font-weight:900;margin:8px 0}.empty-state p{color:var(--muted)}
.faq details{border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;background:#fff}.faq summary{font-weight:900;cursor:pointer}.faq p{margin:10px 0 0;color:var(--muted);line-height:1.65}
/* Fil d'Ariane */
.crumbs .breadcrumb{font-size:12px;font-weight:700;margin-bottom:12px}.crumbs a{color:var(--green)}
.list-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.filter-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.filter-card .form-control,.filter-card .form-select{font-size:13px;font-weight:600}
@media(min-width:992px){.filter-card{position:sticky;top:130px}}
.sort-bar{display:flex;justify-content:flex-end;margin-bottom:14px}
.seo-block{border-top:1px solid var(--line);padding-top:24px}
/* Détail annonce */
.detail-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.detail-price{font-size:28px;font-weight:1000;color:var(--green);letter-spacing:-.5px;text-align:right}.detail-price small{display:block;font-size:12px;color:var(--muted);font-weight:800;letter-spacing:0}
.gallery{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.gallery .carousel{position:relative;background:#101713}.gallery-img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#101713}
.gallery-count{position:absolute;right:12px;bottom:12px;background:#000000b3;color:#fff;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:800}
.gallery-thumbs{display:flex;gap:6px;overflow-x:auto;padding:8px}.gallery-thumbs button{border:2px solid transparent;border-radius:8px;padding:0;background:none;flex:0 0 auto;opacity:.65;overflow:hidden}.gallery-thumbs button.active{border-color:var(--green);opacity:1}.gallery-thumbs img{width:96px;height:64px;object-fit:cover;display:block}
.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 24px;margin:0}.spec-grid>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f0}.spec-grid dt{font-weight:700;color:var(--muted);font-size:13px}.spec-grid dd{margin:0;font-weight:900;font-size:13px;text-align:right}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:#eef6f0;color:var(--green);border-radius:30px;padding:6px 12px;font-size:12px;font-weight:800}
.description{line-height:1.75;color:#2b3a31}
.video-box{border-radius:12px;overflow:hidden;background:#000}.video-box video,.video-box iframe{width:100%;height:100%;border:0}
.seller-card{top:130px}
/* Authentification */
.auth-card{max-width:440px;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 12px 32px #183a2510}.auth-card.auth-wide{max-width:680px}
.auth-icon{width:62px;height:62px;border-radius:18px;background:#e9f4ed;color:var(--green);display:grid;place-items:center;font-size:30px;margin:0 auto 12px}
/* Espace compte */
.account-nav{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.account-user{display:flex;gap:12px;align-items:center;padding:4px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}
.account-nav nav a,.account-nav nav button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:none;border-radius:9px;font-weight:800;font-size:14px;color:#3d4b43;text-align:left}
.account-nav nav a:hover,.account-nav nav button:hover{background:var(--soft)}.account-nav nav a.active{background:#e9f4ed;color:var(--green)}.account-nav nav .bi{font-size:18px;color:var(--green)}
@media(max-width:991.98px){.account-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:2px}}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:767.98px){.stat-grid{grid-template-columns:repeat(2,1fr)}}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:2px}.stat .bi{color:var(--green);font-size:22px}.stat strong{font-size:26px;font-weight:1000}.stat span{font-size:12px;color:var(--muted);font-weight:800}
a.stat:hover{border-color:#b7d6c2}
.my-ad{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px}.my-ad img{width:96px;height:64px;object-fit:cover;border-radius:8px;flex:0 0 auto}.my-ad-lg{align-items:flex-start}.my-ad-lg img{width:140px;height:94px}
@media(max-width:575.98px){.my-ad-lg{flex-wrap:wrap}.my-ad-lg img{width:100%;height:150px}}
.conv{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:8px}.conv:hover{border-color:#b7d6c2}.conv.unread{background:#f3faf5;border-color:#c9e2d1}.conv img{width:72px;height:48px;object-fit:cover;border-radius:8px}
.thread,.adm-thread{display:flex;flex-direction:column;gap:8px;max-height:460px;overflow-y:auto;padding:4px}
.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}
.bubble{max-width:78%;background:#f1f4f2;border-radius:14px 14px 14px 4px;padding:9px 13px;font-size:14px;line-height:1.5;word-wrap:break-word}.bubble small{display:block;font-size:10px;opacity:.6;margin-top:3px}
.bubble-row.mine .bubble{background:var(--green);color:#fff;border-radius:14px 14px 4px 14px}
.edit-images{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.edit-img img{width:120px;height:80px;object-fit:cover;border-radius:8px;display:block;margin-bottom:4px}
.img-preview{display:flex;flex-wrap:wrap;gap:8px}.img-preview img{width:90px;height:62px;object-fit:cover;border-radius:6px}
/* Formulaire d'annonce : champs selon le type */
.lbl-parts,.only-parts,.only-rent{display:none}
#listingForm.is-parts .lbl-vehicle,#listingForm.is-parts .only-vehicle{display:none}
#listingForm.is-parts .lbl-parts,#listingForm.is-parts .only-parts{display:block}
#listingForm.is-rent .only-rent{display:block}
.static-page{max-width:820px;margin:0 auto 30px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px}.static-page h2{font-size:20px;font-weight:900;margin:26px 0 8px}.static-page p,.static-page li{line-height:1.75;color:#34443a}
.sitemap-list li{margin:5px 0}.sitemap-list a:hover{color:var(--green)}
.cookie-notice{position:fixed;left:16px;bottom:16px;max-width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 36px #0a251530;padding:14px 16px;font-size:13px;z-index:1900}
/* ===== Chat support (coin inférieur droit) ===== */
.support-chat{position:fixed;right:18px;bottom:18px;z-index:2000;font-family:inherit}
.chat-fab{position:relative;display:flex;align-items:center;gap:8px;margin-left:auto;border:0;background:var(--green);color:#fff;border-radius:60px;padding:14px 20px;font-weight:900;box-shadow:0 10px 30px #176b4560;transition:.2s}
.chat-fab:hover{background:var(--green-dark);transform:translateY(-2px)}.chat-fab .bi{font-size:21px}.chat-fab-close{display:none}.support-chat.open .chat-fab-open{display:none}.support-chat.open .chat-fab-close{display:inline}.support-chat.open .chat-fab-label{display:none}
.chat-unread{position:absolute;top:-6px;right:-4px;min-width:22px;height:22px;border-radius:11px;background:#d84343;color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
.chat-panel{width:360px;max-width:calc(100vw - 28px);height:480px;max-height:calc(100vh - 110px);background:#fff;border-radius:18px;box-shadow:0 18px 60px #0a25153d;border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;margin-bottom:12px}
.chat-panel[hidden]{display:none}
.chat-head{background:var(--green);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}.chat-head strong{display:block;font-size:15px;font-weight:900}.chat-head small{font-size:11px;opacity:.9}
.chat-head-icon{width:40px;height:40px;border-radius:50%;background:#ffffff26;display:grid;place-items:center;font-size:20px}.chat-dot{display:inline-block;width:8px;height:8px;background:#7be3a4;border-radius:50%;margin-right:3px}
.chat-close{border:0;background:none;color:#fff;font-size:18px;padding:4px}
.chat-body{flex:1;overflow-y:auto;padding:14px;background:#f6f8f6;display:flex;flex-direction:column;gap:8px}
.chat-msg{display:flex}.chat-msg-me{justify-content:flex-end}
.chat-bubble{max-width:82%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.5;word-wrap:break-word}.chat-bubble small{display:block;font-size:10px;opacity:.6;margin-top:2px}
.chat-msg-admin .chat-bubble{background:#fff;border:1px solid var(--line);border-radius:14px 14px 14px 4px}.chat-msg-me .chat-bubble{background:var(--green);color:#fff;border-radius:14px 14px 4px 14px}
.chat-note{text-align:center;font-size:12px;color:var(--muted)}
.chat-form{border-top:1px solid var(--line);padding:10px;background:#fff}.chat-guest{display:grid;gap:6px;margin-bottom:8px}
.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-input-row textarea{resize:none;border-radius:12px;font-size:14px;max-height:110px}
.chat-send{border:0;background:var(--orange);color:#1f2b22;width:42px;height:42px;border-radius:12px;font-size:17px;flex:0 0 42px}.chat-form.sending .chat-send{opacity:.5;pointer-events:none}
@media(max-width:767.98px){.support-chat{right:12px;bottom:76px}.chat-fab{padding:13px}.chat-fab-label{display:none}.chat-panel{height:min(520px,calc(100vh - 170px))}.cookie-notice{bottom:74px;left:10px;right:10px;max-width:none}}
@media print{.support-chat,.cookie-notice,.mobile-bottom,.desktop-header,.mobile-header,.topline{display:none!important}}

/* ===== Logo ===== */
.brand-img{width:168px;height:auto;display:block}
.footer-logo{width:170px;height:auto;filter:none;margin-bottom:15px}
@media(max-width:767.98px){.brand-img{width:130px}}
@media(max-width:380px){.brand-img{width:116px}}