/*!
 * Jetpack CRM
 * https://jetpackcrm.com
 */

/*
	Global styles for ZBS metaboxes
*/

#normal-sortables.zbs-metaboxes,
#zbs-normal-sortables.zbs-metaboxes {
	padding-top: 1em;
}

#side-sortables.zbs-metaboxes,
#zbs-side-sortables.zbs-metaboxes {
	padding-top: 1em;
	padding-right: 1em;
}

// this allows for the screen options tab :)
#zbs-side-sortables {
	padding-top: 1em !important;
}

.zbs-metabox {

	position: relative;
	margin-bottom: 1em;

	.zbs-metabox-head:hover {
		cursor: move;
	}

	// blocker (for when being dragdropped)
	.zbs-metabox-block {

		display: none;

		position: absolute;
		border-radius: 4px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.7);

		// title
		div {

			border-radius: 4px;
			padding-top: 1em;
			padding-bottom: 1em;
			font-size: 1.5em;
			text-align: center;
			text-shadow: 1px 1px 9px #848ca5;
			background: #fff;

		}

		// drag drop handle
		.icon {

			font-size: 1.5em;
			background: none;
			position: absolute;
			top: 1em;
			right: 1em;

		}

	}


}

// when ready to drag/drop them around the place :)
.zbs-metabox-sortables.zbs-dragready {

	.zbs-metabox {

		max-height: 300px;
		overflow: hidden;
		margin-bottom: 1em;
		opacity: 0.5;

		// blocker  - show
		.zbs-metabox-block {

			display: block;

		}

	}

	.zbs-metabox:hover {
		cursor: move;
	}

	.zbs-metabox-landing-pad {
		border: 2px dashed #969893;
		border-radius: 6px;
		background: #dde8dc;
		height: 7em;
		margin-bottom: 1em;
	}

}


// minimisation
.zbs-metabox-head {

	.zbs-metabox-minimise {

		.caret.up.icon {
			display: block;
		}

		.caret.down.icon {
			display: none;
		}

		.caret.icon:hover {
			cursor: pointer;
			color: #fff;
			border-radius: 2px;
			background: #000;
		}

	}
}

.zbs-metabox.zbs-minimised {

	.zbs-metabox-minimise {

		.caret.up.icon {
			display: none;
		}

		.caret.down.icon {
			display: block;
		}

	}

	// hide body
	.zbs-metabox-body {
		display: none;
	}

}

#zbs-custom-quicklinks,
#zbs-edit-sidebar-wrap {
	box-shadow: unset;
	padding-right: 0;
}
