
/* ============================================================
   BSA ANNONCES V41 — THÈME CLAIR
   Surcharge uniquement visuelle : aucune route ni logique métier.
   ============================================================ */
:root{
  --bg:#f7f4ee;
  --panel:#ffffff;
  --panel2:#fbfaf7;
  --line:#dedbd5;
  --text:#202124;
  --muted:#6f7378;
  --yellow:#ffb21b;
  --red:#ef3340;
  --blue:#1676d2;
  --wrap:min(1420px,calc(100% - 48px));
}
html,body{background:var(--bg)!important;color:var(--text)!important}
.home-dark{background:var(--bg)!important}

/* Header clair */
.site-header,.site-header.bsa-header{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e6e2da!important;
  box-shadow:0 4px 20px rgba(35,40,45,.04);
}
.brand strong,.brand .s{color:#202124!important}
.header-language{color:#6f7378!important}
.header-nav{color:#24272a!important}
.header-nav a:hover{color:#d98d00!important}
.header-publish{background:#ffb21b!important;color:#151515!important;box-shadow:none!important}
.mobile-menu-toggle{background:#fff!important;color:#222!important;border-color:#ddd!important}
.market-badge{background:#fff!important;border-color:#e3e3e3!important}
.market-badge.active{border-color:#69aef0!important;box-shadow:0 0 0 3px rgba(38,140,255,.08)!important}

/* Hero moins imposant et plus lisible */
.universal-hero{
  min-height:410px!important;
  margin:18px auto 0!important;
  width:min(1560px,calc(100% - 32px))!important;
  border:1px solid #e2ddd3!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background-position:center!important;
  box-shadow:0 12px 36px rgba(34,40,46,.07)!important;
}
.universal-hero__shade{
  background:linear-gradient(90deg,rgba(255,252,247,.98) 0%,rgba(255,252,247,.90) 30%,rgba(255,252,247,.28) 61%,rgba(255,255,255,.05) 100%)!important;
}
.universal-hero__copy{padding:54px 0 112px!important}
.universal-hero h1{color:#202124!important;font-size:clamp(48px,4.8vw,72px)!important;line-height:.98!important;text-shadow:none!important}
.universal-hero h1 em{color:#f5a400!important}
.universal-hero p{color:#5e6469!important}
.hero-search-dock{margin:-46px auto 28px!important}
.premium-search{
  border:1px solid #dedbd5!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 16px 42px rgba(50,55,60,.10)!important;
}
.main-search input,.main-search select{
  background:#fff!important;color:#26282b!important;border-color:#d9d9d7!important;
}
.main-search input::placeholder{color:#8b8f92!important}
.main-search button{background:#ffb21b!important;color:#171717!important}

/* Panneaux / carrousels / contenu */
.nav-panel,.home-latest,.home-pick-row,.neutral-page-body>.body-heading,
.flow-page section,.premium-form,.auth-form,.publish-card{
  background:#fff!important;border-color:#e2ded7!important;color:#242628!important;
  box-shadow:0 10px 28px rgba(40,45,50,.045)!important;
}
.nav-panel-head small,.home-section-head small,.bsa-section-head small,
.neutral-page-body>.body-heading small{color:#e69500!important}
.vehicle-brand,.latest-card,.home-pick-card,.pro-offer-card,.pro-feature-grid article,.premium-pro-card,.pro-template-card{
  background:#fff!important;border-color:#e1ded8!important;color:#25282b!important;
}
.vehicle-brand:hover,.latest-card:hover,.home-pick-card:hover{border-color:#ffb21b!important}
.latest-card__photo{background:#f1f1ef!important}
.latest-card__body strong,.latest-card__body h3{color:#202124!important}
.latest-card__body p,.latest-empty p,.neutral-page-body>.body-heading p{color:#74797e!important}
.latest-card__photo em{background:rgba(255,255,255,.92)!important;color:#222!important;border-color:#ddd!important}
.latest-arrow,.scroll-arrow{background:#fff!important;color:#333!important;border-color:#d9d7d2!important}
.latest-empty{background:#fff!important;border-color:#dedbd5!important;color:#222!important}

/* Rails Topweb : pubs claires, pas de bandeaux noirs */
.home-v24 .home-ad-rail__card.topweb-rail{
  justify-content:flex-start!important;
  background:linear-gradient(180deg,#fff,#f7fbff)!important;
  border:1px solid #dbe3ec!important;
  color:#222!important;
  padding:16px 12px!important;
  box-shadow:0 12px 34px rgba(40,50,60,.08)!important;
}
.home-v24 .home-ad-rail__card.topweb-rail:before{display:none!important}
.topweb-rail-com{background:linear-gradient(180deg,#fff,#fff8ed)!important}
.topweb-rail__logo{width:112px!important;height:95px!important;object-fit:contain!important;margin:0 auto 14px!important}
.home-v24 .topweb-rail .home-ad-rail__eyebrow{color:#176fc1!important}
.home-v24 .topweb-rail strong{color:#202124!important;font-size:17px!important;margin-bottom:12px!important}
.home-v24 .topweb-rail small{color:#6b7278!important}
.home-v24 .topweb-rail b{color:#de8d00!important;margin-top:auto!important}

/* Pages intérieures */
.neutral-page-body{color:#25272a!important}
.neutral-page-body>.body-heading{
  background:linear-gradient(135deg,#fff,#fbf8f2)!important;
}
.neutral-page-body .btn.secondary{background:#fff!important;color:#222!important;border:1px solid #d8d5cf!important}
.neutral-page-body .btn.primary{background:#ffb21b!important;color:#161616!important}

/* Tarifs V41 */
.pricing-v41-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px;
}
.pricing-v41-card{
  background:#fff;border:1px solid #e1ddd7;border-radius:20px;padding:24px;
  box-shadow:0 12px 32px rgba(45,50,55,.05);display:flex;flex-direction:column;min-height:340px;
}
.pricing-v41-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#eef6ff;font-size:26px;margin-bottom:18px}
.pricing-v41-card.free .pricing-v41-icon{background:#eef9e9}
.pricing-v41-card.auto .pricing-v41-icon{background:#fff3dd}
.pricing-v41-card.pro .pricing-v41-icon{background:#f4ecff}
.pricing-v41-card small{font-weight:900;color:#6e7378;letter-spacing:.06em}
.pricing-v41-card h2{margin:8px 0;font-size:25px}
.pricing-v41-card>strong{font-size:28px;color:#1676d2}
.pricing-v41-card.auto>strong{color:#e69500}
.pricing-v41-card.pro>strong{color:#7c45bc}
.pricing-v41-card>strong span{font-size:14px}
.pricing-v41-card p{color:#6e7479;line-height:1.55;flex:1}
.pricing-v41-card>a{display:inline-flex;justify-content:center;padding:13px 15px;border-radius:11px;background:#f4f7fa;color:#176fc1;font-weight:900}
.pricing-v41-card.pro>a{background:#ffb21b;color:#171717}
.topweb-pro-v41{
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  background:linear-gradient(90deg,#eef6ff,#fff8ec);border:1px solid #dce4ea;border-radius:20px;padding:25px;margin-bottom:24px
}
.topweb-pro-v41 small{color:#176fc1;font-weight:900;letter-spacing:.08em}
.topweb-pro-v41 h2{margin:6px 0 7px}
.topweb-pro-v41 p{margin:0;color:#697077;max-width:820px}
.topweb-pro-v41-actions{display:flex;gap:10px;flex-wrap:wrap}
.topweb-pro-v41-actions a{padding:13px 16px;border-radius:10px;background:#176fc1;color:#fff;font-weight:900}
.topweb-pro-v41-actions a:last-child{background:#ffb21b;color:#171717}

/* Pros V41 */
.pro-v41-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}
.pro-v41-cards article{background:#fff;border:1px solid #e1ddd7;border-radius:20px;padding:26px;box-shadow:0 12px 32px rgba(45,50,55,.05)}
.pro-v41-cards article>span{font-size:35px}
.pro-v41-cards small{display:block;color:#e69500;font-weight:900;letter-spacing:.09em;margin-top:12px}
.pro-v41-cards h2{margin:7px 0 8px;font-size:29px}
.pro-v41-cards strong{font-size:23px;color:#176fc1}
.pro-v41-cards p{color:#6c7378;line-height:1.55}
.pro-v41-cards a{display:inline-flex;margin-top:6px;font-weight:900;color:#176fc1}
.pro-v41-cards .topweb{background:linear-gradient(135deg,#eef6ff,#fff8ec)}
.pro-v41-links{display:flex;gap:18px;flex-wrap:wrap}
.pro-directory-zone,.pro-directory-filter,.premium-pro-card{background:#fff!important;color:#25272a!important;border-color:#e1ddd7!important}
.pro-directory-filter input,.pro-directory-filter select{background:#fff!important;color:#222!important;border-color:#ddd!important}
.pro-directory-filter button{background:#ffb21b!important;color:#151515!important}

/* Footer clair */
.bsa-footer{
  background:#fff!important;border-top:1px solid #dedbd5!important;color:#26282b!important;
}
.footer-helpbar,.footer-bottom-main{border-color:#e3dfd8!important}
.footer-helpbar strong{color:#d98d00!important}
.payment-premium-banner{
  background:linear-gradient(90deg,#f7fbff,#fff9ef)!important;
  border-color:#dce1e5!important;color:#25272a!important;
}
.payment-premium-banner .pay-brand img{filter:none!important}
.footer-legal,.pay-delivery small{color:#737980!important}
.back-top{border-color:#cbd9e5!important;color:#176fc1!important}
.footer-signature strong{color:#d98d00!important}
.footer-network a{color:#53616c!important}
.footer-motto{color:#8a969f!important}
.bsa-live-counter{
  background:#f7fafc!important;color:#25272a!important;border-color:#dce2e7!important;box-shadow:none!important
}
.bsa-live-counter strong{color:#25272a!important}
.bsa-live-counter small{color:#71808a!important}
.bsa-live-counter i{background:#dce2e7!important}

/* Mobile */
@media(max-width:1100px){
  .header-nav{background:#fff!important;border-color:#ddd!important}
  .pricing-v41-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  :root{--wrap:calc(100% - 24px)}
  .universal-hero{
    width:calc(100% - 16px)!important;min-height:480px!important;margin-top:8px!important;border-radius:16px!important;
    background-position:center top!important;
  }
  .universal-hero__shade{
    background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.18) 42%,rgba(255,252,247,.96) 69%,rgba(255,252,247,1) 100%)!important;
  }
  .universal-hero__copy{padding:300px 0 88px!important}
  .universal-hero h1{font-size:39px!important;color:#222!important}
  .hero-search-dock{margin:-38px auto 18px!important}
  .premium-search{border-radius:14px!important}
  .pricing-v41-grid,.pro-v41-cards{grid-template-columns:1fr}
  .topweb-pro-v41{grid-template-columns:1fr}
}
