/* =====================================================================
   Yebou Market — styles publics (fiches produit, boutiques vendeurs,
   Mon compte). Charte E-YEBOU : azur #009FE3 / orange #FF6B00.
   ===================================================================== */

/* Badge « Vendu par … » sur la fiche produit (confiance façon Jumia). */
.ym-soldby{
  display:flex; align-items:center; flex-wrap:wrap; gap:7px;
  background:#E6F5FD; border:1px solid #BFE5F8; border-radius:12px;
  padding:11px 15px; margin:14px 0; font-size:14.5px; color:#0F2433;
}
.ym-soldby .ym-verified{ color:#12B76A; flex:0 0 auto; }
.ym-soldby a{ color:#0077B0; font-weight:600; text-decoration:none; }
.ym-soldby a:hover{ text-decoration:underline; }
.ym-soldby__city{ color:#5B6B75; }

/* Badge « Partenaire E-YEBOU vérifié ». */
.ym-partner{
  display:inline-flex; align-items:center; gap:6px;
  background:linear-gradient(120deg,#009FE3,#0077B0); color:#fff;
  border-radius:999px; padding:6px 14px; font-weight:700; font-size:13px;
  font-family:"Poppins",system-ui,sans-serif; letter-spacing:.01em;
  box-shadow:0 4px 12px rgba(0,159,227,.30);
}
.ym-partner svg{ background:#12B76A; border-radius:50%; padding:2px; flex:0 0 auto; }
.ym-partner--small{ padding:4px 11px; font-size:12px; }

/* Bannière d'identité en tête de la boutique publique du vendeur. */
.ym-storebanner{ background:linear-gradient(120deg,#009FE3,#0077B0); color:#fff; border-radius:16px; margin:0 0 26px; }
.ym-storebanner__in{ display:flex; align-items:center; gap:20px; padding:34px 28px; }
.ym-storebanner__logo img{ width:72px; height:72px; border-radius:16px; object-fit:cover; border:3px solid rgba(255,255,255,.55); display:block; }
.ym-storebanner__eyebrow{ display:inline-block; margin-bottom:10px; }
.ym-storebanner h1{ color:#fff; margin:0 0 8px; font-size:clamp(24px,3.4vw,38px); }
.ym-storebanner p{ margin:4px 0; opacity:.95; }
@media (max-width:600px){
  .ym-storebanner__in{ flex-direction:column; align-items:flex-start; gap:12px; padding:26px 20px; }
}

/* Passerelle « Mon compte » ⇄ espace vendeur. */
.ym-account-cta{
  display:block; text-align:center; margin:0 0 16px; padding:13px 18px;
  border-radius:12px; text-decoration:none; font-weight:700;
  font-family:"Poppins",system-ui,sans-serif; font-size:15px;
  background:linear-gradient(120deg,#009FE3,#0077B0); color:#fff !important;
  box-shadow:0 6px 16px rgba(0,159,227,.28);
}
.ym-account-cta:hover{ filter:brightness(1.06); color:#fff; }
.ym-account-cta--soft{
  background:#FFF3E8; color:#B04A00 !important; box-shadow:none;
  border:1.5px dashed #FFC79A; font-weight:600;
}
.ym-account-cta--soft:hover{ background:#FFE9D6; color:#B04A00; }