/* ====== Bouton "❤️ Voir ma création" ====== */
#reprendre-creation.button.button-primary {
  display: block;
  width: 100%;
  max-width: 420px;
  margin: 16px auto;
  padding: 8px 22px !important;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  color: #0f172a !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  text-align: center;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#reprendre-creation.button.button-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.12);
  border-color: #d1d5db;
}

#reprendre-creation.button.button-primary:active {
  transform: translateY(0);
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

/* ====== Bouton "🎨 Personnaliser ce produit" ====== */
#ouvrir-personnalisation.button {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 0 auto !important;
  padding: 8px 22px !important;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  color: #0f172a !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  text-align: center;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#ouvrir-personnalisation.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.12);
  border-color: #d1d5db;
}

#ouvrir-personnalisation.button:active {
  transform: translateY(0);
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}


/* Bouton "Accéder à Mon Compte" - bleu pastel + texte blanc */
#idp-login-modal a.idp-btn,
#idp-saved-modal a.idp-btn {
  display: inline-block;
  padding: 12px 20px;
  background-color: #5aa7da !important; /* bleu pastel un peu soutenu */
  color: #fff !important;               /* texte blanc */
  border-radius: 6px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.3;
  border: none !important;
  text-decoration: none !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  transition: background 0.2s ease, transform 0.15s ease;
}

/* Hover / focus → bleu un peu plus foncé */
#idp-login-modal a.idp-btn:hover,
#idp-saved-modal a.idp-btn:hover,
#idp-login-modal a.idp-btn:focus,
#idp-saved-modal a.idp-btn:focus {
  background-color: #3f92c9 !important; /* bleu pastel foncé */
  color: #fff !important;               /* reste blanc */
  transform: translateY(-1px);
  text-decoration: none !important;
}

/* Visited → rester bleu pastel */
#idp-login-modal a.idp-btn:visited,
#idp-saved-modal a.idp-btn:visited {
  background-color: #5aa7da !important;
  color: #fff !important;
  text-decoration: none !important;
}
/* Boutons bleus pastel dans les deux modales (connecté / non connecté) */
#idp-login-modal a.idp-btn,
#idp-saved-modal a.idp-btn,
#idp-login-modal a.idp-btn-primary,
#idp-saved-modal a.idp-btn-primary {
  display: inline-block;
  padding: 12px 20px;
  background-color: #5aa7da !important; /* bleu pastel */
  color: #fff !important;               /* texte blanc */
  border-radius: 6px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.3;
  border: none !important;
  text-decoration: none !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  transition: background 0.2s ease, transform 0.15s ease;
}

/* Hover / focus → bleu pastel plus foncé */
#idp-login-modal a.idp-btn:hover,
#idp-saved-modal a.idp-btn:hover,
#idp-login-modal a.idp-btn-primary:hover,
#idp-saved-modal a.idp-btn-primary:hover {
  background-color: #3f92c9 !important; /* pastel foncé */
  color: #fff !important;
  transform: translateY(-1px);
  text-decoration: none !important;
}

/* Visited → rester pastel */
#idp-login-modal a.idp-btn:visited,
#idp-saved-modal a.idp-btn:visited,
#idp-login-modal a.idp-btn-primary:visited,
#idp-saved-modal a.idp-btn-primary:visited {
  background-color: #5aa7da !important;
  color: #fff !important;
  text-decoration: none !important;
}
.idp-font-picker{position:relative;display:inline-block}
.idp-font-btn{background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 12px;cursor:pointer;min-width:200px;text-align:left;font-size:16px;line-height:1.4}
#c-fontPickerLabel{font-size:16px;pointer-events:none}
.idp-font-menu{position:absolute;top:100%;left:0;z-index:9999;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.15);width:240px;font-size:19px}
.idp-font-menu ul{list-style:none;margin:0;padding:0}
.idp-font-menu li{list-style:none;padding:8px 12px;cursor:pointer;line-height:1.5}
.idp-font-menu li:hover{background:#f5f5f5}
.idp-font-menu li.active{background:#eef3ff}
.idp-edit-design-button {
  display: inline-block !important;
  margin-top: 8px;
  padding: 7px 16px;
  background-color: #f5d3e6 !important; /* rose pastel Isabel */
  color: #3a2b33 !important;
  border: 1px solid #e1b7cb;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.08);
  transition: all 0.25s ease;
}

.idp-edit-design-button:hover {
  background-color: #f0c6dd !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.12);
  transform: translateY(-1px);
}