/* ===============================
MEDD Engagement Buttons
=============================== */

.medd-like-btn,
.medd-watch-btn{

display:inline-flex;
align-items:center;
gap:6px;

padding:8px 14px;

border:1px solid #ddd;
border-radius:6px;

background:#fff;

cursor:pointer;

font-size:14px;
font-weight:500;

transition:all .25s ease;

margin-right:8px;
background: #024223;

}


/* Active state */

.medd-like-btn.is-active{

color:#e63946;
border-color:#e63946;

}


/* Watchlist active */

.medd-watch-btn.is-active{

background:#3b4647;
color:#fff;
border-color:#3b4647;

}


/* Loading state */

.is-loading{

opacity:.6;
pointer-events:none;

}


/* Like counter */

.like-count{
color: #fff !important;
font-weight:600;
font-size:13px;


}


/* ===============================
Watchlist Page
=============================== */

.medd-watchlist-items{

display:grid;
grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
gap:20px;

margin-top:20px;

}

.watchlist-item{

padding:14px;

border:1px solid #eee;
border-radius:8px;

background:#fafafa;

transition:all .25s ease;

}

.watchlist-item:hover{

box-shadow:0 4px 12px rgba(0,0,0,0.08);

}

.watchlist-item h3{

font-size:16px;
margin:0;

}

.watchlist-item a{

text-decoration:none;
color:#222;

}

.watchlist-item a:hover{

color:#1d72f3;

}
.medd-watch-btn.is-active.sk {
    background: #ce7c7c;
    color: #fff;
    border-color: #ce7c7c;
}