/****************************************************
 * BOTÃO "ACHETER MAINTENANT" — DESKTOP (SEM ALTERAÇÕES)
 ****************************************************/
button.buy_now_button,
.buy_now_button {
    background-color: #4CAF50 !important; /* VERDE */
    color: #ffffff !important;
    padding: 10px 18px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    border: none !important;
    cursor: pointer;
    display: inline-block !important;
    margin-left: 10px !important; /* SEPARA DOS OUTROS BOTÕES */
    width: auto !important;
}

/* Hover */
button.buy_now_button:hover,
.buy_now_button:hover {
    background-color: #43a047 !important;
}

/****************************************************
 * MOBILE — BOTÕES EMPILHADOS (NOVA LÓGICA)
 ****************************************************/
@media (max-width: 768px) {

    /* Força o formulário dos botões a ficar em modo vertical */
    .single-product form.cart {
        display: block !important;
    }

    /* Botão "Ajouter au panier" — 100% largura no mobile */
    .single-product .cart button {
        width: 100% !important;
        display: block !important;
        margin: 0 0 12px 0 !important; /* espaço entre "ajouter" e "acheter" */
        text-align: center !important;
    }

    /* Botão "Acheter maintenant" — 100% largura, vem SEMPRE por baixo */
    .single-product .buy_now_button,
    .single-product button.buy_now_button_mobile {
        width: 100% !important;
        margin: 0 !important; /* limpa margem lateral */
        margin-bottom: 12px !important;
        display: block !important;
        text-align: center !important;
    }

    /* Se houver versão mobile separada */
    .buy_now_button_mobile {
        width: 100% !important;
        margin-top: 0 !important;
    }
}

/* === tamanho titulo de produtos === */
@media (max-width: 480px) {
  .woocommerce ul.products li.product .button {
      font-size: 10px;
      padding: 10px 14px;
      border-radius: 6px;
      line-height: 1.2;
  }
}

/* === Cards de produtos – simples, estável e responsivo === */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: #ffffff;
    border-radius: 6px; /* cantos suaves */
    padding: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.07);
    transition: box-shadow 0.2s ease;
    position: relative;
    overflow: hidden; /* evita bugs em mobile */
}

/* Hover APENAS em desktop */
@media (hover: hover) and (pointer: fine) {
  .woocommerce ul.products li.product:hover,
  .woocommerce-page ul.products li.product:hover {
      box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  }
}

/* Imagens com cantos suaves */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
    border-radius: 6px;
}

/* Badge PROMO / SOLDES */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    background: #4CAF50 !important;
    color: #ffffff !important;
    border-radius: 50% !important;

    width: 44px !important;
    height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase;

    position: absolute;
    top: 8px !important;
    right: 8px !important;

    line-height: 1 !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.18);
    border: 2px solid #ffffff !important;
    z-index: 20;
}

/* === Título limitado a 2 linhas (estável em mobile) === */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 1.35em;
    max-height: 2.7em;
    margin-bottom: 6px;
}

/* === Ajustes MOBILE === */
@media (max-width: 480px) {
  .woocommerce ul.products li.product {
      padding: 6px;
      border-radius: 6px;
  }

  .woocommerce ul.products li.product img {
      border-radius: 6px;
  }

  .woocommerce ul.products li.product .onsale {
      width: 38px !important;
      height: 38px !important;
      font-size: 9px !important;
  }
}

/* Bouton Faire une offre - état normal */
.make-offer-button {
    background-color: #2FA6A1 !important; /* azul/verde intermédio */
    border-color: #2FA6A1 !important;
    color: #ffffff !important;
    transition: all 0.2s ease-in-out;
}

/* Hover */
.make-offer-button:hover {
    background-color: #4CAF50 !important; /* verde */
    border-color: #4CAF50 !important;
    color: #ffffff !important;
}

/* Header fixo */
.site-header,
#masthead,
.header,
.main-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #fff;
}