/**
 * WooCommerce Styles - CodeMarket Pro / Wp-snippet-PRO
 */

.woocommerce, .woocommerce-page { padding: 2rem 0; }

/* TA GRILLE PRODUITS */
.woocommerce .products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce ul.products li.product {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  padding: 1.5rem;
  transition: var(--transition);
  text-align: center;
  position: relative;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  border-color: var(--color-primary);
}

/* AJOUTS POUR L'INDEX PREMIUM & SEARCH */
.hero-premium { padding: 60px 0; text-align: center; }
.search-block { background: var(--color-secondary); padding: 40px; border-radius: var(--border-radius); max-width: 700px; margin: 0 auto; }

/* AJOUTS POUR LA PAGE PRODUIT XXL & ONGLETS */
.product-layout-xxl { display: grid; grid-template-columns: 1fr 400px; gap: 4rem; margin: 2rem 0; align-items: start; }
.purchase-card { 
    background: var(--color-secondary); padding: 2.5rem; 
    border-radius: var(--border-radius); border: 2px solid var(--color-primary); 
    position: sticky; top: 100px; 
}

.tabs-nav { display: flex; border-bottom: 2px solid var(--color-border); margin-top: 3rem; }
.tab-btn { 
    padding: 1rem 2rem; background: none; border: none; cursor: pointer; 
    font-weight: 700; color: var(--color-text-light); border-bottom: 3px solid transparent; 
}
.tab-btn.active { color: var(--color-primary); border-bottom-color: var(--color-primary); }
.tab-content { display: none; padding: 3rem 0; }
.tab-content.active { display: block; animation: fadeIn 0.3s ease; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }