/* ============================================================================
   DoudouPlanet V7 — surcouche SITE RÉEL (neo uniquement)
   Habille les éléments EXISTANTS du site (classes historiques) avec le look V7,
   sans toucher au layout (uniquement radius/ombres/couleurs/transitions).
   Chargée APRÈS v7.css.
   ========================================================================== */

/* ---------- 1. BOUTON « Ajouter au Panier » (page produit, input.btv) ------ */
#addProductSubmit,
input.btv[type="button"], input.btv[type="submit"] {
  -webkit-appearance: none; appearance: none;
  background: linear-gradient(135deg, var(--v7-cta), color-mix(in srgb, var(--v7-cta) 72%, #ff9f68));
  color: var(--v7-cta-ink);
  border: 0; border-radius: 999px;
  padding: 13px 30px;
  font-size: 16px; font-weight: bold; letter-spacing: .02em;
  cursor: pointer;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--v7-cta) 45%, transparent);
  transition: transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .18s ease, filter .18s ease;
}
#addProductSubmit:hover,
input.btv[type="button"]:hover, input.btv[type="submit"]:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 12px 26px color-mix(in srgb, var(--v7-cta) 55%, transparent);
  filter: brightness(1.05);
}
#addProductSubmit:active,
input.btv[type="button"]:active, input.btv[type="submit"]:active {
  transform: translateY(0) scale(.95);
  transition-duration: .06s;
}

/* ---------- 2. CARTES PRODUIT des listings (marque/catalogue/catégorie) ---- */
.article_bebe, .article_bebe_pas_cher {
  background: var(--v7-surface);
  border-radius: var(--v7-radius);
  box-shadow: 0 3px 12px rgba(30, 30, 60, .07);
  transition: transform .28s cubic-bezier(.2,.7,.3,1), box-shadow .28s ease;
}
.article_bebe:hover, .article_bebe_pas_cher:hover {
  transform: translateY(-5px);
  box-shadow: var(--v7-shadow);
}
.article_bebe img[src*="super_"], .article_bebe_pas_cher img[src*="super_"] {
  border-radius: calc(var(--v7-radius) - 6px);
  transition: transform .4s cubic-bezier(.2,.7,.3,1);
}
.article_bebe:hover img[src*="super_"], .article_bebe_pas_cher:hover img[src*="super_"] {
  transform: scale(1.05);
}

/* ---------- 3. LIENS SECONDAIRES (favoris, liste de naissance, fdp…) ------- */
.lien_ajouter, .frais_expedition {
  display: inline-block;
  padding: 6px 14px; margin: 3px 0;
  border-radius: 999px;
  background: var(--v7-surface-2);
  color: var(--v7-ink) !important;
  text-decoration: none !important;
  font-size: 12px;
  transition: background .18s ease, transform .18s cubic-bezier(.34,1.56,.64,1);
}
.lien_ajouter:hover, .frais_expedition:hover {
  background: var(--v7-primary-soft);
  transform: translateY(-2px);
}

/* ---------- 4. LOGOS MARQUES (bandeaux 120x120 / 45x45) -------------------- */
img[src*="marques/120x120/"], img[src*="marques/45x45/"] {
  border-radius: 12px;
  filter: saturate(.85);
  transition: transform .22s cubic-bezier(.34,1.56,.64,1), filter .22s ease, box-shadow .22s ease;
}
img[src*="marques/120x120/"]:hover, img[src*="marques/45x45/"]:hover {
  transform: scale(1.08) rotate(-1deg);
  filter: saturate(1.15);
  box-shadow: 0 8px 18px rgba(30,30,60,.18);
}

/* ---------- 5. ZONE ACHAT page produit ------------------------------------- */
#options_ajouter_page_produit { line-height: 2; }
#addProductForm select, #addProductForm input[type="text"] {
  border: 1px solid var(--v7-glass-border);
  border-radius: 10px;
  padding: 6px 10px;
  background: var(--v7-surface);
  transition: border-color .18s, box-shadow .18s;
}
#addProductForm select:focus, #addProductForm input[type="text"]:focus {
  outline: none;
  border-color: var(--v7-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--v7-primary) 22%, transparent);
}