/* Desktop: Hide by default */
.dorapita-hide-line-banner {
	display: none;
}

/* Mobile: Show banner with styles */
@media (max-width: 768px) {
	.dorapita-hide-line-banner {
		align-items: center;
		padding: 16px 10px;
		background: var(--bs-dorapita-light);
		height: 70px;
		display: flex;
		column-gap: 4px;
		border-bottom: 1px solid var(--bs-dark);
	}

	.dorapita-hide-line-banner.hidden {
		display: none;
	}

	.dorapita-hide-line-banner .dorapita-hide-line-banner-link {
		display: flex;
		align-items: center;
		column-gap: 4px;
		flex: 1;
	}

	.dorapita-hide-line-banner .dorapita-hide-line-banner-link-logo {
		max-height: 48px;
		max-width: 50px;
		display: flex;
	}

	.dorapita-hide-line-banner .dorapita-hide-line-banner-link-icon-line {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #06c755;
		border-radius: 8px;
		color: var(--bs-white);
		font-size: 14px;
		padding: 12px;
		font-weight: 700;
	}

	.dorapita-hide-line-banner .dorapita-hide-line-banner-icon {
		min-width: 10px;
		min-height: 10px;
		cursor: pointer;
	}

	.dorapita-hide-line-banner .dorapita-hide-line-banner-icon img {
		width: 100%;
	}

	.dorapita-hide-line-banner .dorapita-hide-line-banner-link-text-sub-text {
		font-size: 16px;
		font-weight: 700;
		flex: 1;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		line-height: 1.2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		min-width: 48px;
	}
}