/* ============================================================
   LIFEFIT Ember — adaptations WordPress / WooCommerce
   Les pages WP (checkout, panier, compte, contact…) vivent dans
   une carte claire pour rester lisibles avec tous les plugins.
   ============================================================ */

.wp-shell { padding: clamp(36px, 6vw, 72px) 0 clamp(48px, 7vw, 90px); }

.wp-title {
  font-family: var(--font-display);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 0.98;
  font-size: clamp(30px, 5vw, 56px);
  margin: 0 0 24px;
}

.wp-card {
  background: #ffffff;
  color: #1c1e24;
  border-radius: calc(var(--radius) + 4px);
  padding: clamp(22px, 4vw, 48px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
}

.wp-card .wp-title { color: #14161b; }

.wp-card a { color: #d4530b; }

.wp-card a:hover { text-decoration: underline; }

.wp-content { font-size: 15.5px; line-height: 1.7; }

.wp-content h1, .wp-content h2, .wp-content h3, .wp-content h4 {
  font-family: var(--font-display);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.05;
  color: #14161b;
}

.wp-content img { border-radius: var(--radius-sm); }

.wp-content :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], textarea, select),
.wp-card :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], textarea, select) {
  border: 1px solid #d8dbe2;
  border-radius: 10px;
  padding: 10px 14px;
  font-family: var(--font-body);
  font-size: 15px;
  background: #fff;
  color: #1c1e24;
  max-width: 100%;
}

/* Boutons WooCommerce & formulaires → orange EMBER */
.wp-card :where(.button, button[type="submit"], input[type="submit"], .wc-block-components-button, .checkout-button, .single_add_to_cart_button) {
  background: var(--volt) !important;
  color: var(--ink-on-volt) !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 12px 26px !important;
  cursor: pointer;
  transition: transform 0.2s var(--ease), box-shadow 0.2s;
}

.wp-card :where(.button, button[type="submit"], input[type="submit"], .wc-block-components-button, .checkout-button, .single_add_to_cart_button):hover {
  box-shadow: 0 8px 24px rgba(255, 107, 26, 0.35);
  transform: translateY(-1px);
}

/* Messages WooCommerce */
.wp-card :where(.woocommerce-message, .woocommerce-info) {
  border-top-color: var(--volt);
}

.wp-card :where(.woocommerce-message, .woocommerce-info)::before { color: var(--volt); }

/* Tableaux (panier, commandes) */
.wp-card table { border-collapse: collapse; width: 100%; }

.wp-card table :where(th, td) { border-color: #e6e8ee; }

/* Fil d'Ariane et compteurs Woo */
.wp-card .woocommerce-breadcrumb { color: #7b818d; font-size: 13.5px; }

/* Étoiles d'avis */
.wp-card .star-rating span::before { color: var(--volt); }

/* Neutralise les résidus d'anciens réglages sombres dans la carte claire */
.wp-card :where(p, li, td, th, label, span) { color: inherit; }

/* Largeur raisonnable pour la lecture des pages simples */
.page:not(.woocommerce-page) .wp-card { max-width: 900px; margin-inline: auto; }

/* Admin bar : ne pas casser le header sticky */
body.admin-bar .site-header { top: 32px; }

@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}