/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Hide sale labels on out-of-stock products */
.product.outofstock .onsale,
.product.outofstock .wd-entities-element.wd-label.onsale,
.product.outofstock .product-label.onsale {
    display: none !important;
}

/* Custom breadcrumb styles for blog pages */
.wd-blog-breadcrumb-wrapper {
    padding: 15px 0;
}

.wd-blog-breadcrumb-wrapper .container {
    max-width: 100%;
}

.wd-breadcrumbs-blog {
    font-size: 14px;
    line-height: 1.5;
}

.wd-breadcrumbs-blog a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.wd-breadcrumbs-blog a:hover {
    color: #333;
    text-decoration: underline;
}

.wd-breadcrumbs-blog .wd-delimiter {
    margin: 0 8px;
    color: #999;
}

/* Extra description styles for category and brand pages */
.wd-extra-description-wrapper {
    padding: 24px;
    background-color: #1c3667;
}

.wd-extra-description {
    font-size: 16px;
    line-height: 2;
    color: #fff;
    text-align: justify;
}

.wd-extra-description p {
    margin-bottom: 15px;
}

.wd-extra-description p:last-child {
    margin-bottom: 0;
}

/* Responsive styles for extra description */
/* Tablet styles */
@media (max-width: 1024px) {
    .wd-extra-description-wrapper {
        padding: 20px;
    }
    
    .wd-extra-description {
        font-size: 15px;
    }
}

/* Mobile styles */
@media (max-width: 768px) {
    .wd-extra-description-wrapper {
        padding: 16px;
    }
    
    .wd-extra-description {
        font-size: 14px;
    }
    
    .wd-extra-description p {
        margin-bottom: 12px;
    }
}

/* Small mobile styles */
@media (max-width: 480px) {
    .wd-extra-description-wrapper {
        padding: 8px 0px;
    }
    
    .wd-extra-description {
        font-size: 14px;
    }
    
    .wd-extra-description p {
        margin-bottom: 10px;
    }
}

/* Page title padding when it has sub brands (wd-nav-product-cat) */
/* Modern browsers with :has() support */
.wd-page-title.page-title:has(.wd-nav-product-cat),
.wd-page-title.page-title:has(+ .wd-nav-product-cat),
.wd-page-title.page-title:has(~ .wd-nav-product-cat) {
    padding: 64px 0;
}

/* Fallback: when page title has wd-nav-product-cat class added by JS */
.wd-page-title.page-title.has-nav-product-cat {
    padding: 64px 0;
}

/* Responsive styles for page title with sub brands */
@media (max-width: 1024px) {
    .wd-page-title.page-title:has(.wd-nav-product-cat),
    .wd-page-title.page-title + .wd-nav-product-cat,
    .wd-page-title.page-title ~ .wd-nav-product-cat {
        padding: 48px 0;
    }
}