.woosw-popup .woosw-item--name a { color: #3e77aa !important; text-decoration: none !important; font-size: 15px !important; font-weight: bold !important; }
.woosw-popup .woosw-item--name a:hover { color: #f84147 !important; }
.woosw-popup .woosw-item--actions .button { background: #00a046 !important; color: #fff !important; border-radius: 4px !important; padding: 8px 15px !important; text-decoration: none !important; font-size: 13px !important; transition: 0.2s !important; display: inline-block !important; border: none !important; line-height: 1 !important; }
.woosw-popup .woosw-item--actions .button:hover { background: #008238 !important; }
.woosw-popup-content-bot-inner { display: flex !important; justify-content: space-around !important; padding: 15px 0 !important; }
.woosw-popup-content-bot-inner a { color: #333 !important; text-decoration: none !important; text-transform: none !important; font-weight: bold !important; border-bottom: 1px dashed #333 !important; font-size: 14px !important; transition: 0.2s !important; }
.woosw-popup-content-bot-inner a:hover { color: #00a046 !important; border-color: #00a046 !important; }
.woosw-popup .woosw-item--remove span::before { color: #888 !important; transition: 0.2s !important; }
.woosw-popup .woosw-item--remove span:hover::before { color: #f84147 !important; }

.woosw-list table { width: 100%; border-collapse: collapse; }
.woosw-list td { padding: 15px; border-bottom: 1px solid #e9e9e9; vertical-align: middle; }
.woosw-list .woosw-item--name a { color: #3e77aa !important; text-decoration: none !important; font-weight: bold; }
.woosw-list .woosw-item--name a:hover { color: #f84147 !important; }
.woosw-list .woosw-item--actions .button { background: #00a046 !important; color: #fff !important; border-radius: 4px !important; padding: 8px 15px !important; text-decoration: none !important; border: none !important; transition: 0.2s; }
.woosw-list .woosw-item--actions .button:hover { background: #008238 !important; }

.woosc_list { overflow-x: auto !important; padding-bottom: 20px !important; }
.woosc_table { border-collapse: collapse !important; width: 100% !important; background: #fff !important; margin-top: 20px !important; }
.woosc_table th, .woosc_table td { border: 1px solid #e9e9e9 !important; padding: 15px !important; text-align: center !important; vertical-align: middle !important; }
.woosc_table .th-label, .woosc_table .td-label { background: #f5f5f5 !important; font-weight: bold !important; color: #333 !important; width: 15% !important; text-align: left !important; }
.woosc_table th.col a, .woosc_table td.col a { color: #000000 !important; text-decoration: none !important; font-weight: bold !important; font-size: 15px !important; display: block !important; margin-bottom: 10px !important; text-shadow: 1px 1px 4px #ffffff, 1px 1px 4px #ffffff, 1px 1px 4px #ffffff, 1px 1px 4px #ffffff; }
.woosc_table th.col a:hover, .woosc_table td.col a:hover { color: #00D500 !important; }
.woosc_table .woosc-remove { color: #888 !important; font-size: 12px !important; text-decoration: underline !important; font-weight: normal !important; cursor: pointer !important; }
.woosc_table .woosc-remove:hover { color: #f84147 !important; }
.woosc_table .tr-image img { max-width: 180px !important; height: auto !important; margin: 0 auto !important; display: block !important; }
.woosc_table .button { background: #00a046 !important; color: #fff !important; border-radius: 4px !important; padding: 10px 15px !important; text-decoration: none !important; border: none !important; transition: 0.2s !important; display: inline-block !important; font-size: 13px !important; }
.woosc_table .button:hover { background: #008238 !important; }
.woosc_table .tr-description, .woosc_table .tr-name { display: none !important; }

@media (max-width: 768px) {
    html, body { overflow-x: hidden !important; width: 100% !important; }
    .entry-content { max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; }
    
    .woosc_list, .woosc-list { display: block !important; width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 20px !important; }
    
    .woosc_table { display: block !important; width: max-content !important; min-width: 100% !important; border: none !important; }
    .woosc_table thead, .woosc_table tbody { display: block !important; }
    
    .woosc_table tr { display: block !important; width: max-content !important; min-width: 100% !important; border-bottom: 4px solid #e9e9e9 !important; font-size: 0 !important; }
    
    .woosc_table thead .th-label, 
    .woosc_table tr.tr-name, 
    .woosc_table tr.tr-description, 
    .woosc_table .th-placeholder, 
    .woosc_table .td-placeholder { display: none !important; }

   
    .woosc_table tbody .th-label, 
    .woosc_table tbody .td-label { 
        display: block !important; 
        width: 100vw !important; 
        background: #f5f5f5 !important; 
        font-size: 15px !important; 
        font-weight: bold !important; 
        text-align: center !important; 
        padding: 10px 15px !important; 
        box-sizing: border-box !important; 
        border-bottom: 1px solid #ddd !important; 
        position: sticky !important; 
        left: 0 !important; 
        z-index: 5 !important; 
    }
    
    .woosc_table th.col, 
    .woosc_table td.col { 
        display: inline-block !important; 
        vertical-align: top !important; 
        width: 180px !important; 
        max-width: 180px !important; 
        font-size: 14px !important; 
        padding: 15px 10px !important; 
        box-sizing: border-box !important; 
        border-right: 1px solid #e9e9e9 !important; 
        white-space: normal !important; 
        word-wrap: break-word !important; 
    }
    
    .woosc_table .tr-image img { max-width: 120px !important; height: auto !important; margin: 0 auto !important; display: block !important; }
    .woosc_table .button { padding: 8px !important; font-size: 12px !important; width: 100% !important; box-sizing: border-box !important; text-align: center !important; }
}