/**
 * Widget Visibility Control - Device Visibility
 *
 * Responsive CSS for hiding widgets on specific device types.
 * Breakpoints: mobile < 768px, tablet 768-1024px, desktop > 1024px.
 *
 * @package ayudawp/widget-visibility-control
 * @since 1.2.0
 */

/* Hide on desktop (viewport >= 1025px) */
@media (min-width: 1025px) {
	.ayudawp-wvc-hide-desktop {
		display: none !important;
	}
}

/* Hide on tablet (viewport 768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
	.ayudawp-wvc-hide-tablet {
		display: none !important;
	}
}

/* Hide on mobile (viewport < 768px) */
@media (max-width: 767px) {
	.ayudawp-wvc-hide-mobile {
		display: none !important;
	}
}