/**********************************************
 * IRON CLUB – CUSTOM STYLES
 * Styles personnalisés pour le plugin Iron Wallet
 **********************************************/

/**********************************************
 * IRON CLUB – HEADER ICONS
 * Wallet = badge vert, User & Cart = icônes nues
 **********************************************/

/* Container des 3 éléments dans le header */
.ic-header-icons {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

/* ===== USER – icône nue ===== */

.ic-header-icons .ic-user-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.ic-header-icons .ic-user-btn .elementor-icon {
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--iwc-text) !important;
}

/* Pas de hover sur l'icône user */
.ic-header-icons .ic-user-btn:hover,
.ic-header-icons .ic-user-btn .elementor-icon:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* ===== WALLET – badge vert ===== */

.ic-header-icons .ic-wallet-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;
  background: transparent !important;
  line-height: 1 !important;
}

/* Masquer complètement le badge wallet si non connecté */
body:not(.logged-in) .ic-header-icons .ic-wallet-btn {
  display: none !important;
}

/* Texte du badge (div, span ou <a> généré par le shortcode) */
.ic-header-icons .ic-wallet-btn,
.ic-header-icons .ic-wallet-btn span,
.ic-header-icons .ic-wallet-btn a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #000000 !important;
  /* bien noir */
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

/* État connecté : solde centré */
body.logged-in .ic-header-icons .ic-wallet-btn,
body.logged-in .ic-header-icons .ic-wallet-btn span,
body.logged-in .ic-header-icons .ic-wallet-btn a {
  max-width: none !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

/* Badge wallet (shortcode/menu) sans fond */
.iron-wallet-badge,
.iron-wallet-badge a,
.iron-wallet-badge-li a {
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

.iron-wallet-badge a:hover,
.iron-wallet-badge-li a:hover {
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

/* ===== CART – on laisse le widget gérer l'icône, on nettoie juste ===== */

/* Wrapper du widget menu-cart */
.ic-header-icons .ic-cart-btn {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Bouton/toggle du menu-cart */
.ic-header-icons .ic-cart-btn .elementor-menu-cart__toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ic-header-icons .ic-cart-btn .elementor-menu-cart__toggle_button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--iwc-text) !important;
}

/* Icône du panier */
.ic-header-icons .ic-cart-btn .elementor-menu-cart__toggle .elementor-button-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  position: relative !important;
  top: -2px !important;
}

.ic-header-icons .ic-cart-btn .elementor-menu-cart__toggle .elementor-button-icon svg,
.ic-header-icons .ic-cart-btn .elementor-menu-cart__toggle .elementor-button-icon i,
.ic-header-icons .ic-cart-btn .elementor-menu-cart__toggle .eicon {
  width: 24px !important;
  height: 24px !important;
  font-size: 24px !important;
  line-height: 1 !important;
  color: var(--iwc-text) !important;
  stroke: currentColor !important;
  fill: none !important;
  display: block !important;
}

/* Compteur d'articles + libellé "Panier" */
.ic-header-icons .ic-cart-btn .elementor-menu-cart__toggle .elementor-button-icon,
.ic-header-icons .ic-cart-btn .elementor-menu-cart__toggle .elementor-button-text {
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--iwc-text) !important;
}

/* Pas d'effet hover sur le toggle */
.ic-header-icons .ic-cart-btn .elementor-menu-cart__toggle:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* ===== MOBILE ===== */

@media (max-width: 480px) {
  .ic-header-icons {
    gap: 10px !important;
  }

  .ic-header-icons .ic-user-btn .elementor-icon {
    width: 20px !important;
    height: 20px !important;
  }

  .ic-header-icons .ic-wallet-btn {
    height: 28px !important;
    padding: 0 10px !important;
  }
}

/* ===== MOBILE : masquer le badge crédits dans le header (≤ 767px) ===== */

@media (max-width: 767px) {
  .ic-header-icons .ic-wallet-btn {
    display: none !important;
  }
}

/*
 * NOTE : Le CSS du mini-cart WooCommerce a été déplacé dans le thème :
 * /themes/morphose/morphose-addons/morphose-panier/morphose-cart-mini/mini-cart.css
 *
 * Ce fichier ironclub-custom.css doit contenir UNIQUEMENT les styles
 * liés au plugin Iron Wallet (badges, header icons, etc.)
 */