/* Facebook Tools Hub Scoped Styles */

:root {
 --fb-brand-color: #1877f2;
 --fb-brand-dark: #0f56b3;
 --fb-brand-light: #e7f3ff;
}

/* Card clickable overlay helper */
.tool-grid-card {
 cursor: pointer;
 position: relative;
}

.tool-grid-card .btn-card-open {
 background-color: var(--fb-brand-color) !important;
}

.tool-grid-card:hover .btn-card-open {
 background-color: var(--fb-brand-dark) !important;
}

.card-badge.popular {
 background: #1877f2 !important;
 color: #ffffff !important;
}

.card-badge.new {
 background: #e7f3ff !important;
 color: #1877f2 !important;
}

.filter-tab.active {
 background-color: var(--fb-brand-color) !important;
 color: #ffffff !important;
}

.btn-share {
 background: #ffffff;
 border: 1px solid #e2eaf4;
 color: #0f2d59;
 padding: 8px 16px;
 border-radius: 20px;
 font-size: 13.5px;
 font-weight: 600;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 cursor: pointer;
 transition: all 0.2s ease;
}

.btn-share:hover {
 background: #f8fafc;
 border-color: #cbd5e1;
 transform: translateY(-1px);
}