/* Main container */
.woocommerce div.product {
    @apply relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 bg-white;
}

/* Product gallery container */
.product-gallery {
    @apply relative w-full aspect-[4/3] rounded-2xl overflow-hidden;
}

/* Main image container */
.product-gallery [x-show] {
    @apply absolute inset-0 w-full h-full;
}

/* Image styling */
.product-gallery [x-show] img {
    @apply absolute inset-0 w-full h-full object-cover;
}

/* Remove any spacing */
.product-gallery > div {
    @apply m-0 p-0;
}

/* Clean up duplicate styles */
.product-gallery img {
    @apply w-full h-full object-cover transition-transform duration-300;
}

/* Zoom functionality */
.product-gallery[x-data] img.scale-110 {
    transform: scale(1.5);
    transition: transform 0.3s ease-out;
}

/* Remove unnecessary aspect ratio classes */
.product-gallery .aspect-[4/3],
.product-gallery .aspect-[4/3] img {
    @apply hidden;
}

/* Thumbnail styling */
.thumbnail-gallery button {
    @apply aspect-square rounded-xl overflow-hidden;
}

.thumbnail-gallery img {
    @apply w-full h-full object-cover;
}

/* Zoom functionality */
.product-gallery[x-data] img {
    @apply cursor-zoom-in;
}

.product-gallery[x-data][zoom="true"] img {
    @apply cursor-zoom-out;
}

/* Force absolute positioning for complete coverage */
.product-gallery [x-show] {
    @apply absolute inset-0 w-full h-full;
}

/* Ensure each image container fills the entire gallery */
.product-gallery [x-show] img {
    @apply absolute inset-0 w-full h-full object-cover;
}

/* Remove any potential gaps */
.product-gallery > div {
    @apply m-0 p-0;
}

.woocommerce-product-gallery__wrapper {
    @apply mb-4;
}

.woocommerce div.product div.images .flex-control-thumbs {
    @apply hidden; /* Hide default WooCommerce thumbnails */
}

/* Add to cart button */
.woocommerce div.product form.cart .button {
    @apply w-full px-6 py-4 bg-gradient-to-r from-[#B8860B] to-[#DAA520] text-white rounded-xl font-semibold 
    shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300;
}

/* Quantity input */
.woocommerce .quantity .qty {
    @apply w-20 text-center border-2 border-[#DAA520]/20 rounded-xl py-2;
}

/* Product tabs */
.woocommerce-tabs {
    @apply bg-white rounded-2xl p-8 shadow-lg;
}

.woocommerce-tabs ul.tabs {
    @apply flex gap-4 border-b border-gray-200 mb-8 pb-0;
}

.woocommerce-tabs ul.tabs li {
    @apply border-0 bg-transparent rounded-t-lg mb-0;
}

.woocommerce-tabs ul.tabs li a {
    @apply text-gray-600 hover:text-[#B8860B] font-semibold py-4 px-6;
}

.woocommerce-tabs ul.tabs li.active {
    @apply border-b-2 border-[#B8860B];
}

/* Related products */
.related.products {
    @apply hidden;
}

.woocommerce ul.products {
    @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8;
}

/* Product cards in grid */
.woocommerce ul.products li.product {
    @apply float-none w-full bg-white rounded-xl p-6 shadow-md transition-transform duration-300 hover:-translate-y-2;
}

/* Add these animation classes */
@keyframes float {
    0%, 100% { transform: translate(0, 0) rotate(12deg); }
    50% { transform: translate(0, -20px) rotate(12deg); }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

/* Style the product gallery */
.woocommerce-product-gallery {
    @apply hidden;
}

.woocommerce-product-gallery__wrapper {
    @apply h-full;
}

.woocommerce-product-gallery__image {
    @apply h-full;
}

.woocommerce-product-gallery__image img {
    @apply w-full h-full object-cover;
}

/* Style the thumbnails */
.flex-control-thumbs {
    @apply grid grid-cols-4 gap-4 mt-4;
}

.flex-control-thumbs li {
    @apply aspect-square rounded-xl overflow-hidden bg-gradient-to-br from-[#FFF8DC]/50 to-[#FAEBD7]/30;
}

.flex-control-thumbs img {
    @apply w-full h-full object-cover transition-all duration-300;
}

/* Price styling */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    @apply m-0 p-0;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    @apply text-xl text-[#8B7355] line-through opacity-100;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    @apply text-3xl font-bold text-[#8B4513] no-underline;
}

/* Hide default WooCommerce price display */
.woocommerce div.product p.price .amount,
.woocommerce div.product span.price .amount {
    @apply hidden;
}

/* Add more styles as needed */

/* Product gallery */
.product-gallery img {
    @apply w-full h-full object-cover transition-all duration-300;
}

.product-gallery[x-data] img {
    @apply cursor-zoom-in;
}

.product-gallery[x-data][zoom="true"] img {
    @apply cursor-zoom-out;
}

/* Zoom overlay */
.zoomImg {
    @apply bg-white cursor-zoom-out;
}

/* Hide WooCommerce default gallery */
.woocommerce-product-gallery {
    @apply hidden;
}

/* Active thumbnail state */
.thumbnail-gallery button[aria-selected="true"] {
    @apply ring-2 ring-[#DAA520];
}

/* Product layout */
.woocommerce div.product {
    @apply relative bg-white py-12;
}

/* Sticky gallery */
@media (min-width: 1024px) {
    .product-gallery-wrapper {
        @apply sticky top-8;
    }
}

/* Related products */
.product-card {
    @apply block;
}

.product-card:hover .product-card-image {
    @apply transform scale-105;
}

.product-card-image {
    @apply transition-transform duration-300;
}

/* Hide default WooCommerce elements */
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .quantity {
    @apply hidden;
}

/* Color selector */
.color-options button {
    @apply relative w-12 h-12 rounded-full border-2 transition-all duration-300;
}

.color-options button[style*="background-color: white"] {
    @apply border border-gray-200;
}

/* Quantity input */
.quantity-selector {
    @apply flex items-center border-2 border-[#DAA520]/20 rounded-xl bg-white;
}

.quantity-selector button {
    @apply px-4 py-3 text-[#8B4513] hover:text-[#DAA520] transition-colors;
}

.quantity-selector input {
    @apply w-16 text-center border-0 focus:ring-0 text-[#8B4513];
}

/* Action buttons */
.action-buttons button {
    @apply w-full px-6 py-4 rounded-xl font-semibold shadow-lg hover:shadow-xl 
           transform hover:scale-105 transition-all duration-300;
}

.action-buttons .add-to-cart {
    @apply bg-[#DAA520] text-white;
}

.action-buttons .buy-now {
    @apply bg-[#8B4513] text-white;
}

/* Product page navigation */
.product-navigation {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8;
}

.product-navigation ul {
    @apply space-y-2;
}

.product-navigation li {
    @apply text-[#8B7355] hover:text-[#DAA520] transition-colors;
}

.product-navigation a {
    @apply block py-2 text-base font-medium;
}

.product-navigation .current-menu-item > a {
    @apply text-[#DAA520] font-semibold;
}

/* Categories section */
.product-categories {
    @apply mt-8;
}

.product-categories h2 {
    @apply text-lg font-semibold text-[#8B4513] mb-4;
}

.product-categories .count {
    @apply text-sm text-[#8B7355] ml-2;
}

/* Remove all these breadcrumb-related styles */
/* .woocommerce-breadcrumb-wrapper,
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb .breadcrumb-separator {
    all: unset;
}

.woocommerce .woocommerce-breadcrumb {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4;
} */

/* Add just the essential breadcrumb styling */
.woocommerce .woocommerce-breadcrumb {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4;
}