/* ============================================
   CUSTOM CSS FOR BOLLYPIANO THEME
   ============================================ */

/* ============================================
   MEMBER OFFER BUTTON (SIMPLIFIED)
   ============================================ */

/* Wrapper for simplified member offer button */
.member-offer-button-wrapper {
    text-align: center;
}

/* Simplified member offer button */
.member-offer-button-simple {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 1.125rem !important; /* 18px */
    color: #FFFFFF !important;
}

.member-offer-button-simple:hover {
    color: #1f1f1f !important;
}

/* Button text */
.member-button-text {
    font-weight: 600;
}

/* Member price in button */
.member-button-price {
    font-weight: 700;
    font-size: 1.1em;
}

/* Original price in button - strikethrough */
.member-button-original {
    font-size: 0.9em;
    opacity: 0.7;
    text-decoration: line-through;
    font-weight: 400;
}

/* Footer text for simplified version */
.member-offer-button-wrapper .member-offer-footer {
    margin-top: 0.5rem;
}

.member-offer-footer{
    font-size:0.875rem;
}

/* ============================================
   POST CATEGORIES LIST
   ============================================ */

/* Container for categories list */
.post-categories-list {
    display: flex;
    flex-direction: column;
}

/* Individual category item - now a clickable link */
.post-category-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

.post-category-item:hover .post-category-name {
    color: var(--primary);
}

/* Category name */
.post-category-name {
    color: #666666;
    font-size: 0.875rem;
    font-weight: 400;
    transition: color 0.3s ease;
}

/* Active/current category name */
.post-category-item.active .post-category-name {
    color: var(--primary);
    font-weight: 600;
}

/* Category count badge */
.post-category-count {
    background-color: #F5F5F5;
    color: #666666;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.875rem;
    font-weight: 400;
    min-width: 2rem;
    text-align: center;
}

/* Active category count badge */
.post-category-item.active .post-category-count {
    background-color: var(--primary);
    color: #FFFFFF;
}

/* ============================================
   POST TAGS LIST
   ============================================ */

/* Container for tags list - flexbox grid */
.post-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Individual tag item - rounded badge style */
.post-tag-item {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #F5F5F5;
    color: #1F1F1F;
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

/* Tag hover state */
.post-tag-item:hover {
    background-color: var(--primary);
    color: #FFFFFF;
    border-color: var(--primary);
}

/* Active tag (current post's tags) */
.post-tag-item.active {
    background-color: var(--primary);
    color: #FFFFFF;
    border-color: var(--primary);
}

/* ============================================
   PRODUCT DETAILS TABS
   ============================================ */

/* Container for product details tabs */
.product-details-tabs {
    margin: 2rem 0;
}

/* Tab navigation */
.product-tabs-nav {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #E5E5E5;
    margin-bottom: 1.5rem;
}

/* Tab button */
.product-tab-btn {
    background: transparent !important;
    border: none !important;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem !important; /* 14px */
    font-weight: 600 !important;
    color: #666666 !important;
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -2px;
    box-shadow: none !important;
}

.product-tab-btn:hover {
    color: var(--primary);
}

/* Active tab button */
.product-tab-btn.active {
    color: #1f1f1f !important;
    border-bottom-color: var(--primary) !important;
}

/* Tab content container */
.product-tabs-content {
    position: relative;
}

/* Tab panel */
.product-tab-panel {
    display: none;
}

.product-tab-panel.active {
    display: block;
}

/* Product description */
/* .product-description {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #333333;
} */

.product-description p {
    margin-bottom: 1rem;
}

/* Additional information container - 4 column grid */
.product-additional-info {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

/* Information row */
.product-info-row {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 0;
    border-bottom: 1px solid #E5E5E5;
}

.product-info-row:last-child {
    border-bottom: none;
}

/* Information label */
.product-info-label {
    font-size: 0.875rem; /* 14px */
    font-weight: 600;
    color: #333333;
    margin-bottom: 0.25rem;
}

/* Information value */
.product-info-value {
    font-size: 0.875rem; /* 14px */
    font-weight: 400;
    color: #666666;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .product-tabs-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .product-tab-btn {
        padding: 0.75rem 1rem;
        white-space: nowrap;
        font-size: 0.8125rem !important; /* 13px on mobile */
    }
    
    /* Stack to single column on mobile */
    .product-additional-info {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   WOOCOMMERCE MY ACCOUNT MENU ICONS (CSS-only, works with Elementor/esc_html)
   Uses WooCommerce classes: .woocommerce-MyAccount-navigation-link--{endpoint}
   ============================================ */
.woocommerce-MyAccount-navigation ul li a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
[class*="woocommerce-MyAccount-navigation"] a {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    box-sizing: border-box;
}

.woocommerce-MyAccount-navigation ul li a::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before,
[class*="woocommerce-MyAccount-navigation-link--"] a::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* Dashboard - grid */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/svg%3E");
}

/* Orders */
.woocommerce-MyAccount-navigation-link--orders a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}

/* Downloads */
.woocommerce-MyAccount-navigation-link--downloads a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E");
}

/* Addresses (edit-address) */
.woocommerce-MyAccount-navigation-link--edit-address a::before,
.woocommerce-MyAccount-navigation-link--addresses a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

/* Payment methods */
.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cline x1='2' x2='22' y1='10' y2='10'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cline x1='2' x2='22' y1='10' y2='10'/%3E%3C/svg%3E");
}

/* Edit account */
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

/* Logout */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' x2='9' y1='12' y2='12'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' x2='9' y1='12' y2='12'/%3E%3C/svg%3E");
}

/* Wishlist */
.woocommerce-MyAccount-navigation-link--wishlist a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
}

/* Subscriptions */
.woocommerce-MyAccount-navigation-link--wps_subscriptions a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E");
}

/* My Coupons (wt-smart-coupon endpoint) */
.woocommerce-MyAccount-navigation-link--wt-smart-coupon a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M13 5v2'/%3E%3Cpath d='M13 17v2'/%3E%3Cpath d='M13 11v2'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M13 5v2'/%3E%3Cpath d='M13 17v2'/%3E%3Cpath d='M13 11v2'/%3E%3C/svg%3E");
}