/*
Theme Name: WooPT Child
Theme URI: https://woopt.modeltheme.com/
Template: woopt
Author: ModelTheme
Author URI: http://modeltheme.com/
Description: The 1st AI Prompts Marketplace for WooCommerce
Version: 1.0
Text Domain: woopt
Tags: custom-header, custom-menu, featured-images, post-formats, sticky-post
*/
/* Theme customization starts here
------------------------------------------------------- */

/* Disable page preloader animation */
.mt_preloader_holder,
.mt_preloader {
    display: none !important;
}

/* Simplified Breadcrumbs */
.woopt-breadcrumbs {
    overflow: visible !important;
    padding: 10px 0 !important;
    min-height: auto !important;
    background: #1a1f2e !important;
    
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

.woopt-breadcrumbs h1 {
    display: none !important;
}

.woopt-breadcrumbs .container {
    padding: 0 15px;
}

.woopt-breadcrumbs .row {
    margin: 0;
}

.woopt-breadcrumbs .col-md-12 {
    padding: 0;
}

.woopt-breadcrumbs .breadcrumb,
.woopt-breadcrumbs .breadcrumbs-navxt {
    margin: 0 !important;
    padding: 0 !important;
    background: #1a1f2e !important;
    font-size: 13px !important;
}

.woopt-breadcrumbs .breadcrumb li,
.woopt-breadcrumbs .breadcrumb a,
.woopt-breadcrumbs .breadcrumbs-navxt a,
.woopt-breadcrumbs .breadcrumbs-navxt span {
    color: #999 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.woopt-breadcrumbs .breadcrumb a:hover,
.woopt-breadcrumbs .breadcrumbs-navxt a:hover {
    color: #fff !important;
}

.woopt-breadcrumbs .breadcrumb > li + li:before,
.woopt-breadcrumbs .breadcrumbs-navxt span.sep {
    color: #666 !important;
    padding: 0 8px !important;
}

/* Game category link in sidebar */
.overgear-sidebar .game-cat-link {
    display: flex;
    align-items: center;
    min-height: 40px;
    color: #8B5CF6;
    font-size: 13px;
    margin-bottom: 15px;
    
    border-bottom: 1px solid rgba(255,255,255,0.1);
    text-decoration: none;
    transition: color 0.2s;
}

.overgear-sidebar .game-cat-link:hover {
    color: #A78BFA;
}


@media (max-width: 768px) {
        grid-template-columns: 1fr;
    }
}

    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
}

    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #1a1f2e;
}

    position: relative;
    display: block;
    height: 0;
    padding-bottom: 140%;
    overflow: hidden;
}

    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
    z-index: 2;
    pointer-events: none;
}

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    z-index: 3;
}

/* Hide unnecessary elements */
    display: none !important;
}

/* Product Title - single line ellipsis */
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 6px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    color: #fff;
    text-decoration: none;
    display: block;
}

/* Price */
    margin: 0;
}

    display: block;
}

    color: #8B5CF6;
    font-size: 16px;
    font-weight: 600;
}

/* Responsive */
@media (max-width: 992px) {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
        grid-template-columns: 1fr;
    }
}

/* Fix Related Products layout */
    display: block;
}

    display: block;
    width: 100%;
    margin-bottom: 20px;
}

    display: grid !important;
    grid-template-columns: 1fr !important;
}

    display: none !important;
    content: none !important;
}

    grid-column: auto !important;
}

/* Force fix Related Products grid - remove all clearfix */
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
}

    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
}

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
}

    clear: none !important;
}

/* ===== Related Products Section - Clean Version ===== */
.related-products-section .related.products ul.products {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.related-products-section .related.products ul.products:before,
.related-products-section .related.products ul.products:after {
    display: none !important;
    content: none !important;
}

.related-products-section .related.products ul.products > li {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
}

.related-products-section .overgear-product-card {
    border-radius: 12px;
    overflow: hidden;
    background: #1a1f2e;
}

.related-products-section .overgear-product-card .product-card-inner {
    position: relative;
    height: 0;
    padding-bottom: 130%;
    overflow: hidden;
}

.related-products-section .overgear-product-card .product-image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.related-products-section .overgear-product-card .product-image-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.related-products-section .overgear-product-card .product-card-inner:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%);
    z-index: 2;
    pointer-events: none;
}

.related-products-section .overgear-product-card .product-card-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    z-index: 3;
}

.related-products-section .overgear-product-card .overgear-product-label,
.related-products-section .overgear-product-card .product-category-badge,
.related-products-section .overgear-product-card .product-highlights-preview,
.related-products-section .overgear-product-card .sale-badge,
.related-products-section .overgear-product-card .price-label {
    display: none !important;
}

.related-products-section .overgear-product-card .product-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-products-section .overgear-product-card .product-title a {
    color: #fff;
    text-decoration: none;
}

.related-products-section .overgear-product-card .woocommerce-Price-amount {
    color: #8B5CF6;
    font-size: 16px;
    font-weight: 600;
}

@media (max-width: 992px) {
    .related-products-section .related.products ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .related-products-section .related.products ul.products {
        grid-template-columns: 1fr !important;
    }
}

/* Fix Related Products - correct selector */
.related-products-section ul.products,
.related-products-section .products.columns-4,
section.related.products ul.products {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
}

.related-products-section ul.products > li,
section.related.products ul.products > li {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow: hidden !important;
}

    flex-shrink: 0 !important;
}

    display: none !important;
}

    display: none;
    position: relative;
}

    display: block !important;
}

    cursor: pointer;
}

    content: '▼';
    font-size: 10px;
    margin-left: 5px;
}

/* More dropdown */
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #1a1f2e;
    border-radius: 8px;
    min-width: 200px;
    padding: 10px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    z-index: 9999;
}

    display: block;
}

    display: block;
    padding: 10px 20px;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s;
}

    background: rgba(139, 92, 246, 0.2);
    color: #8B5CF6 !important;
}

/* Fix navbar overflow issue */
    overflow: visible !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

    display: inline-block !important;
}

#navbar, 
.navbar-collapse,
.navbar .container {
    overflow: visible !important;
}

/* Fix header nav container width */
    overflow: visible !important;
}

    overflow: visible !important;
    max-width: 100% !important;
}

    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    max-width: none !important;
}

/* Hide items beyond 6th */
    display: none !important;
}

/* More button always visible after 6 items */
    display: inline-block !important;
}

/* ===== Header Navigation More Button ===== */
.navbar-nav.nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

.navbar-nav.nav-menu > li.menu-item-hidden {
    display: none !important;
}

.navbar-nav.nav-menu > li.menu-more-btn {
    display: none;
    position: relative;
}

.navbar-nav.nav-menu > li.menu-more-btn.active {
    display: inline-block !important;
}

.navbar-nav.nav-menu > li.menu-more-btn > a {
    cursor: pointer;
    padding: 10px 15px;
    color: #fff;
}

.navbar-nav.nav-menu > li.menu-more-btn > a::after {
    content: ' ▼';
    font-size: 10px;
}

.menu-more-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #1a1f2e;
    border-radius: 8px;
    min-width: 220px;
    padding: 10px 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    z-index: 9999;
}

.menu-more-dropdown.show {
    display: block;
}

.menu-more-dropdown a {
    display: block;
    padding: 10px 20px;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
}

.menu-more-dropdown a:hover {
    background: rgba(139, 92, 246, 0.2);
    color: #8B5CF6 !important;
}

/* Force single line nav */
.navbar-nav.nav-menu {
    white-space: nowrap !important;
    overflow: visible !important;
}

.navbar-nav.nav-menu > li {
    display: inline-block !important;
    float: none !important;
}

/* Hide items beyond 4th via CSS */
.navbar-nav.nav-menu > li.menu-item:nth-child(n+5):not(.menu-more-btn) {
    display: none !important;
}

/* More button styling - match theme */
.navbar-nav.nav-menu > li.menu-more-btn > a {
    background: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%) !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    color: #fff !important;
    font-weight: 500 !important;
    margin-left: 10px !important;
}

.navbar-nav.nav-menu > li.menu-more-btn > a:hover {
    background: linear-gradient(135deg, #9D6FFF 0%, #7C3AED 100%) !important;
}

/* ===== Global Theme Color Override - Green to Purple ===== */
:root {
    --theme-primary: #8B5CF6;
    --theme-primary-dark: #6D28D9;
}

/* Wishlist plugin */
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-notice {
    background-color: #8B5CF6 !important;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover {
    color: #8B5CF6 !important;
    border-color: #8B5CF6 !important;
}

/* Buttons - btn-primary */
.btn-primary,
button.btn-primary,
a.btn-primary,
input[type=submit].btn-primary {
    background: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%) !important;
    border-color: #8B5CF6 !important;
}
.btn-primary:hover {
    background: linear-gradient(135deg, #9D6FFF 0%, #7C3AED 100%) !important;
}

/* WooCommerce buttons */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .checkout-button,
button[type=submit],
input[type=submit] {
    background: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%) !important;
    border-color: #8B5CF6 !important;
    color: #fff !important;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover {
    background: linear-gradient(135deg, #9D6FFF 0%, #7C3AED 100%) !important;
}

/* Mini cart buttons */
.header_mini_cart .button,
.header_mini_cart a.button,
.widget_shopping_cart .button,
.widget_shopping_cart a.button,
.woocommerce-mini-cart__buttons a {
    background: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%) !important;
    border-color: #8B5CF6 !important;
    color: #fff !important;
}

/* Breadcrumbs */
.overgear-breadcrumbs a:hover,
.woopt-breadcrumbs a:hover,
.breadcrumbs a:hover {
    color: #8B5CF6 !important;
}

/* WooCommerce Tabs */
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover,
.wc-tabs li.active a,
.wc-tabs li a:hover {
    color: #8B5CF6 !important;
    border-color: #8B5CF6 !important;
}

/* Nav menu login */
.nav-menu-login a:hover,
.nav-menu-account a:hover {
    color: #8B5CF6 !important;
}

/* Games tabs */
.games-tabs .nav-link.active,
.games-tabs .nav-link:hover {
    background: #8B5CF6 !important;
    border-color: #8B5CF6 !important;
}

/* Step numbers */
.step-number,
.step .number {
    background: #8B5CF6 !important;
    color: #fff !important;
}

/* CTA section */
.cta-section .btn,
.cta-section a.btn {
    background: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%) !important;
}

/* Links hover */
a:hover {
    color: #8B5CF6 !important;
}

/* Currency and skills */
.currency-item:hover,
.skill-item:hover {
    border-color: #8B5CF6 !important;
}

/* Sell prompts */
.sell-prompts a:hover {
    color: #8B5CF6 !important;
}

/* Parent theme overrides */
#navbar .menu-item > a:hover,
#navbar .menu-item > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #8B5CF6 !important;
}

#navbar ul.sub-menu li a:hover {
    color: #8B5CF6 !important;
}

/* Fix button text color to white */
.top-inquiry-button,
.top-inquiry-button a,
.btn-primary.large,
.btn-primary.large a,
a.btn-primary.large {
    color: #fff !important;
}

/* Pagination current page */
.page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
nav.woocommerce-pagination .page-numbers.current {
    background: #8B5CF6 !important;
    color: #fff !important;
    border-color: #8B5CF6 !important;
}

/* WooCommerce tabs active */
.woocommerce-tabs ul.tabs li.active a,
.wc-tabs li.active a,
.wc-tabs-3 li.active a {
    background: #8B5CF6 !important;
    color: #fff !important;
    border-color: #8B5CF6 !important;
}

/* ===== Mobile Responsive - Full Adaptation ===== */

/* Tablet (max-width: 992px) */
@media (max-width: 992px) {
    /* Header */
    .header-v2 .first-part,
    .header-v2 .menu-holder {
        width: 100% !important;
    }
    
    .navbar-nav.nav-menu {
        flex-wrap: wrap !important;
    }
    
    /* Product detail page */
    .overgear-product-layout {
        flex-direction: column !important;
    }
    
    .overgear-product-layout .overgear-sidebar {
        width: 100% !important;
        order: 2;
        margin-top: 30px;
    }
    
    .overgear-product-layout .overgear-main-content {
        width: 100% !important;
    }
    
    /* Category page */
    .overgear-archive-layout {
        flex-direction: column !important;
    }
    
    .overgear-archive-layout .overgear-sidebar {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    .overgear-archive-layout .overgear-archive-content {
        width: 100% !important;
    }
    
    /* Product grid */
    .overgear-archive-content ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    /* Related products */
    .related-products-section .related.products ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
    /* Global */
    body {
        font-size: 14px;
    }
    
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Header */
    .header-v2 .logo img {
        max-height: 40px;
    }
    
    .top-inquiry-button {
        padding: 8px 15px !important;
        font-size: 12px !important;
    }
    
    .navbar-nav.nav-menu > li > a {
        padding: 8px 10px !important;
        font-size: 13px !important;
    }
    
    .menu-more-dropdown {
        min-width: 180px;
        right: auto;
        left: 0;
    }
    
    /* Mini cart */
    .header_mini_cart {
        position: relative;
    }
    
    .header_mini_cart .widget_shopping_cart_content {
        width: 280px !important;
        right: -50px;
    }
    
    /* Breadcrumbs */
    .overgear-breadcrumbs,
    .woopt-breadcrumbs {
    overflow: visible !important;
        padding: 15px 0 !important;
        font-size: 12px;
    }
    
    .woopt-breadcrumbs {
    overflow: visible !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    
    .woopt-breadcrumbs h1 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    /* Homepage sections */
    .hero-section {
        padding: 60px 15px !important;
        min-height: auto !important;
    }
    
    .hero-title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    .hero-subtitle {
        font-size: 14px !important;
    }
    
    .section-title {
        font-size: 22px !important;
    }
    
    /* Games carousel */
    .games-tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
    }
    
    .games-tabs::-webkit-scrollbar {
        display: none;
    }
    
    .game-tab {
        flex-shrink: 0;
        padding: 8px 15px !important;
        font-size: 13px !important;
    }
    
    /* Product grid - 2 columns on mobile */
    .overgear-archive-content ul.products {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    /* Related products - 2 columns */
    .related-products-section .related.products ul.products {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    .related-products-section h2 {
        font-size: 20px !important;
    }
    
    /* Product card */
    .overgear-product-card .product-title {
        font-size: 12px !important;
    }
    
    .overgear-product-card .price-display {
        font-size: 14px !important;
    }
    
    /* Product detail page */
    .overgear-product-gallery {
        margin-bottom: 20px;
    }
    
    .overgear-product-title {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
    
    .overgear-product-price {
        font-size: 24px !important;
    }
    
    .overgear-highlights {
        padding: 15px !important;
    }
    
    .overgear-highlights-title {
        font-size: 16px !important;
    }
    
    .overgear-delivery-info {
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    /* Product options */
    .overgear-options-group {
        padding: 15px !important;
    }
    
    .overgear-option-title {
        font-size: 14px !important;
    }
    
    /* Add to cart */
    .overgear-add-to-cart-section {
        padding: 15px !important;
    }
    
    .overgear-add-to-cart-btn {
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
    
    /* Sidebar */
    .overgear-sidebar {
        padding: 15px !important;
    }
    
    .overgear-sidebar .sidebar-title {
        font-size: 16px !important;
    }
    
    /* WooCommerce tabs */
    .woocommerce-tabs ul.tabs {
        flex-wrap: wrap !important;
    }
    
    .woocommerce-tabs ul.tabs li {
        flex: 1 1 auto !important;
        text-align: center;
    }
    
    .woocommerce-tabs ul.tabs li a {
        padding: 10px 15px !important;
        font-size: 13px !important;
    }
    
    .woocommerce-tabs .panel {
        padding: 15px !important;
    }
    
    /* Why choose us */
    .overgear-why-choose .features-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    /* Footer */
    footer .footer-row {
        flex-direction: column !important;
    }
    
    footer .footer-column {
        width: 100% !important;
        margin-bottom: 30px;
    }
    
    /* Login page */
    .gs-login-wrapper {
        flex-direction: column !important;
        padding: 20px !important;
    }
    
    .gs-login-form,
    .gs-login-benefits {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .gs-login-benefits {
        margin-top: 30px;
    }
    
    /* Buttons */
    .btn-primary.large {
        padding: 12px 25px !important;
        font-size: 14px !important;
    }
    
    /* Forms */
    input[type=text],
    input[type=email],
    input[type=password],
    input[type=number],
    textarea,
    select {
        font-size: 16px !important; /* Prevent zoom on iOS */
    }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
    /* Header */
    .header-v2 .logo img {
        max-height: 35px;
    }
    
    .top-inquiry-button {
        display: none !important;
    }
    
    .navbar-nav.nav-menu > li > a {
        padding: 6px 8px !important;
        font-size: 12px !important;
    }
    
    /* Hide more button text, show icon only */
    .navbar-nav.nav-menu > li.menu-more-btn > a {
        padding: 6px 10px !important;
    }
    
    /* Hero */
    .hero-title {
        font-size: 20px !important;
    }
    
    .hero-cta .btn {
        width: 100%;
        text-align: center;
    }
    
    /* Product grid - still 2 columns but smaller gap */
    .overgear-archive-content ul.products {
        gap: 8px !important;
    }
    
    .related-products-section .related.products ul.products {
        gap: 8px !important;
    }
    
    /* Product card */
    .overgear-product-card .product-card-content {
        padding: 10px !important;
    }
    
    .overgear-product-card .product-title {
        font-size: 11px !important;
    }
    
    .overgear-product-card .price-display {
        font-size: 13px !important;
    }
    
    /* Product detail */
    .overgear-product-title {
        font-size: 18px !important;
    }
    
    .overgear-product-price {
        font-size: 20px !important;
    }
    
    /* Tabs */
    .woocommerce-tabs ul.tabs li a {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }
    
    /* Section titles */
    .section-title {
        font-size: 18px !important;
    }
    
    /* Steps */
    .step-number {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }
    
    /* Pagination */
    .woocommerce-pagination .page-numbers {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
}

/* Fix iOS input zoom */
@media screen and (max-width: 768px) {
    input[type=text],
    input[type=email],
    input[type=password],
    input[type=tel],
    input[type=number],
    select,
    textarea {
        font-size: 16px !important;
    }
}

/* Landscape phone */
@media (max-width: 812px) and (orientation: landscape) {
    .hero-section {
        min-height: auto !important;
        padding: 40px 15px !important;
    }
    
    .games-carousel {
        height: auto !important;
    }
}

/* ===== Mobile Fix - Complete Overhaul ===== */

/* Mobile Navigation Menu */
@media (max-width: 991px) {
    /* Show mobile toggle button */
    .navbar-toggle {
        display: block !important;
        margin: 10px;
        border: 1px solid #8B5CF6 !important;
        background: #1a1f2e !important;
    }
    
    .navbar-toggle .icon-bar {
        background-color: #8B5CF6 !important;
    }
    
    /* Mobile menu dropdown */
    .navbar-collapse {
        max-height: none !important;
        overflow: visible !important;
    }
    
    .navbar-collapse.collapse {
        display: none !important;
    }
    
    .navbar-collapse.collapse.in,
    .navbar-collapse.collapsing {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #1a1f2e !important;
        z-index: 9999;
        padding: 15px;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    }
    
    /* Mobile menu items - vertical layout */
    .navbar-collapse.in .navbar-nav.nav-menu {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .navbar-collapse.in .navbar-nav.nav-menu > li {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    .navbar-collapse.in .navbar-nav.nav-menu > li > a {
        display: block !important;
        padding: 12px 15px !important;
        color: #fff !important;
        font-size: 14px !important;
    }
    
    .navbar-collapse.in .navbar-nav.nav-menu > li > a:hover {
        background: rgba(139, 92, 246, 0.2) !important;
        color: #8B5CF6 !important;
    }
    
    /* Show all menu items in mobile menu */
    .navbar-collapse.in .navbar-nav.nav-menu > li.menu-item-hidden {
        display: block !important;
    }
    
    /* Hide More button in mobile menu */
    .navbar-collapse.in .navbar-nav.nav-menu > li.menu-more-btn {
        display: none !important;
    }
    
    /* Hide desktop nav items limit */
    .navbar-nav.nav-menu > li.menu-item:nth-child(n+5):not(.menu-more-btn) {
        display: none !important;
    }
    
    .navbar-collapse.in .navbar-nav.nav-menu > li.menu-item:nth-child(n+5) {
        display: block !important;
    }
}

/* Archive/Category Page - Mobile Layout */
@media (max-width: 991px) {
    /* Fix sidebar - not fixed on mobile */
    .overgear-archive-sidebar {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        padding: 15px !important;
        margin-bottom: 20px;
        background: #1a1f2e;
        border-radius: 10px;
    }
    
    /* Main content - no margin on mobile */
    .overgear-archive-content {
        margin-left: 0 !important;
        padding: 0 15px !important;
        width: 100% !important;
    }
    
    /* Layout - column on mobile */
    .overgear-archive-layout {
        flex-direction: column !important;
    }
    
    /* Show navbar on archive pages for mobile */
    .woocommerce.archive .navbar.navbar-default,
    .woocommerce.tax-product_cat .navbar.navbar-default {
        display: block !important;
    }
    
    /* Product grid - 2 columns */
    .overgear-archive-content ul.products {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* Shop Page Mobile */
@media (max-width: 991px) {
    .woocommerce-page .content-area {
        padding: 15px !important;
    }
    
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    .woocommerce ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
    }
}

/* Breadcrumbs - Mobile & Style Fix */
.overgear-breadcrumbs {
    background: linear-gradient(135deg, #1a1f2e 0%, #0f1219 100%) !important;
    padding: 20px !important;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
}

.overgear-breadcrumbs a {
    color: #a0a0a0 !important;
}

.overgear-breadcrumbs a:hover {
    color: #8B5CF6 !important;
}

.overgear-breadcrumbs .sep {
    color: #666 !important;
    margin: 0 10px !important;
}

.overgear-breadcrumbs .current {
    color: #fff !important;
}

@media (max-width: 768px) {
    .overgear-breadcrumbs {
        padding: 15px !important;
        font-size: 12px !important;
    }
    
    .overgear-breadcrumbs .sep {
        margin: 0 6px !important;
    }
}

/* Product Detail Page - Mobile */
@media (max-width: 991px) {
    .overgear-product-layout {
        flex-direction: column !important;
    }
    
    .overgear-product-layout .overgear-sidebar {
        position: relative !important;
        width: 100% !important;
        order: 2;
        margin-top: 30px;
    }
    
    .overgear-product-layout .overgear-main-content {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 768px) {
    /* Product gallery */
    .overgear-product-gallery {
        margin-bottom: 20px;
    }
    
    /* Product title */
    .overgear-product-title,
    .product_title {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
    
    /* Product price */
    .overgear-product-price {
        font-size: 22px !important;
    }
    
    /* Options */
    .overgear-options-group {
        padding: 15px !important;
    }
    
    /* Related products */
    .related-products-section ul.products,
    .related-products-section .related.products ul.products {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    
    .related-products-section h2 {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    /* Header */
    .header-v2 .logo img {
        max-height: 35px !important;
    }
    
    /* Product grid gap */
    .overgear-archive-content ul.products,
    .woocommerce ul.products {
        gap: 8px !important;
    }
    
    /* Product card */
    .overgear-product-card .product-card-content {
        padding: 10px !important;
    }
    
    .overgear-product-card .product-title {
        font-size: 11px !important;
    }
    
    /* Breadcrumbs */
    .overgear-breadcrumbs {
        padding: 12px !important;
        font-size: 11px !important;
    }
}

/* ===== Mobile Fix V2 - Complete ===== */

/* Mobile Navigation - Fix More button issue */
@media (max-width: 991px) {
    /* Reset all desktop nav styles for mobile */
    .navbar-collapse.in .navbar-nav.nav-menu,
    .navbar-collapse.in .navbar-nav.nav-menu > li,
    .navbar-collapse.in .navbar-nav.nav-menu > li.menu-item,
    .navbar-collapse.in .navbar-nav.nav-menu > li.menu-item-hidden,
    .navbar-collapse.in .navbar-nav.nav-menu > li.menu-item:nth-child(n+5) {
        display: block !important;
        width: 100% !important;
        float: none !important;
        position: static !important;
    }
    
    /* Hide More button completely on mobile */
    .navbar-collapse.in .navbar-nav.nav-menu > li.menu-more-btn,
    .navbar-collapse.in .menu-more-btn,
    .navbar-collapse.in .menu-more-dropdown {
        display: none !important;
    }
    
    /* Mobile menu link styles */
    .navbar-collapse.in .navbar-nav.nav-menu > li > a {
        display: block !important;
        padding: 15px 20px !important;
        color: #fff !important;
        font-size: 15px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        background: #1a1f2e !important;
    }
    
    .navbar-collapse.in .navbar-nav.nav-menu > li:last-child > a {
        border-bottom: none !important;
    }
    
    .navbar-collapse.in .navbar-nav.nav-menu > li > a:hover,
    .navbar-collapse.in .navbar-nav.nav-menu > li > a:active {
        background: rgba(139, 92, 246, 0.2) !important;
        color: #8B5CF6 !important;
    }
}

/* Category Page - Product Grid Mobile Fix */
@media (max-width: 991px) {
    /* Reset product card styles for mobile */
    .overgear-archive-content ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .overgear-archive-content ul.products::before,
    .overgear-archive-content ul.products::after {
        display: none !important;
    }
    
    .overgear-archive-content ul.products li.product,
    .overgear-archive-content ul.products li.overgear-product-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    
    /* Product card inner - proper aspect ratio */
    .overgear-archive-content .overgear-product-card .product-card-inner {
        height: 0 !important;
        padding-bottom: 140% !important;
        position: relative !important;
    }
    
    /* Product image */
    .overgear-archive-content .overgear-product-card .product-image-link {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .overgear-archive-content .overgear-product-card .product-image-link img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* Product content overlay */
    .overgear-archive-content .overgear-product-card .product-card-content {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding: 12px !important;
        z-index: 3 !important;
    }
    
    /* Product title */
    .overgear-archive-content .overgear-product-card .product-title {
        font-size: 12px !important;
        margin: 0 0 5px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* Price */
    .overgear-archive-content .overgear-product-card .price-display .woocommerce-Price-amount {
        font-size: 14px !important;
    }
    
    /* Hide highlights on mobile */
    .overgear-archive-content .overgear-product-card .product-highlights-preview {
        display: none !important;
    }
}

/* Product Detail Page - Config Panel First on Mobile */
@media (max-width: 991px) {
    /* Reorder layout - config panel first */
    .overgear-product-layout {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Config panel (sidebar) comes first */
    .overgear-product-layout .overgear-sidebar-col {
        order: 1 !important;
        width: 100% !important;
        position: relative !important;
        margin-bottom: 20px !important;
    }
    
    /* Main content (gallery, description) comes second */
    .overgear-product-layout .overgear-main-col {
        order: 2 !important;
        width: 100% !important;
    }
    
    /* Config panel scroll - full width */
    .overgear-config-panel {
        position: relative !important;
        width: 100% !important;
    }
    
    .config-panel-scroll {
        max-height: none !important;
        overflow: visible !important;
    }
    
    .config-panel-fixed {
        position: relative !important;
    }
}

/* Shop Page Mobile Fix */
@media (max-width: 991px) {
    .woocommerce-page ul.products,
    .woocommerce ul.products[class*=columns-] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .woocommerce-page ul.products li.product,
    .woocommerce ul.products[class*=columns-] li.product {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
    }
}

/* Small Mobile Adjustments */
@media (max-width: 480px) {
    .overgear-archive-content ul.products {
        gap: 10px !important;
    }
    
    .overgear-archive-content .overgear-product-card .product-card-content {
        padding: 10px !important;
    }
    
    .overgear-archive-content .overgear-product-card .product-title {
        font-size: 11px !important;
    }
    
    .overgear-archive-content .overgear-product-card .price-display .woocommerce-Price-amount {
        font-size: 13px !important;
    }
}

/* ===== Mobile Fix V3 - Final ===== */

/* Mobile Navigation - Show all items, no More button */
@media (max-width: 991px) {
    /* Mobile menu - show all items vertically */
    #navbar.in .navbar-nav.nav-menu {
        display: block !important;
        width: 100% !important;
    }
    
    #navbar.in .navbar-nav.nav-menu > li {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }
    
    /* Show ALL menu items including hidden ones */
    #navbar.in .navbar-nav.nav-menu > li.menu-item,
    #navbar.in .navbar-nav.nav-menu > li.menu-item-hidden {
        display: block !important;
    }
    
    /* Hide More button on mobile */
    #navbar.in .navbar-nav.nav-menu > li.menu-more-btn {
        display: none !important;
    }
    
    /* Override desktop nth-child hiding */
    #navbar.in .navbar-nav.nav-menu > li.menu-item:nth-child(n+5):not(.menu-more-btn) {
        display: block !important;
    }
    
    /* Menu item styling */
    #navbar.in .navbar-nav.nav-menu > li > a {
        display: block !important;
        padding: 15px 20px !important;
        color: #fff !important;
        font-size: 15px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
}

/* Category Page - Product Grid Mobile Fix */
@media (max-width: 991px) {
    /* Force grid layout on products */
    .overgear-archive-content ul.products,
    ul.products.columns-3 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    /* Reset li styles */
    .overgear-archive-content ul.products > li,
    ul.products.columns-3 > li,
    ul.products.columns-3 > li.overgear-product-card {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
    }
    
    /* Product card - ensure proper sizing */
    .overgear-product-card {
        position: relative !important;
        width: 100% !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        background: #1a1f2e !important;
    }
    
    /* Product card inner - aspect ratio container */
    .overgear-product-card .product-card-inner {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 0 !important;
        padding-bottom: 140% !important;
        overflow: hidden !important;
    }
    
    /* Product image link - fill container */
    .overgear-product-card .product-image-link {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }
    
    /* Product image - cover */
    .overgear-product-card .product-image-link img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
    
    /* Gradient overlay */
    .overgear-product-card .product-card-inner::before {
        content: '' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 60% !important;
        background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, transparent 100%) !important;
        z-index: 2 !important;
        pointer-events: none !important;
    }
    
    /* Product content - bottom overlay */
    .overgear-product-card .product-card-content {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding: 12px !important;
        z-index: 3 !important;
    }
    
    /* Hide category badge and highlights on mobile */
    .overgear-product-card .product-category-badge,
    .overgear-product-card .product-highlights-preview,
    .overgear-product-card .overgear-product-label {
        display: none !important;
    }
    
    /* Product title */
    .overgear-product-card .product-title {
        font-size: 13px !important;
        font-weight: 600 !important;
        margin: 0 0 6px !important;
        line-height: 1.3 !important;
    }
    
    .overgear-product-card .product-title a {
        color: #fff !important;
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* Price */
    .overgear-product-card .product-price-wrapper {
        margin: 0 !important;
    }
    
    .overgear-product-card .price-display {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
    }
    
    .overgear-product-card .price-label {
        font-size: 11px !important;
        color: rgba(255,255,255,0.6) !important;
    }
    
    .overgear-product-card .woocommerce-Price-amount {
        color: #8B5CF6 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    
    .overgear-product-card .sale-badge {
        display: none !important;
    }
}

/* Product Detail Page - Config Panel First on Mobile */
@media (max-width: 991px) {
    /* Main layout - column direction */
    .overgear-product-layout {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Sidebar (config panel) - show first */
    .overgear-product-layout > .overgear-sidebar-col {
        order: 1 !important;
        width: 100% !important;
        position: relative !important;
        margin-bottom: 25px !important;
    }
    
    /* Content column - show second */
    .overgear-product-layout > .overgear-content-col {
        order: 2 !important;
        width: 100% !important;
    }
    
    /* Config panel - not sticky on mobile */
    .overgear-config-panel {
        position: relative !important;
        top: auto !important;
    }
    
    .config-panel-scroll {
        max-height: none !important;
        overflow: visible !important;
    }
    
    .config-panel-fixed {
        position: relative !important;
        bottom: auto !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .overgear-product-card .product-title {
        font-size: 12px !important;
    }
    
    .overgear-product-card .woocommerce-Price-amount {
        font-size: 14px !important;
    }
    
    .overgear-product-card .product-card-content {
        padding: 10px !important;
    }
}

/* ===== Mobile Fix V4 - Targeted Fixes ===== */

/* 1. Product Detail Page - Reduce gap between breadcrumbs and config panel */
@media (max-width: 991px) {
    .woopt-breadcrumbs {
    overflow: visible !important;
        margin-bottom: 10px !important;
        padding: 8px 0 !important;
    }
    
    .overgear-sidebar-col {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .overgear-config-panel {
        margin-top: 0 !important;
    }
}

/* 2. Mobile Breadcrumbs - White text like overgear-breadcrumbs */
@media (max-width: 991px) {
    .woopt-breadcrumbs {
    overflow: visible !important;
        background: linear-gradient(135deg, #1a1f2e 0%, #0f1219 100%) !important;
        padding: 15px !important;
        border-radius: 10px !important;
        border-bottom: none !important;
    }
    
    .woopt-breadcrumbs .breadcrumb li,
    .woopt-breadcrumbs .breadcrumb a,
    .woopt-breadcrumbs .breadcrumbs-navxt a,
    .woopt-breadcrumbs .breadcrumbs-navxt span,
    .woopt-breadcrumbs .breadcrumb span {
        color: #fff !important;
    }
    
    .woopt-breadcrumbs .breadcrumb a:hover,
    .woopt-breadcrumbs .breadcrumbs-navxt a:hover {
        color: #8B5CF6 !important;
    }
    
    .woopt-breadcrumbs .breadcrumb > li + li:before,
    .woopt-breadcrumbs .breadcrumbs-navxt span.sep {
        color: #888 !important;
    }
}

/* 3. Category Page - Product Grid Mobile Fix - CRITICAL */
@media (max-width: 991px) {
    /* Force the grid container */
    .overgear-archive-content ul.products.columns-3 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    /* Force each product card to fill grid cell */
    .overgear-archive-content ul.products.columns-3 > li.overgear-product-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    
    /* Product card container */
    .overgear-archive-content li.overgear-product-card {
        display: block !important;
        width: 100% !important;
        background: #1a1f2e !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    
    /* Product card inner - MUST have aspect ratio */
    .overgear-archive-content li.overgear-product-card .product-card-inner {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 0 !important;
        padding-bottom: 150% !important;
        overflow: hidden !important;
    }
    
    /* Image link - absolute fill */
    .overgear-archive-content li.overgear-product-card .product-image-link {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }
    
    /* Image - cover fill */
    .overgear-archive-content li.overgear-product-card .product-image-link img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
    
    /* Gradient overlay */
    .overgear-archive-content li.overgear-product-card .product-card-inner::before {
        content: '' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 65% !important;
        background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 40%, transparent 100%) !important;
        z-index: 2 !important;
        pointer-events: none !important;
    }
    
    /* Content overlay at bottom */
    .overgear-archive-content li.overgear-product-card .product-card-content {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding: 12px !important;
        z-index: 3 !important;
        background: #1a1f2e !important;
    }
    
    /* Hide extras on mobile */
    .overgear-archive-content li.overgear-product-card .product-category-badge,
    .overgear-archive-content li.overgear-product-card .product-highlights-preview,
    .overgear-archive-content li.overgear-product-card .overgear-product-label,
    .overgear-archive-content li.overgear-product-card .sale-badge {
        display: none !important;
    }
    
    /* Title */
    .overgear-archive-content li.overgear-product-card .product-title {
        font-size: 13px !important;
        font-weight: 600 !important;
        margin: 0 0 8px !important;
        line-height: 1.3 !important;
    }
    
    .overgear-archive-content li.overgear-product-card .product-title a {
        color: #fff !important;
        display: block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-decoration: none !important;
    }
    
    /* Price wrapper */
    .overgear-archive-content li.overgear-product-card .product-price-wrapper {
        margin: 0 !important;
    }
    
    .overgear-archive-content li.overgear-product-card .price-display {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
    }
    
    .overgear-archive-content li.overgear-product-card .price-label {
        font-size: 11px !important;
        color: rgba(255,255,255,0.6) !important;
    }
    
    .overgear-archive-content li.overgear-product-card .woocommerce-Price-amount {
        color: #8B5CF6 !important;
        font-size: 16px !important;
        font-weight: 700 !important;
    }
}

/* Small mobile adjustments */
@media (max-width: 480px) {
    .overgear-archive-content ul.products.columns-3 {
        gap: 8px !important;
    }
    
    .overgear-archive-content li.overgear-product-card .product-card-content {
        padding: 10px !important;
    }
    
    .overgear-archive-content li.overgear-product-card .product-title {
        font-size: 12px !important;
    }
    
    .overgear-archive-content li.overgear-product-card .woocommerce-Price-amount {
        font-size: 14px !important;
    }
}

/* ===== Product Detail Page Fixes ===== */

/* 1. Nice-select dropdown - Mobile adaptation */
@media (max-width: 991px) {
    .overgear-configurator .nice-select {
        width: 100% !important;
        padding: 14px 40px 14px 16px !important;
        font-size: 16px !important;
        min-height: 50px !important;
    }
    
    .overgear-configurator .nice-select .list {
        width: 100% !important;
        max-height: 300px !important;
        overflow-y: auto !important;
        left: 0 !important;
        right: 0 !important;
    }
    
    .overgear-configurator .nice-select .option {
        padding: 12px 16px !important;
        font-size: 15px !important;
        min-height: 44px !important;
        line-height: 1.4 !important;
    }
    
    .overgear-gold-configurator .nice-select {
        width: 100% !important;
        padding: 14px 40px 14px 16px !important;
        font-size: 16px !important;
        min-height: 50px !important;
    }
    
    .overgear-gold-configurator .nice-select .list {
        width: 100% !important;
        max-height: 300px !important;
        overflow-y: auto !important;
    }
    
    .overgear-gold-configurator .nice-select .option {
        padding: 12px 16px !important;
        font-size: 15px !important;
        min-height: 44px !important;
    }
    
    /* Config select native */
    .overgear-configurator .config-select,
    .overgear-gold-configurator .config-select {
        width: 100% !important;
        padding: 14px 16px !important;
        font-size: 16px !important;
        min-height: 50px !important;
    }
}

/* 2. Reduce high-padding top spacing */
.high-padding,
.overgear-config-panel,
.overgear-sidebar-col {
    padding-top: 10px !important;
}

/* 3. Woopt-breadcrumbs text color fix */
.woopt-breadcrumbs,
.woopt-breadcrumbs .breadcrumb,
.woopt-breadcrumbs .breadcrumbs-navxt {
    background: linear-gradient(135deg, #1a1f2e 0%, #0f1219 100%) !important;
    padding: 15px !important;
    border-radius: 10px !important;
    border-bottom: none !important;
}

.woopt-breadcrumbs .breadcrumb li,
.woopt-breadcrumbs .breadcrumb a,
.woopt-breadcrumbs .breadcrumb span,
.woopt-breadcrumbs .breadcrumbs-navxt a,
.woopt-breadcrumbs .breadcrumbs-navxt span,
.woopt-breadcrumbs .breadcrumbs-navxt span[property=name] {
    color: #a0a0a0 !important;
}

.woopt-breadcrumbs .breadcrumb a:hover,
.woopt-breadcrumbs .breadcrumbs-navxt a:hover {
    color: #8B5CF6 !important;
}

.woopt-breadcrumbs .breadcrumb > li + li:before,
.woopt-breadcrumbs .breadcrumbs-navxt span.sep {
    color: #666 !important;
}

.woopt-breadcrumbs .breadcrumb .current,
.woopt-breadcrumbs .breadcrumbs-navxt .current-item {
    color: #fff !important;
}

/* ===== Woopt Breadcrumbs - Final Fix for All Devices ===== */
.woopt-breadcrumbs {
    background: #1a1f2e !important;
    padding: 15px 0 !important;
    min-height: auto !important;
    overflow: visible !important;
}

.woopt-breadcrumbs .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px !important;
}

.woopt-breadcrumbs .row {
    margin: 0 !important;
    display: block !important;
}

.woopt-breadcrumbs .col-md-12 {
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
}

.woopt-breadcrumbs h1 {
    display: none !important;
}

.woopt-breadcrumbs .breadcrumb {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.woopt-breadcrumbs .breadcrumb li,
.woopt-breadcrumbs .breadcrumb a,
.woopt-breadcrumbs .breadcrumb span {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.woopt-breadcrumbs .breadcrumb a:hover {
    color: #8B5CF6 !important;
}

.woopt-breadcrumbs .breadcrumb > li + li:before {
    color: #888 !important;
    padding: 0 8px !important;
}

.woopt-breadcrumbs .breadcrumb .active {
    color: #ccc !important;
}

/* Mobile specific */
@media (max-width: 991px) {
    .woopt-breadcrumbs {
        padding: 12px 0 !important;
    }
    
    .woopt-breadcrumbs .breadcrumb {
        justify-content: flex-start !important;
    }
    
    .woopt-breadcrumbs .breadcrumb li,
    .woopt-breadcrumbs .breadcrumb a,
    .woopt-breadcrumbs .breadcrumb span {
        font-size: 13px !important;
    }
}

/* ===== Footer - Remove green gradient, pure black ===== */
footer,
footer.woopt-main-footer,
footer.no-footer-widgets {
    background-color: #000 !important;
    background-image: none !important;
    background: #000 !important;
}

footer .footer,
footer .footer-top,
footer .footer-bottom {
    background-color: transparent !important;
    background-image: none !important;
}

/* Remove any green from footer */
footer::before,
footer::after {
    display: none !important;
}

/* ===== Hide top-header ===== */
.top-header {
    display: none !important;
}




/* ===== Mobile: Show cart icon in header ===== */
@media (max-width: 991px) {
    .menu-products {
        display: block !important;
        position: absolute !important;
        right: 60px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .menu-products .shop_cart {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #fff !important;
        font-size: 20px !important;
    }
    
    .menu-products .shop_cart::before {
        content: '\f07a' !important;
        font-family: 'FontAwesome' !important;
        display: inline-block !important;
    }
    
    .menu-products .header_mini_cart {
        display: none !important;
    }
    
    .menu-products .my-account-navbar {
        display: none !important;
    }
    
    .navbar-header {
        position: relative !important;
    }
}





/* ===== Mobile: Cart icon - same style as account ===== */
@media (max-width: 991px) {
    .navbar .mobile_only_icon_group.cart {
        margin: 18px 10px;
    }
    
    .mobile_only_icon_group.cart i {
        padding: 10px;
        border-radius: 50%;
        background: linear-gradient(to right, #8B5CF6, #6D28D9);
        color: #fff;
    }
}

/* ===== Cart page: Reduce top spacing ===== */
.woocommerce-cart #primary.content-area {
    padding-top: 20px !important;
    margin-top: 0 !important;
}

.woocommerce-cart #primary .container {
    padding-top: 0 !important;
}

.woocommerce-cart article.post-10 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ===== Mobile: Cart items styling ===== */
@media (max-width: 991px) {
    /* Cart items container */
    .wc-block-cart-items,
    .wp-block-woocommerce-cart-line-items-block {
        background: transparent !important;
    }
    
    /* Each cart item row */
    .wc-block-cart-items__row {
        background: #1a1f2e !important;
        border-radius: 12px !important;
        padding: 16px !important;
        margin-bottom: 12px !important;
        border: 1px solid #2a2f3e !important;
    }
    
    /* Product image */
    .wc-block-cart-item__image {
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    
    .wc-block-cart-item__image img {
        border-radius: 8px !important;
    }
    
    /* Product name */
    .wc-block-cart-item__product-name {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 14px !important;
    }
    
    /* Product price */
    .wc-block-cart-item__price,
    .wc-block-cart-item__total {
        color: #8B5CF6 !important;
        font-weight: 700 !important;
    }
    
    /* Quantity controls */
    .wc-block-cart-item__quantity {
        background: #262d3d !important;
        border-radius: 8px !important;
        padding: 4px !important;
    }
    
    .wc-block-components-quantity-selector {
        background: transparent !important;
    }
    
    .wc-block-components-quantity-selector__button {
        background: rgba(139, 92, 246, 0.2) !important;
        color: #8B5CF6 !important;
        border: none !important;
        border-radius: 6px !important;
    }
    
    .wc-block-components-quantity-selector__input {
        background: transparent !important;
        color: #fff !important;
        border: none !important;
    }
    
    /* Remove button */
    .wc-block-cart-item__remove-link {
        color: #ef4444 !important;
        font-size: 12px !important;
    }
    
    /* Product metadata */
    .wc-block-cart-item__product-metadata {
        color: #9ca3af !important;
        font-size: 12px !important;
    }
    
    /* Cart totals */
    .wp-block-woocommerce-cart-totals-block {
        background: #1a1f2e !important;
        border-radius: 12px !important;
        padding: 16px !important;
        border: 1px solid #2a2f3e !important;
    }
    
    .wc-block-components-totals-item__label,
    .wc-block-components-totals-item__value {
        color: #fff !important;
    }
    
    /* Checkout button */
    .wc-block-cart__submit-button {
        background: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%) !important;
        border: none !important;
        border-radius: 10px !important;
        padding: 14px 24px !important;
        font-weight: 600 !important;
    }
}

/* ===== Checkout page: Reduce top spacing ===== */
.woocommerce-checkout #primary.content-area {
    padding-top: 20px !important;
    margin-top: 0 !important;
}

.woocommerce-checkout article.post-11 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ===== Hide cross-sells on cart and checkout pages ===== */
.woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block,
.woocommerce-cart .cross-sells,
.woocommerce-cart .wc-block-product-collection,
.woocommerce-checkout .wp-block-woocommerce-cart-cross-sells-block,
.woocommerce-checkout .cross-sells,
.woocommerce-checkout .wc-block-product-collection {
    display: none !important;
}

/* ===== Hide You may be interested in section ===== */
.woocommerce-cart h2.wp-block-heading:has(+ .wc-block-product-template),
.woocommerce-cart .wc-block-product-template,
.woocommerce-cart .wp-block-woocommerce-product-template,
.woocommerce-checkout h2.wp-block-heading:has(+ .wc-block-product-template),
.woocommerce-checkout .wc-block-product-template,
.woocommerce-checkout .wp-block-woocommerce-product-template {
    display: none !important;
}

/* ===== Mobile: Shop page toolbar layout ===== */
@media (max-width: 991px) {
    .woocommerce .shop-toolbar,
    .woocommerce-page .shop-toolbar {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .woocommerce .shop-toolbar .toolbar-left,
    .woocommerce-page .shop-toolbar .toolbar-left {
        width: 100% !important;
        text-align: center !important;
    }
    
    .woocommerce .shop-toolbar .toolbar-right,
    .woocommerce-page .shop-toolbar .toolbar-right {
        width: 100% !important;
    }
    
    .woocommerce .woocommerce-result-count {
        margin: 0 !important;
        text-align: center !important;
    }
    
    .woocommerce .woocommerce-ordering {
        width: 100% !important;
    }
    
    .woocommerce .woocommerce-ordering select.orderby {
        width: 100% !important;
    }
}

/* ===== Mobile: overgear-shop-toolbar layout fix ===== */
@media (max-width: 991px) {
    .overgear-shop-toolbar {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .overgear-shop-toolbar .toolbar-left {
        width: 100% !important;
        float: none !important;
    }
    
    .overgear-shop-toolbar .toolbar-right {
        width: 100% !important;
        float: none !important;
    }
    
    .overgear-shop-toolbar .woocommerce-result-count {
        text-align: center !important;
        margin: 0 !important;
    }
    
    .overgear-shop-toolbar .woocommerce-ordering {
        width: 100% !important;
    }
    
    .overgear-shop-toolbar .mobile-select-trigger {
        width: 100% !important;
    }
}

/* ===== Mobile: Product Image Wrapper - Horizontal 2:3 ratio ===== */
@media (max-width: 991px) {
    .overgear-config-panel .product-image-wrapper {
        width: 100% !important;
        padding-bottom: 66.67% !important; /* 2:3 ratio (height:width) */
        height: 0 !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 12px !important;
        margin-bottom: 15px !important;
    }
    
    .overgear-config-panel .product-image-wrapper img,
    .overgear-config-panel .product-image {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

/* ===== Mobile: Related Products - 2 columns with 2:3 ratio ===== */
@media (max-width: 991px) {
    .related-products-section .related.products ul.products,
    section.related.products ul.products,
    .related-products-section ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    .related-products-section .related.products ul.products > li,
    section.related.products ul.products > li,
    .related-products-section ul.products > li {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .related-products-section .overgear-product-card .product-card-inner,
    section.related.products .overgear-product-card .product-card-inner {
        padding-bottom: 66.67% !important; /* 2:3 ratio */
        height: 0 !important;
    }
    
    .related-products-section .overgear-product-card .product-title,
    section.related.products .overgear-product-card .product-title {
        font-size: 13px !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        line-height: 1.3 !important;
    }
}

/* ===== Mobile: Config Panel Scroll - Reduce height ===== */
@media (max-width: 991px) {
    .overgear-config-panel .config-panel-scroll {
        max-height: none !important;
        height: auto !important;
        overflow-y: visible !important;
        overflow-x: hidden !important;
        padding: 15px !important;
        flex: none !important;
    }
    
    .overgear-config-panel {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* ===== Mobile: Products columns-4 force 2 columns ===== */
@media (max-width: 991px) {
    .related-products-section ul.products,
    .related-products-section .products.columns-4,
    section.related.products ul.products,
    ul.products.columns-4,
    .products.columns-4,
    .woocommerce ul.products.columns-4,
    .woocommerce-page ul.products.columns-4 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    .related-products-section ul.products > li,
    section.related.products ul.products > li,
    ul.products.columns-4 > li,
    .products.columns-4 > li.product,
    .woocommerce ul.products.columns-4 > li,
    .woocommerce-page ul.products.columns-4 > li {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    
    /* Product card 2:3 ratio */
    ul.products.columns-4 .overgear-product-card .product-card-inner,
    .products.columns-4 .overgear-product-card .product-card-inner {
        padding-bottom: 66.67% !important;
        height: 0 !important;
    }
    
    /* Product title - allow 2 lines */
    ul.products.columns-4 .overgear-product-card .product-title,
    .products.columns-4 .overgear-product-card .product-title {
        font-size: 13px !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        line-height: 1.3 !important;
    }
}

/* ===== FINAL OVERRIDE: Mobile Shop Products - 1 Column ===== */
@media (max-width: 991px) {
    body.woocommerce ul.products,
    body.woocommerce ul.products.columns-3,
    body.woocommerce-page ul.products,
    body.woocommerce-page ul.products.columns-3,
    .woocommerce ul.products,
    .woocommerce ul.products.columns-3,
    .overgear-archive-content ul.products,
    .overgear-archive-content ul.products.columns-3,
    ul.products,
    ul.products.columns-3 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    body.woocommerce ul.products > li,
    body.woocommerce-page ul.products > li,
    .woocommerce ul.products > li,
    .overgear-archive-content ul.products > li,
    ul.products > li,
    ul.products > li.product,
    ul.products > li.overgear-product-card {
        width: 100% !important;
        max-width: 100% !important;
    }
}