/* VIP Number Shop - Dark Gold Premium Theme */
/* Forces product display to number-centric cards without images */

/* ===== GLOBAL DARK BACKGROUND ===== */
body, .wd-page-content, .website-wrapper, .wd-page-wrapper {
    background-color: #111 !important;
    color: #fff !important;
}

/* ===== HIDE PAGE TITLE & BREADCRUMBS ===== */
.page-title-default, .wd-page-title, .wd-breadcrumbs {
    display: none !important;
}

/* ===== REMOVE SIDEBAR ===== */
.wd-sidebar, .sidebar-area {
    display: none !important;
}
.wd-page-content > .container > .row > .wd-main-page-content,
.site-content .container > .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* ===== PRODUCT GRID - Force 4 columns ===== */
.woocommerce .products,
.wd-products-element {
    background: transparent !important;
    border: none !important;
    padding: 0 20px !important;
}

.products.wd-products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
}

.products.wd-products.grid-columns-3 {
    grid-template-columns: repeat(3, 1fr) !important;
}

.products.wd-products .wd-product {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ===== COMPLETELY HIDE PRODUCT IMAGES ===== */
.wd-product .wd-product-thumb,
.wd-product .product-element-top,
.wd-product .wd-product-img-link,
.wd-product img,
.wd-product picture,
.wd-product .product-image-link,
.wd-product .wd-product-bg,
.wd-product .product-labels,
.wd-product .wd-compare-btn,
.wd-product .wd-quick-view-btn,
.wd-product .wd-swatches-grid,
.wd-product .wd-product-cats,
.wd-product .star-rating,
.wd-product .wd-product-rating-wrap {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Show buttons container but hide only unwanted ones */
.wd-product .wd-buttons {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ===== PRODUCT CARD WRAPPER ===== */
.wd-product .wd-product-wrapper,
.wd-product .product-wrapper {
    background: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 12px !important;
    padding: 30px 10px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 130px !important;
    overflow: visible !important;
}

.wd-product:hover .wd-product-wrapper,
.wd-product:hover .product-wrapper {
    border-color: #c8a855 !important;
    box-shadow: 0 8px 30px rgba(200, 168, 85, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* ===== PRODUCT TITLE (THE NUMBER) ===== */
.wd-product .product-element-bottom {
    padding: 0 !important;
    width: 100% !important;
    text-align: center !important;
    overflow: visible !important;
}

.wd-product .wd-entities-title {
    margin: 0 0 12px !important;
    width: 100% !important;
    overflow: visible !important;
}

.wd-product .wd-entities-title a {
    display: inline-block !important;
    color: #c8a855 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: 'Courier New', Courier, monospace !important;
    letter-spacing: 1.5px !important;
    background: rgba(200, 168, 85, 0.06) !important;
    border: 1.5px solid rgba(200, 168, 85, 0.5) !important;
    border-radius: 25px !important;
    padding: 10px 16px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;
}

.wd-product:hover .wd-entities-title a {
    background: rgba(200, 168, 85, 0.12) !important;
    border-color: #c8a855 !important;
    box-shadow: 0 0 20px rgba(200, 168, 85, 0.15) !important;
}

/* ===== PRICE ===== */
.wd-product .price {
    text-align: center !important;
    margin-top: 5px !important;
}

.wd-product .price,
.wd-product .price span,
.wd-product .woocommerce-Price-amount {
    color: #fff !important;
    font-size: 15px !important;
}

.wd-product .price del {
    opacity: 0.4 !important;
    margin-right: 5px !important;
}

.wd-product .price del .woocommerce-Price-amount {
    color: #888 !important;
    font-size: 12px !important;
}

.wd-product .price ins {
    text-decoration: none !important;
}

.wd-product .price ins .woocommerce-Price-amount {
    color: #c8a855 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

/* ===== ADD TO CART BUTTON - Show and style ===== */
.wd-product .wd-add-btn {
    display: block !important;
    margin-top: 12px !important;
    text-align: center !important;
}

.wd-product .wd-add-btn a {
    display: inline-block !important;
    background: #c8a855 !important;
    color: #000 !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    border: none !important;
    padding: 8px 22px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.wd-product .wd-add-btn a:hover {
    background: #b89740 !important;
    box-shadow: 0 4px 15px rgba(200, 168, 85, 0.3) !important;
}

.wd-product .wd-add-btn .wd-action-icon {
    display: none !important;
}

/* ===== WISHLIST BUTTON - Show ===== */
.wd-product .wd-wishlist-btn {
    display: inline-flex !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid #333 !important;
    border-radius: 50% !important;
    color: #888 !important;
    transition: all 0.3s ease !important;
    z-index: 2 !important;
}

.wd-product .wd-wishlist-btn:hover {
    border-color: #c8a855 !important;
    color: #c8a855 !important;
    background: rgba(200, 168, 85, 0.1) !important;
}

.wd-product .wd-wishlist-btn .wd-action-text {
    display: none !important;
}

/* Make product wrapper relative for wishlist positioning */
.wd-product .wd-product-wrapper,
.wd-product .product-wrapper {
    position: relative !important;
}

/* ===== SECTION HEADINGS ===== */
.wp-block-heading, h2.wp-block-heading {
    color: #fff !important;
    padding-left: 20px !important;
}

/* ===== Override Woodmart title truncation ===== */
.wd-products.title-line-one .wd-entities-title {
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
    max-height: none !important;
}

.wd-products.title-line-one .wd-entities-title a {
    overflow: visible !important;
    text-overflow: unset !important;
}

/* Fix product grid item overflow */
.wd-product.wd-col {
    overflow: visible !important;
}

/* ===== HEADER ===== */
.whb-row, .whb-main-header {
    background-color: #111 !important;
}
.whb-color-dark:not(.whb-with-bg) {
    background-color: #111 !important;
}

/* ===== FOOTER ===== */
.footer-container, .wd-prefooter {
    background-color: #0a0a0a !important;
}

/* ===== LINKS ===== */
a { color: #c8a855; }
a:hover { color: #b89740; }

/* ===== BUTTONS ===== */
.btn-color-primary, .wp-block-button__link {
    background-color: #c8a855 !important;
    color: #000 !important;
    border-radius: 6px !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .products.wd-products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .products.wd-products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .wd-product .wd-entities-title a {
        font-size: 13px !important;
        padding: 8px 14px !important;
    }
}

@media (max-width: 480px) {
    .products.wd-products {
        grid-template-columns: 1fr !important;
    }
}