/*
 * Single Product Yellow Fix
 * Change product details to yellow color and fix photo carousel
 */

/* ==========================================================================
   SINGLE PRODUCT PAGE YELLOW COLOR SCHEME
   ========================================================================== */

/* Product details yellow color */
.single-product .mkdf-woo-single-page .mkdf-product-single-inner .price,
.single-product .woocommerce-product-details__short-description,
.single-product .mkdf-product-single-summary .price,
.single-product .woocommerce-Price-amount,
.single-product .woocommerce-price-suffix,
.single-product .mkdf-woo-single-page .price .amount {
    color: #eeb332 !important;
}

/* Product title accent color */
.single-product .mkdf-woo-single-page .product_title {
    color: #333 !important;
}

.single-product .mkdf-woo-single-page .product_title::after {
    background: #eeb332 !important;
}

/* Product meta (SKU, Categories, Tags) with yellow accents */
.single-product .mkdf-woo-single-page .product_meta .mkdf-meta-label,
.single-product .mkdf-woo-single-page .product_meta a {
    color: #eeb332 !important;
}

.single-product .mkdf-woo-single-page .product_meta a:hover {
    color: #d4a429 !important;
}

/* Buttons yellow styling */
.single-product .mkdf-woo-single-page .cart .single_add_to_cart_button,
.single-product .mkdf-woo-single-page .cart button[type="submit"],
.single-product .woocommerce #respond input#submit,
.single-product .woocommerce a.button,
.single-product .woocommerce button.button,
.single-product .woocommerce input.button {
    background-color: #eeb332 !important;
    border-color: #eeb332 !important;
    color: #ffffff !important;
}

.single-product .mkdf-woo-single-page .cart .single_add_to_cart_button:hover,
.single-product .mkdf-woo-single-page .cart button[type="submit"]:hover,
.single-product .woocommerce #respond input#submit:hover,
.single-product .woocommerce a.button:hover,
.single-product .woocommerce button.button:hover,
.single-product .woocommerce input.button:hover {
    background-color: #d4a429 !important;
    border-color: #d4a429 !important;
    color: #ffffff !important;
}

/* Product quantity controls */
.single-product .mkdf-woo-single-page .quantity .qty {
    border-color: #eeb332 !important;
}

.single-product .mkdf-woo-single-page .quantity .qty:focus {
    border-color: #d4a429 !important;
}

/* Product variations (color, size, etc.) */
.single-product .mkdf-woo-single-page .variations select,
.single-product .mkdf-woo-single-page .variations .variation-selector {
    border-color: #eeb332 !important;
}

.single-product .mkdf-woo-single-page .variations .variation-selector:focus,
.single-product .mkdf-woo-single-page .variations select:focus {
    border-color: #d4a429 !important;
}

/* Product tabs navigation */
.single-product .mkdf-woo-single-page .woocommerce-tabs .tabs li.active a,
.single-product .mkdf-woo-single-page .woocommerce-tabs .tabs li a:hover {
    color: #eeb332 !important;
    border-bottom-color: #eeb332 !important;
}

/* Star ratings yellow */
.single-product .mkdf-woo-single-page .star-rating span::before,
.single-product .mkdf-woo-single-page .woocommerce-product-rating .star-rating span::before {
    color: #eeb332 !important;
}

/* ==========================================================================
   PRODUCT GALLERY CAROUSEL FIX
   ========================================================================== */

/* Fix product gallery to show as carousel instead of column */
.single-product .mkdf-woo-single-page .woocommerce-product-gallery {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    gap: 10px !important;
    padding: 10px 0 !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .woocommerce-product-gallery__image {
    flex: 0 0 auto !important;
    width: 300px !important;
    height: 300px !important;
    margin: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    transition: transform 0.3s ease !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .woocommerce-product-gallery__image:hover img {
    transform: scale(1.05) !important;
}

/* Add scrollbar styling for the carousel */
.single-product .mkdf-woo-single-page .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::-webkit-scrollbar {
    height: 8px !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 4px !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::-webkit-scrollbar-thumb {
    background: #eeb332 !important;
    border-radius: 4px !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .woocommerce-product-gallery__wrapper::-webkit-scrollbar-thumb:hover {
    background: #d4a429 !important;
}

/* Alternative: If WooCommerce gallery slider exists, style it properly */
.single-product .mkdf-woo-single-page .flex-viewport,
.single-product .mkdf-woo-single-page .flex-control-nav,
.single-product .mkdf-woo-single-page .flex-direction-nav {
    display: block !important;
    visibility: visible !important;
}

.single-product .mkdf-woo-single-page .flex-control-nav li a {
    background: #eeb332 !important;
}

.single-product .mkdf-woo-single-page .flex-control-nav li a.flex-active {
    background: #d4a429 !important;
}

.single-product .mkdf-woo-single-page .flex-direction-nav a {
    color: #eeb332 !important;
    background: rgba(238, 179, 50, 0.1) !important;
}

.single-product .mkdf-woo-single-page .flex-direction-nav a:hover {
    color: #d4a429 !important;
    background: rgba(238, 179, 50, 0.2) !important;
}

/* Mobile responsive for gallery */
@media (max-width: 768px) {
    .single-product .mkdf-woo-single-page .woocommerce-product-gallery .woocommerce-product-gallery__image {
        width: 250px !important;
        height: 250px !important;
    }
}

@media (max-width: 480px) {
    .single-product .mkdf-woo-single-page .woocommerce-product-gallery .woocommerce-product-gallery__image {
        width: 200px !important;
        height: 200px !important;
    }
}

/* ==========================================================================
   PRODUCT THUMBNAILS CAROUSEL
   ========================================================================== */

/* Style product thumbnails as horizontal carousel */
.single-product .mkdf-woo-single-page .woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 10px !important;
    margin-top: 15px !important;
    padding: 10px 0 !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .flex-control-thumbs li {
    flex: 0 0 auto !important;
    width: 80px !important;
    height: 80px !important;
    margin: 0 !important;
    list-style: none !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 2px solid transparent !important;
    transition: border-color 0.3s ease !important;
    cursor: pointer !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .flex-control-thumbs li:hover img,
.single-product .mkdf-woo-single-page .woocommerce-product-gallery .flex-control-thumbs li.flex-active img {
    border-color: #eeb332 !important;
}

/* Scrollbar for thumbnails */
.single-product .mkdf-woo-single-page .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
    height: 6px !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 3px !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb {
    background: #eeb332 !important;
    border-radius: 3px !important;
}

.single-product .mkdf-woo-single-page .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb:hover {
    background: #d4a429 !important;
}