/* =========================================================
   GOTIQUE — global.css
   Chargé sur TOUTES les pages.
   Contenu : barre de recherche FiboSearch, listes mobile,
   CTA des suggestions FiboSearch, wishlist, états vides Woo.
   ========================================================= */


/* =========================================================
   SEARCH
   ========================================================= */

.dgwt-wcas-search-wrapp {
  width: 480px;
}

@media (max-width: 768px) {
  .dgwt-wcas-search-wrapp {
    width: 300px;
  }
}


/* =========================================================
   MOBILE — LISTES
   ========================================================= */

@media (max-width: 1024px) {

  .wp-block-list {
    list-style-type: disc !important;
  }

  .wp-block-list li a {
    text-decoration: underline !important;
  }
}


/* =========================================================
   FIBOSEARCH — CTA dans les suggestions
   ========================================================= */

.dgwt-wcas-suggestion .add_to_cart_button,
.dgwt-wcas-suggestion .button,
.dgwt-wcas-details-wrapp .add_to_cart_button,
.dgwt-wcas-details-wrapp .button {

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 9px 16px !important;

  min-height: 38px;
  width: auto !important;

  border-radius: 999px !important;

  background: linear-gradient(
    135deg,
    rgba(86, 26, 80, 0.92),
    rgba(138, 43, 226, 0.92)
  ) !important;

  color: #ffffff !important;

  border: 1px solid rgba(255,255,255,0.12) !important;

  font-size: 13px !important;
  font-weight: 600;
  line-height: 1 !important;
  letter-spacing: 0.3px;

  white-space: nowrap !important;

  text-decoration: none !important;

  box-shadow: 0 4px 14px rgba(0,0,0,0.18);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    opacity 0.25s ease;
}

.dgwt-wcas-suggestion .add_to_cart_button:hover,
.dgwt-wcas-suggestion .button:hover,
.dgwt-wcas-details-wrapp .add_to_cart_button:hover,
.dgwt-wcas-details-wrapp .button:hover {

  transform: translateY(-2px);

  color: #ffffff !important;

  box-shadow:
    0 0 14px rgba(138,43,226,0.32),
    0 6px 18px rgba(0,0,0,0.22);
}

.dgwt-wcas-suggestion .add_to_cart_button:active,
.dgwt-wcas-suggestion .button:active,
.dgwt-wcas-details-wrapp .add_to_cart_button:active,
.dgwt-wcas-details-wrapp .button:active {
  transform: scale(0.97);
}


/* =========================================================
   WISHLIST
   (boutons présents en boucle produit, fiche produit
   et page liste de favoris → chargement global)
   ========================================================= */

.wlfmc-add-to-wishlist a svg {
  opacity: 0.65;
  transition: opacity 0.2s ease, fill 0.2s ease;
}

.wlfmc-add-to-wishlist a:hover svg {
  opacity: 1;
  fill: #8a2be2;
}

.wlfmc-add-to-wishlist .wlfmc-added svg,
.wlfmc-add-to-wishlist .wlfmc-removefromwishlist svg {
  opacity: 1;
  fill: #e53935;
}


/* =========================================================
   ÉTATS VIDES WOOCOMMERCE (.woocommerce-info)
   Conservé en global pour reproduire à l'identique le
   comportement actuel (la règle n'était pas scopée).
   Candidat à un scope `.woocommerce-account` plus tard.
   ========================================================= */

.woocommerce-info {
    background:#fff !important;
    border:0 !important;
    padding:55px 35px !important;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#1c2331;
    font-size:18px;
    line-height:1.5;
}

/* supprime l'icône WooCommerce native */
.woocommerce-info::before {
    content:"" !important;
    display:block !important;
    width:55px;
    height:55px;
    margin-bottom:25px;
    background:url("/wp-content/uploads/icons/commande.svg") center/contain no-repeat;
}

.woocommerce-info .button,
.woocommerce-info .wc-forward {
    margin-top:25px !important;
    background:#5b155f !important;
    color:#fff !important;
    border-radius:0 !important;
    border:0 !important;
    padding:15px 38px !important;
    font-size:14px !important;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:.25s ease;
}

.woocommerce-info .button:hover,
.woocommerce-info .wc-forward:hover {
    background:#3d0e40 !important;
}

@media(max-width:768px){
    .woocommerce-info {
        padding:40px 22px !important;
    }
    .woocommerce-info .button,
    .woocommerce-info .wc-forward {
        width:100%;
    }
}