.tws-product-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.tws-loop-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.tws-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;line-height:1}
.tws-btn.is-active{border-color:#222;font-weight:600}
.tws-btn-compact{padding:6px 10px;border-radius:10px}
.tws-icon{width:18px;height:18px;display:block;fill:currentColor}
.tws-count{font-size:14px;font-weight:600}
.tws-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tws-dashboard-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:10px 0;flex-wrap:wrap}
.tws-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.tws-card{border:1px solid #eee;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}
.tws-card-media{display:block}
.tws-thumb{width:100%;height:auto;border-radius:10px;border:1px solid #f0f0f0}
.tws-card-title{font-weight:600;text-decoration:none;display:block}
.tws-meta{opacity:.9}
.tws-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.tws-btn-link{border-style:dashed;text-decoration:none}
.tws-empty,.tws-alert,.tws-note{padding:12px;border:1px dashed #ddd;border-radius:12px;margin-top:12px}
.tws-pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.tws-page{padding:6px 10px;border:1px solid #ddd;border-radius:10px;text-decoration:none}
.tws-page.is-active{border-color:#222;font-weight:600}

.tws-compare-table-wrap{margin-top:16px}
.tws-compare-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.tws-compare-table-scroll{overflow:auto;border:1px solid #eee;border-radius:12px}
.tws-table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}
.tws-table th,.tws-table td{padding:12px;border-bottom:1px solid #eee;vertical-align:top}
.tws-table thead th{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:2}
.tws-row-label{white-space:nowrap}
.tws-col-head-inner{display:flex;flex-direction:column;gap:8px}
.tws-ct-thumb{max-width:120px;height:auto;border-radius:10px;border:1px solid #f0f0f0}

/* ===== Custom styles for Wishlist & Compare buttons ===== */
/* Both buttons: white background, text/icon color #1C1678 in all states */
.tws-wishlist-btn,
.tws-compare-btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1C1678 !important;
    fill: #1C1678 !important;
    transition: all 0.2s ease;
}

/* Wishlist button: remove border completely */
.tws-wishlist-btn {
    border: none !important;
}

/* Compare button: keep a light border */
.tws-compare-btn {
    border: 1px solid #ddd !important;
}

/* All interactive states: keep white background and #1C1678 color */
.tws-wishlist-btn:hover,
.tws-wishlist-btn:focus,
.tws-wishlist-btn:active,
.tws-wishlist-btn:active:focus,
.tws-compare-btn:hover,
.tws-compare-btn:focus,
.tws-compare-btn:active,
.tws-compare-btn:active:focus {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1C1678 !important;
    fill: #1C1678 !important;
    outline: none;
    box-shadow: none;
}

/* For wishlist, ensure no border appears on hover/focus */
.tws-wishlist-btn:hover,
.tws-wishlist-btn:focus {
    border: none !important;
}

/* Active/selected state (is-active) */
.tws-wishlist-btn.is-active,
.tws-compare-btn.is-active,
.tws-wishlist-btn.is-active:hover,
.tws-compare-btn.is-active:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1C1678 !important;
    fill: #1C1678 !important;
}

/* For compare button active, you may optionally change border color */
.tws-compare-btn.is-active {
    border-color: #1C1678 !important;
}

/* SVG icon fill */
.tws-wishlist-btn .tws-icon,
.tws-compare-btn .tws-icon {
    fill: #1C1678 !important;
}
.tws-toast{
    position: fixed;
    left: 20px;
    bottom: 20px;

    background: #A2FED5;
    color: #1C1678;

    padding: 12px 18px;
    border-radius: 12px;

    z-index: 99999;

    opacity: 0;
    transform: translateY(10px);

    transition: all .25s ease;

    max-width: calc(100vw - 40px);
    width: fit-content;
    box-sizing: border-box;

    word-wrap: break-word;
    overflow-wrap: break-word;
}

.tws-toast.show{
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px){
    .tws-toast{
        left: 12px;
        right: 12px;
        bottom: 12px;

        width: auto;
        max-width: none;

        text-align: center;
    }
}
.tws-wishlist-dashboard .tws-card,.tws-compare-table-wrap{box-shadow:0 10px 30px rgba(0,0,0,.06);border-radius:16px}
.tws-card:hover{transform:translateY(-3px);transition:.2s}
.tws-row-label{position:sticky;left:0;background:#fff;z-index:1;font-weight:600}

/* =====================================================
TOOLSTELLAR PREMIUM WISHLIST & COMPARE UI
===================================================== */

/* DASHBOARD */
.tws-dashboard{
margin:30px 0;
}

.tws-dashboard-actions{
margin-bottom:24px;
}

/* GRID */
.tws-grid{
gap:24px !important;
}

/* CARD */
.tws-card{
background:#fff;
border:1px solid #ececec !important;
border-radius:20px !important;
overflow:hidden;
padding:0 !important;
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:.25s ease;
}

.tws-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,.10);
}

.tws-card-media{
display:block;
overflow:hidden;
}

.tws-thumb{
width:100%;
aspect-ratio:16/10;
object-fit:cover;
border:none !important;
border-radius:0 !important;
transition:.35s;
}

.tws-card:hover .tws-thumb{
transform:scale(1.04);
}

/* CONTENT */

.tws-card-title,
.tws-price,
.tws-rating,
.tws-card-actions{
padding-left:18px;
padding-right:18px;
}

.tws-card-title{
margin-top:14px;
font-size:18px;
font-weight:700;
color:#1C1678;
}

.tws-price{
font-size:15px;
margin-top:5px;
}

.tws-rating{
margin-top:5px;
}

.tws-card-actions{
padding-bottom:18px;
margin-top:12px !important;
}

/* EMPTY */
.tws-empty{
background:#fff;
border-radius:20px;
border:none;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

/* ==========================================
COMPARE TABLE
========================================== */

.tws-compare-table-wrap{
background:#fff;
border-radius:24px !important;
padding:25px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.tws-compare-title{
font-size:34px;
font-weight:700;
margin:0;
color:#1C1678;
}

.tws-compare-table-scroll{
border:none !important;
overflow:auto;
}

.tws-table{
border-collapse:separate;
border-spacing:0;
}

.tws-table thead th{
background:#f8f9ff;
position:sticky;
top:0;
z-index:10;
}

.tws-table th,
.tws-table td{
padding:16px !important;
border-color:#ececec !important;
}

.tws-table tbody tr:hover td{
background:#fafcff;
}

/* PRODUCT HEADERS */

.tws-col-head{
min-width:220px;
}

.tws-col-head-inner{
background:#fff;
border:1px solid #ececec;
border-radius:16px;
padding:15px;
box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.tws-col-head-inner a{
color:#1C1678;
font-size:16px;
font-weight:700;
text-decoration:none;
}

/* STICKY FIELD COLUMN */

.tws-row-label{
position:sticky;
left:0;
background:#fff !important;
z-index:3;
font-weight:700;
min-width:160px;
}

/* IMAGES */

.tws-ct-thumb{
max-width:120px;
border:none !important;
border-radius:16px !important;
}

/* META VALUES */

.tws-table td{
line-height:1.7;
}

/* PRICE */

.tws-price ins{
color:#00A86B;
text-decoration:none;
font-weight:700;
}

/* PAGINATION */

.tws-page{
border-radius:12px;
}

.tws-page.is-active{
background:#1C1678;
color:#fff;
}

/* TOAST */

.tws-toast{
position:fixed;
left:20px;
bottom:20px;

background:#A2FED5;
color:#1C1678;

padding:14px 20px;

border-radius:14px;

box-shadow:0 10px 30px rgba(0,0,0,.12);

z-index:99999;

opacity:0;

transform:translateY(10px);

transition:.25s;

max-width:420px;

width:auto;

font-weight:600;

}

.tws-toast.show{
opacity:1;
transform:translateY(0);
}

/* Mobile Toast Fix */
@media(max-width:768px){
	.woocommerce #reviews #comments ol.commentlist {
    display: flex !important;
    column-gap: 25px;
    flex-direction: column;
}
        .tws-toast{
        position:fixed !important;

        left:10px !important;
        bottom:10px !important;

        max-width:200px !important;
        width:auto !important;

        padding:8px 10px !important;

        font-size:12px !important;
        line-height:1.4 !important;

        white-space:normal !important;
        overflow-wrap:break-word !important;
        word-break:break-word !important;

        z-index:9999999 !important;
    }

}



/* WooCommerce Stars */

.star-rating{
    position:relative;
    display:inline-block;
    overflow:hidden;
    font-size:18px;
    line-height:1;
    width:5.4em;
    height:1em;
    font-family:star;
}

.star-rating::before{
    content:"★★★★★";
    color:#d3ced2;
    float:left;
    top:0;
    left:0;
    position:absolute;
}

.star-rating span{
    overflow:hidden;
    float:left;
    top:0;
    left:0;
    position:absolute;
    padding-top:1.5em;
}

.tws-stars{
    font-size:22px;
    color:#ffb400;
    line-height:1;
}

.star-rating span::before{
    content:"★★★★★";
    position:absolute;
    top:0;
    left:0;
    color:#ffb400;
}


/* Final fixes */
.tws-col-head-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
}

.tws-card{
    position:relative;
    height:100%;
}
