/* START: KOL User Latest Photos Widget */
.kol-ulp-widget {
	width: 100%;
}

.kol-ulp-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
	width: 100%;
}

.kol-ulp-item {
	width: 100px;
	height: 100px;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 4px;
	background-color: #f0f0f0;
}

.kol-ulp-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.2s ease;
}

.kol-ulp-link {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.kol-ulp-link:hover img {
	transform: scale(1.05);
}

.kol-ulp-view-gallery {
	display: inline-block;
	padding: 8px 12px;
	background-color: #2d7c2d;
	color: white;
	text-decoration: none;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	transition: background-color 0.2s ease;
}

.kol-ulp-view-gallery:hover {
	background-color: #1f5f1f;
	text-decoration: none;
}

.kol-ulp-no-photos {
	padding: 20px;
	text-align: center;
	color: #999;
	font-size: 13px;
}

/* END: KOL User Latest Photos Widget */

/* START: Dark Mode - KOL User Latest Photos Widget */
html.dark-mode .kol-ulp-item {
	background-color: #2a2a2a;
}

html.dark-mode .kol-ulp-view-gallery {
	background-color: #3d9d3d;
}

html.dark-mode .kol-ulp-view-gallery:hover {
	background-color: #2d7c2d;
}

html.dark-mode .kol-ulp-no-photos {
	color: #aaa;
}

/* END: Dark Mode - KOL User Latest Photos Widget */

/* START: Light Mode - KOL User Latest Photos Widget */
html.light-mode .kol-ulp-item {
	background-color: #f0f0f0;
}

html.light-mode .kol-ulp-view-gallery {
	background-color: #2d7c2d;
}

html.light-mode .kol-ulp-view-gallery:hover {
	background-color: #1f5f1f;
}

html.light-mode .kol-ulp-no-photos {
	color: #999;
}

/* END: Light Mode - KOL User Latest Photos Widget */