@mixin ymsk-wp-not-mobile {
	@media ( min-width: 783px ) {
		@content;
	}
}
@mixin ymsk-wp-mobile {
	@media ( max-width: 782px ) {
		@content;
	}
}

/* Admin Bar */
#wpadminbar {
	/* Maintenance */
	#wp-admin-bar-ymsk-maintenance {
		@include ymsk-wp-mobile {
			display: flex;
		}

		.ab-item {
			@include ymsk-wp-mobile {
				width: 52px;

				display: flex;
				align-items: center;
				justify-content: center;

				font-size: 24px;
			}

			.ab-label {
				@include ymsk-wp-mobile {
					display: none;
				}
			}
		}
	}
}

/* List Table */
table.wp-list-table {
	/* Advanced Columns */
	th.column-ymsk-thumbnail {
		width: 40px;
		opacity: .75;
		
		@include ymsk-wp-mobile {
			display: none;
		}
		
		.text {
			display: none;
		}
		
		.dashicons {
			width: 100%;

			font-size: 14px;

			&::before {
				vertical-align: sub;
			}
		}
	}
	td.column-ymsk-thumbnail {
		@include ymsk-wp-mobile {
			display: none;
		}

		img, .dashicons {
			width: 40px;
			height: 40px;
			border-radius: 2px;
		}
		
		.dashicons {
			opacity: .1;
			
			font-size: 40px;
		}
	}
		tr.is-expanded td.column-ymsk-thumbnail {
			@include ymsk-wp-mobile {
				padding: 8px 8px 2px 35%;

				display: flex !important;
				align-items: center;
			}
		}
	
	th.column-ymsk-filesize {
		width: 110px;
	}
	
	th.column-ymsk-template {
		width: 150px;
	}

	th.column-ymsk-order {
		width: 70px;
		
		text-align: center;
	}
	td.column-ymsk-order {
		@include ymsk-wp-not-mobile {
			text-align: center;
		}
	}

	/* WooCommerce Product */
	body.post-type-product &.posts {
		th.column-thumb {
			width: 40px;
			opacity: 0.75;
		}
		td.column-thumb {
			a {
				display: flex;
			}
			
			img {
				border-radius: 4px;
			}
		}
	}

	/* Term Posts count fix */
	&.tags {
		th.column-posts {
			width: 85px;
		}
	}
	
	/* WooCommerce Product Terms fix */
	body.post-type-product &.tags {
		th.column-name.column-primary {
			width: auto;
		}
	}

	/* Users */
	&.users {
		td.column-username {
			img {
				border-radius: 2px;
			}
		}
	}
}