/* --------------------------------------------------------
   Shamsah Hub - Buttons
--------------------------------------------------------- */

.hub-btn {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #333;
	transition: 0.2s;
}

.hub-btn:hover {
	background: #f9fafb;
	border-color: #d1d5db;
}

/* Primary (Blue) */
.hub-btn-primary {
	background: #2563eb;
	border-color: #1d4ed8;
	color: #ffffff;
}

.hub-btn-primary:hover {
	background: #1d4ed8;
}

/* Secondary (subtle gray) */
.hub-btn-secondary {
	background: #f3f4f6;
	border-color: #d1d5db;
	color: #111827;
}

.hub-btn-secondary:hover {
	background: #e5e7eb;
	border-color: #9ca3af;
}

/* Ghost (border only, transparent) */
.hub-btn-ghost {
	background: transparent;
	border-color: #d1d5db;
	color: #374151;
	box-shadow: none;
}

.hub-btn-ghost:hover {
	background: #f3f4f6;
}

/* Danger (strong) */
.hub-btn-danger {
	background: #dc2626;
	border-color: #b91c1c;
	color: #ffffff;
}

.hub-btn-danger:hover {
	background: #b91c1c;
}

/* Soft danger (lighter, for secondary destructive actions) */
.hub-btn-soft-danger {
	background: #fef2f2;
	border-color: #fecaca;
	color: #b91c1c;
	box-shadow: none;
}

.hub-btn-soft-danger:hover {
	background: #fee2e2;
}

/* Small / compact button */
.hub-btn-xs {
	padding: 4px 9px;
	font-size: 13px;
	box-shadow: none;
}

/* Icon button tweak */
.hub-btn-icon {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}