/*
Theme Name: Dholakwala Custom Theme
Author: Pakhi & Pakhi Overseas Solutions
Version: 1.0.0
Text Domain: dholakwala
*/

.wood-pattern {
    background-color: #3a0e0a;
    background-image: radial-gradient(rgba(223, 84, 34, 0.15) 1px, transparent 0),
                      radial-gradient(rgba(223, 84, 34, 0.15) 1px, transparent 0);
    background-size: 8px 8px;
    background-position: 0 0, 4px 4px;
}
.wood-glow {
    box-shadow: 0 0 30px rgba(223, 84, 34, 0.2);
}
/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #fdf8f2;
}
::-webkit-scrollbar-thumb {
    background: #e87c4a;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #df5422;
}

/* Hide scrollbar for horizontal scrolling elements */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Restrict custom logo size */
.custom-logo {
    max-height: 60px !important;
    width: auto !important;
}

/* Custom WooCommerce Styles for Product Pages */
.single-product-custom .woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #ffedd5 !important;
}

.single-product-custom .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    padding: 0 0 0.5rem 0 !important;
    margin: 0 !important;
}

.single-product-custom .woocommerce-tabs ul.tabs li a {
    color: #78716c !important;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.single-product-custom .woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid #df5422 !important;
    background: transparent !important;
}

.single-product-custom .woocommerce-tabs ul.tabs li.active a {
    color: #df5422 !important;
}

.single-product-custom .woocommerce-Tabs-panel {
    color: #57534e;
    font-size: 0.95rem;
    line-height: 1.8;
}

/* Fix WooCommerce Related/Up-Sell Product Grids */
.woocommerce section.related.products h2,
.woocommerce section.up-sells h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    font-weight: 800;
    color: #1c1917;
    margin-bottom: 2rem;
}

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

@media (min-width: 640px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

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

/* Remove default WooCommerce floats on products */
.woocommerce ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Nuke WooCommerce clearfix pseudo-elements that break grid */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
}

/* Custom Pagination Styles */
.custom-pagination nav.woocommerce-pagination {
    @apply w-full;
}

.custom-pagination ul.page-numbers {
    @apply flex items-center justify-center gap-2 m-0 p-0 list-none;
}

.custom-pagination ul.page-numbers li {
    @apply m-0;
}

.custom-pagination ul.page-numbers li .page-numbers {
    @apply w-10 h-10 flex items-center justify-center rounded-xl text-sm font-bold transition-all duration-200 border;
}

/* Normal pagination links */
.custom-pagination ul.page-numbers li a.page-numbers {
    @apply bg-white border-stone-200 text-stone-600 hover:bg-brand-50 hover:text-brand-600 hover:border-brand-200 shadow-sm;
}

/* Current page */
.custom-pagination ul.page-numbers li span.current {
    @apply bg-brand-600 border-brand-600 text-white shadow-md shadow-brand-500/30;
}

/* Next/Prev buttons */
.custom-pagination ul.page-numbers li a.next, 
.custom-pagination ul.page-numbers li a.prev {
    @apply px-4 w-auto;
}