/* Rose du Sahara — shell overrides
   Goal: prevent page-specific CSS (e.g. bouquet-composer / mon-compte) from breaking header/footer.
*/

/* Header buttons */
.rds-topbar .btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 22px;border-radius:999px;
  border:2px solid rgba(255,230,181,.75);
  background:transparent;color:#fff;
  font-weight:600;
}
.rds-topbar .btn.primary{background:#000;color:#fff;border-color:rgba(255,230,181,.85)}
.rds-topbar .btn.small{padding:10px 16px;font-size:.95rem}
.rds-topbar .btn:hover{transform:translateY(-1px)}

/* Footer form controls */
.footer .input{
  width:100%;
  padding:14px 14px;
  border-radius: 12px;
  border:1px solid rgba(0,0,0,.15);
  outline:none;
  font-size:1rem;
  background:#fff;
  color:#000;
}
.footer .btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 22px;border-radius:999px;
  border:2px solid rgba(255,230,181,.75);
  background:transparent;color:#fff;
  font-weight:600;
}
.footer .btn.primary{background:#000;color:#fff;border-color:rgba(255,230,181,.85)}
.footer .btn:hover{transform:translateY(-1px)}

/* ------------------------------------------------------------
   RDS Shop (panier / commande) — FIX LISIBILITÉ
   Problème observé: texte (inputs/select) hérite du blanc global sur fonds clairs.
   On force une couleur sombre uniquement dans les blocs à fond clair du shop.
------------------------------------------------------------- */

#rds-shop-root .bg-white,
#rds-shop-root .bg-white\/90,
#rds-shop-root .bg-white\/80,
#rds-shop-root .bg-blue-50,
#rds-shop-root .bg-amber-50,
#rds-shop-root .bg-orange-50{
  color:#111 !important;
}

#rds-shop-root .bg-white input,
#rds-shop-root .bg-white select,
#rds-shop-root .bg-white textarea,
#rds-shop-root .bg-blue-50 input,
#rds-shop-root .bg-blue-50 select,
#rds-shop-root .bg-blue-50 textarea,
#rds-shop-root .bg-amber-50 input,
#rds-shop-root .bg-amber-50 select,
#rds-shop-root .bg-amber-50 textarea,
#rds-shop-root .bg-orange-50 input,
#rds-shop-root .bg-orange-50 select,
#rds-shop-root .bg-orange-50 textarea{
  color:#111 !important;
}

#rds-shop-root .bg-white input::placeholder,
#rds-shop-root .bg-white textarea::placeholder,
#rds-shop-root .bg-blue-50 input::placeholder,
#rds-shop-root .bg-blue-50 textarea::placeholder,
#rds-shop-root .bg-amber-50 input::placeholder,
#rds-shop-root .bg-amber-50 textarea::placeholder,
#rds-shop-root .bg-orange-50 input::placeholder,
#rds-shop-root .bg-orange-50 textarea::placeholder{
  color: rgba(0,0,0,.45) !important;
}

/* Options dans les <select> */
#rds-shop-root select option{
  color:#111 !important;
  background:#fff;
}