/**
 * AITopUp — pages & WooCommerce base
 * @package AITopUp
 */

/* Page content */
.page-header { padding: 3rem 0 1rem; text-align: center; }
.page-header h1 { font-family: var(--font-heading); font-size: 2.25rem; margin: 0; color: var(--fg-bright); }

.entry-content {
  max-width: 48rem;
  margin: 0 auto;
  padding: 2rem 1rem 4rem;
  color: var(--muted);
}

.entry-content h2, .entry-content h3 { color: var(--fg-bright); font-family: var(--font-heading); }
.entry-content a { color: var(--accent-link); }

/* WooCommerce overrides */
.woocommerce .woocommerce-breadcrumb { color: var(--muted); margin-bottom: 1rem; }

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  color: var(--muted);
  margin-bottom: 1rem;
}

.shop-loop-toolbar .woocommerce-result-count,
.shop-loop-toolbar .woocommerce-ordering {
  margin-bottom: 0;
}

.woocommerce ul.products {
  display: grid !important;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 !important;
}

@media (min-width: 1024px) {
  .woocommerce ul.products {
    gap: 1.25rem;
    grid-template-columns: repeat(4, 1fr);
  }
}

.woocommerce ul.products.columns-4 {
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 1024px) {
  .woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.woocommerce ul.products::before { display: none !important; }

.woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0 !important;
  overflow: hidden;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.woocommerce ul.products li.product:hover {
  border-color: var(--border-glow);
  box-shadow: var(--shadow-card-hover);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--fg-bright);
  padding: 0 1rem;
  font-size: 1rem;
}

.woocommerce ul.products li.product .price { padding: 0 1rem; color: var(--accent-link) !important; }
.woocommerce ul.products li.product .price del { color: var(--muted-dim) !important; }

.woocommerce ul.products li.product a.button {
  margin: 0 1rem 1rem !important;
  background: var(--gradient-primary) !important;
  background-size: 200% auto !important;
  color: #fff !important;
  border-radius: 0.5rem !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 10px var(--glow-primary) !important;
}

.product-card__actions a.button {
  margin: 0 !important;
}

.woocommerce div.product { color: var(--fg); }
.woocommerce div.product .product_title { font-family: var(--font-heading); color: var(--fg-bright); }
.woocommerce div.product p.price { color: var(--accent-link) !important; font-size: 1.5rem; }
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--muted); }

.woocommerce table.shop_table {
  background: var(--card);
  border: 1px solid var(--border) !important;
  border-radius: var(--radius);
  color: var(--fg);
  backdrop-filter: blur(8px);
}

.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--border) !important; }
.woocommerce .cart-collaterals, .woocommerce-checkout { color: var(--fg); }

.woocommerce form .form-row input,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  width: 100%;
  min-height: var(--touch-min);
  background: var(--input-bg);
  border: 1px solid var(--border);
  color: var(--fg-bright);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: var(--color-border-glow);
  box-shadow: 0 0 0 3px var(--accent-focus-ring);
  outline: none;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error {
  background: var(--card) !important;
  border-top-color: var(--accent-link) !important;
  color: var(--fg) !important;
  border-radius: 0.5rem;
}

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background: var(--gradient-primary) !important;
  background-size: 200% auto !important;
  color: #fff !important;
  border-radius: 0.5rem !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 10px var(--glow-primary) !important;
}

.woocommerce-page .select2-container--default .select2-selection--single {
  background: var(--input-bg);
  border: 1px solid var(--border);
  color: var(--fg-bright);
}

/* Hide default woo sidebar on shop */
.woocommerce-page .widget-area { display: none; }

/* Divider utility */
.divider { border: none; border-top: 1px solid var(--border); margin: 0.75rem 0; }