/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 :root{
  --pdj-gold: #E9A610;
  --pdj-gold-hover: #D1950E;
  --pdj-gold-active:#BA840C;
  --pdj-red:  #F8082C;
  --pdj-red-hover:#DF0727;
  --pdj-red-active:#C60623;
  --pdj-black:#0C0606;
  --pdj-warm-gray:#B8A19F;
  --pdj-bg:#F7F7F7;
  --pdj-white:#FEFEFE;
}

/* Boutons */
.btn, .btn-primary{
  background: var(--pdj-gold);
  color: var(--pdj-black);
  border-color: var(--pdj-gold);
}
.btn:hover, .btn-primary:hover{ background: var(--pdj-gold-hover); border-color: var(--pdj-gold-hover); }
.btn:active, .btn-primary:active{ background: var(--pdj-gold-active); border-color: var(--pdj-gold-active); }

/* Bouton secondaire / promo */
.btn-secondary, .btn-sale, .add-to-cart-quick{
  background: var(--pdj-red);
  color: var(--pdj-black);
  border-color: var(--pdj-red);
}
.btn-secondary:hover, .btn-sale:hover{ background: var(--pdj-red-hover); border-color: var(--pdj-red-hover); }

/* Liens */
a{ color: var(--pdj-black); }
a:hover{ color: var(--pdj-gold); }

/* Badges */
.badge-sale, .badge-new{ background: var(--pdj-red); color: var(--pdj-black); }

/* Header/Footer */
.site-header, .site-footer{ background: var(--pdj-black); color: var(--pdj-white); }
.site-footer a, .site-header a{ color: var(--pdj-white); }
.site-footer a:hover, .site-header a:hover{ color: var(--pdj-gold); }

/* Fonds de section */
.section-alt{ background: var(--pdj-bg); }

/* Prix & surlignages */
.price { color: var(--pdj-black); }
.highlight{ background: var(--pdj-gold); color: var(--pdj-black); padding: .1rem .35rem; }

/* Chic : centrage du slider */
#index img[src*="slider-yugioh"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Réassurance home - icônes + textes */
#index .elementor-icon-box-wrapper {
  display: flex;
  align-items: center;
  gap: 14px;
}

#index .elementor-icon-box-icon {
  margin-right: 14px !important;
  flex-shrink: 0;
}

#index .elementor-icon-box-content {
  text-align: left;
}

#index .elementor-icon-box-title,
#index .elementor-icon-box-title h3,
#index .elementor-icon-box-title a {
  font-size: 16px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  font-weight: 600;
}

#index .elementor-icon-box-description {
  font-size: 13px !important;
  line-height: 1.3 !important;
  margin-top: 2px !important;
}

/* Mobile : recentrage propre */
@media (max-width: 767px) {
  #index .elementor-icon-box-wrapper {
    justify-content: center;
    text-align: center;
  }

  #index .elementor-icon-box-content {
    text-align: center;
  }

  #index .elementor-icon-box-title,
  #index .elementor-icon-box-title h3,
  #index .elementor-icon-box-title a {
    font-size: 15px !important;
  }
}

/* Les tabs en dessus de tous les produits */
#index .elementor-tab-title,
#index .nav-tabs .nav-link,
#index .td-tabs-title,
#index .td-product-tab-title {
  display: inline-block;
  padding: 10px 22px !important;
  margin: 0 6px 18px 0 !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #222222 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

#index .elementor-tab-title.elementor-active,
#index .nav-tabs .nav-link.active,
#index .td-tabs-title.active,
#index .td-product-tab-title.active {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

#index .elementor-tabs-wrapper,
#index .nav-tabs,
#index .td-tabs-wrapper,
#index .td-product-tabs {
  display: flex;
  justify-content: center;
  gap: 8px;
  border-bottom: none !important;
  margin-bottom: 22px;
}