/**
 * ACL Notices Styling
 * Direct PHP-rendered notices for access control
 * 
 * Version: 1.0.3
 * - Custom classes independent from Breakdance
 * - No dependency on .bde-icon-box or .ee-iconbox-* classes
 * - Safe from Breakdance element removal
 * - Empty shortcode div hiding
 */

/* Hide empty Breakdance shortcode containers (removes gap issue) - PRODUCT PAGE ONLY */
.single-product .bde-shortcode:empty,
.single-product .bde-button:empty,
.single-product .bde-div:empty,
.single-product .bde-wooproductcartbutton:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
} 

/* Hide shortcodes with only whitespace content using :has() - PRODUCT PAGE ONLY */
.single-product .bde-shortcode:not(:has(*)),
.single-product .bde-button:not(:has(*)),
.single-product .bde-wooproductcartbutton:not(:has(*)),
.single-product #wishlist:not(:has(#wsh1, #wsh2)),
.single-product #loginprod:not(:has(a)),
.single-product #konsultacija:not(:has(a)),
.single-product #rezervuoti:not(:has(a)) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
} 

/* Variation price styling - Red color for selected variation price */
.single-product .woocommerce-variation-price bdi,
.single-product .woocommerce-variation-price .woocommerce-Price-amount {
    color: var(--bde-palette-ff564f-a5d767c0-2489-4eb9-8775-0e38e9437039-6) !important;
    font-size: 30px !important;
    font-weight: 600 !important;
}

/* Common notice container */
.acl-notice {
    max-width: 100%;
    width: 100%;
    background: #fffaf5;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-self: center;
}

/* Icon box layout - Custom structure */
.acl-notice-box {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: center;
    gap: 10px;
}

.acl-icon {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acl-icon svg {
    width: 22px;
    height: 22px;
}

.acl-content {
    flex: 1;
}

.acl-text {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
}

/* Button container */
.acl-notice .acl-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Button styling */
.acl-notice .button-atom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background: #000;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

.acl-notice .button-atom:hover {
    background: #333;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.acl-notice .button-atom__text {
    letter-spacing: 0.5px;
}

/* All notice types use identical styling */
.ptps-notice,
.ptps2-notice,
.nknt-notice {
    /* Inherits all .acl-notice styles */
}

/* Mobile responsive */
@media (max-width: 768px) {
    .acl-notice {
        padding: 12px;
    }
    
    .acl-notice-box {
        gap: 12px;
    }
    
    .acl-icon {
        width: 24px;
        height: 24px;
    }
    
    .acl-icon svg {
        width: 18px;
        height: 18px;
    }
    
    .acl-text {
        font-size: 13px;
    }
    
    .acl-notice .button-atom {
        padding: 10px 20px;
        font-size: 13px;
        width: 100%;
        justify-content: center;
    }
}
/* ============================================================================
   Product Attributes Table Styling
   ============================================================================ */
.woocommerce-product-attributes-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: #fff;
}

.woocommerce-product-attributes-table tr.even {
    background-color: #F8F8F8;
}

.woocommerce-product-attributes-table tr.odd {
    background-color: #F2F2F2;
}

.woocommerce-product-attributes-table .attribute-label {
    width: 50%;
    padding: 10px 10px 10px 20px;
    font-weight: bold;
    color: #333;
}

.woocommerce-product-attributes-table .attribute-value {
    width: 50%;
    padding: 10px;
    color: #666;
}

@media (max-width: 768px) {
    .woocommerce-product-attributes-table .attribute-label,
    .woocommerce-product-attributes-table .attribute-value {
        display: block;
        width: 100%;
        padding: 8px 15px;
    }
    
    .woocommerce-product-attributes-table .attribute-label {
        padding-bottom: 4px;
    }
    
    .woocommerce-product-attributes-table .attribute-value {
        padding-top: 4px;
        font-weight: normal;
    }
}