/* WooCommerce specific styles for YourPlugin Genesis Child Theme */

/* Shop page */
.woocommerce ul.products li.product {
  @apply bg-white rounded-lg shadow-md overflow-hidden transition-transform duration-300 ease-in-out;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  @apply text-lg font-semibold px-4 py-2;
}

.woocommerce ul.products li.product .price {
  @apply text-blue-600 font-bold px-4 pb-2;
}

/* Single product page */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  @apply bg-white p-4 rounded-lg shadow-md;
}

.woocommerce div.product .product_title {
  @apply text-3xl font-bold mb-4;
}

.woocommerce div.product p.price {
  @apply text-2xl text-blue-600 font-bold;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  @apply bg-gray-100 rounded-t-lg p-2;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  @apply bg-white rounded-t-lg mr-2;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  @apply border-b-2 border-blue-600;
}

/* Cart page */
.woocommerce-cart table.cart td.actions .coupon .input-text {
  @apply w-40 mr-2;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
  @apply bg-white rounded-lg shadow-md p-4;
}

/* Checkout page */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
  @apply bg-white rounded-lg shadow-md p-6 mb-6;
}

/* My Account page */
.woocommerce-account .woocommerce-MyAccount-navigation {
  @apply bg-white rounded-lg shadow-md p-4;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  @apply list-none p-0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  @apply mb-2;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  @apply block py-2 px-4 rounded-md transition-colors duration-200;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  @apply bg-blue-600 text-white;
}