/*--------------------------------------------------------------------------------------------
*
*	Field Group
*
*--------------------------------------------------------------------------------------------*/

// Reset postbox inner padding.
#acf-field-group-fields > .inside,
#acf-field-group-locations > .inside,
#acf-field-group-options > .inside {
	padding: 0;
	margin: 0;
}


/*---------------------------------------------------------------------------------------------
*
*  Postbox: Publish
*
*---------------------------------------------------------------------------------------------*/
#minor-publishing-actions,
#misc-publishing-actions #visibility {
	display: none;
}

#minor-publishing {
	border-bottom: 0 none;
}

#misc-pub-section {
	border-bottom: 0 none;
}

#misc-publishing-actions .misc-pub-section {
	border-bottom-color: #F5F5F5;
}


/*---------------------------------------------------------------------------------------------
*
*  Postbox: Fields
*
*---------------------------------------------------------------------------------------------*/
#acf-field-group-fields {
	border: 0 none;
    box-shadow: none;
    
    
    /* metabox */
    > .handlediv,
	> .hndle {
		display: none;
	}
	
	
	/* links */
	a {
		text-decoration: none;
		
		&:active,
		&:focus {
			outline: none;
			box-shadow: none;
		}
	}
	
	
	/* table header */
	.li-field-order { width: 20%; }
	.li-field-label { width: 30%; }
	.li-field-name { width: 25%; }
	.li-field-type { width: 25%; }
	.li-field-key { display: none; }
	
	
	/* show keys */
	&.show-field-keys {
		
		.li-field-label,
		.li-field-name,
		.li-field-type,
		.li-field-key { width: 20%; }
		.li-field-key { display: block; }
	}
	
	
	/* fields */
	.acf-field-list-wrap {
		border: $wp-card-border solid 1px;
	}
	
	.acf-field-list {
		background: #f5f5f5;
		margin-top: -1px;
		
		/* no fields */
		.no-fields-message {
			padding: 15px 15px;
			background: #fff;
			display: none;
		}
		
		/* empty */
		&.-empty {
			.no-fields-message {
				display: block;
			}
		}
	}
	
	// WP Admin 3.8
	@include wp-admin('3-8') {
		.acf-field-list-wrap {
			border-color: $wp38-card-border-1;
		}
	}
}


/* field object */
.acf-field-object {
	border-top: $wp38-card-border-2 solid 1px;
	background: #fff;
	
	/* sortable */
	&.ui-sortable-helper {
		border-top-color: #fff;
		box-shadow: 0 0 0 1px #DFDFDF, 0 1px 4px rgba(0,0,0,0.1);
	}
	
	&.ui-sortable-placeholder {
		box-shadow: 0 -1px 0 0 #DFDFDF;
		visibility: visible !important;
		background: #F9F9F9;
		border-top-color: transparent;
		min-height: 54px;
		
		// hide tab field separator
		&:after, &:before {
			visibility: hidden;
		}
	}
	
	
	/* meta */
	> .meta {
		display: none;
	}
	
	
	/* handle */
	> .handle {
		
		a {
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none; 	
			transition: none;
		}
		
		li {
			padding-top: 10px;
			padding-bottom: 10px;
			word-wrap: break-word;
		}
		
		.acf-icon {
			margin: 1px 0 0;
			cursor: move;
			background: transparent;
			float: left;
			
			height: 28px;
		    line-height: 28px;
		    width: 28px;
		    font-size: 13px;
		    color: #444;
		    position: relative;
		    z-index: 1;
		}
		
		strong {
			display: block;
			padding-bottom: 6px;
			font-size: 14px;
			line-height: 14px;
			min-height: 14px;
		}
		
		.row-options {
			visibility: hidden;
			
			a {
				margin-right: 4px;
			}
			
			a.delete-field {
				color: #a00;
				
				&:hover { color: #f00; }
			}
		}

	}
	
	/* open */
	&.open {
		
		+ .acf-field-object {
			border-top-color: #E1E1E1;
		}
		
		> .handle {
			background: $acf_blue;
			border: darken($acf_blue, 2%) solid 1px;
			text-shadow: #268FBB 0 1px 0;
			color: #fff;
			position: relative;
			margin: -1px -1px 0 -1px;
			
			a {
				color: #fff !important;
				
				&:hover {
					text-decoration: underline !important;
				}
			}
			
			.acf-icon {
				border-color: #fff;
				color: #fff;
			}
			
			.acf-required {
				color: #fff;
			}
		}
	}
	

/*
	// debug
	&[data-save="meta"] {
		> .handle {
			border-left: #ffb700 solid 5px !important;
		}
	}
	
	&[data-save="settings"] {
		> .handle {
			border-left: #0ec563 solid 5px !important;
		}
	}
*/
	
	
	/* hover */
	&:hover, &.-hover {
		
		> .handle {
			
			.row-options {
				visibility: visible;
			}
				
		}
	}
	
	
	/* settings */
	> .settings {
		display: none;
		width: 100%;
		
		> .acf-table {
			border: none;
		}
	}
	
	
	/* conditional logic */
	.rule-groups {
		margin-top: 20px;
	}
	
}


/*---------------------------------------------------------------------------------------------
*
* Postbox: Locations
*
*---------------------------------------------------------------------------------------------*/

.rule-groups {
	
	h4 {
		margin: 3px 0;
	}
	
	.rule-group {
		margin: 0 0 5px;
		
		h4 {
			margin: 0 0 3px;
		}
		
		td.param {
			width: 35%;
		}
		
		td.operator {
			width: 20%;
		}
		
		td.add {
			width: 40px;
		}
		
		td.remove {
			width: 28px;
			vertical-align: middle;
			
			a {
				visibility: hidden;
			}
		}
		
		tr:hover td.remove a {
			visibility: visible;
		}
		
		/* Don't allow user to delete the first field group */
		&:first-child tr:first-child td.remove a {
			visibility: hidden !important;
		}
		
		// empty select
		select:empty {
			background: #f8f8f8;
		}
	}
}


/*---------------------------------------------------------------------------------------------
*
*	Options
*	
*---------------------------------------------------------------------------------------------*/

#acf-field-group-options tr[data-name="hide_on_screen"] li {
	float: left;
	width: 33%;
}

@media (max-width: 1100px) {
	
	#acf-field-group-options tr[data-name="hide_on_screen"] li {
		width: 50%;
	}
	
}


/*---------------------------------------------------------------------------------------------
*
*	Conditional Logic
*	
*---------------------------------------------------------------------------------------------*/

table.conditional-logic-rules {
	background: transparent;
	border: 0 none;
	border-radius: 0;
}

table.conditional-logic-rules tbody td {
	background: transparent;
	border: 0 none !important;
	padding: 5px 2px !important;
}


/*---------------------------------------------------------------------------------------------
*
*	Field: Tab
*	
*---------------------------------------------------------------------------------------------*/

.acf-field-object-tab {
	
	// hide setting
	.acf-field-setting-name,
	.acf-field-setting-instructions,
	.acf-field-setting-required,
	.acf-field-setting-warning,
	.acf-field-setting-wrapper {
		display: none;
	}
	
	// hide name
	.li-field-name {
		visibility: hidden;
	}
	
	// add spacer
	.acf-field-object + & {
		
		&:before {
			display: block;
			content: "";
			height: 5px;
			width: 100%;
			background: #f5f5f5;
			border-top: #e1e1e1 solid 1px;
			border-bottom: #e1e1e1 solid 1px;
			margin-top: -1px;
			
			// WP Admin 3.8
			@include wp-admin('3-8') {
				border-color: $wp38-card-border;
			}
		}
	}
	
	p:first-child {
		margin: 0.5em 0;
	}
}

/*---------------------------------------------------------------------------------------------
*
*	Field: Accordion
*	
*---------------------------------------------------------------------------------------------*/

.acf-field-object-accordion {
	@extend .acf-field-object-tab;
	
	// show settings
	.acf-field-setting-instructions {
		display: table-row;
	}
	
}


/*---------------------------------------------------------------------------------------------
*
*	Field: Message
*	
*---------------------------------------------------------------------------------------------*/

.acf-field-object-message tr[data-name="name"],
.acf-field-object-message tr[data-name="instructions"],
.acf-field-object-message tr[data-name="required"] {
	display: none !important;
}

.acf-field-object-message .li-field-name {
	visibility: hidden;
}

.acf-field-object-message textarea {
	height: 175px !important;
}


/*---------------------------------------------------------------------------------------------
*
*	Field: Separator
*	
*---------------------------------------------------------------------------------------------*/

.acf-field-object-separator tr[data-name="name"],
.acf-field-object-separator tr[data-name="instructions"],
.acf-field-object-separator tr[data-name="required"] {
	display: none !important;
}


/*---------------------------------------------------------------------------------------------
*
*	Field: Date Picker
*	
*---------------------------------------------------------------------------------------------*/

.acf-field-object-date-picker,
.acf-field-object-time-picker,
.acf-field-object-date-time-picker {
	
	.acf-radio-list {
		
		li {
			line-height: 25px;
		}
		
		span {
			display: inline-block;
			min-width: 10em;
		}
		
		input[type="text"] {
			width: 100px;
		}
	}

}

.acf-field-object-date-time-picker {
	
	.acf-radio-list {
		
		span {
			min-width: 15em;
		}
		
		input[type="text"] {
			width: 200px;
		}
	}
	
}


/*--------------------------------------------------------------------------------------------
*
*	Slug
*
*--------------------------------------------------------------------------------------------*/

#slugdiv {
	
	.inside {
		padding: 12px;
		margin: 0;
	}
	
	input[type="text"] {
		width: 100%;
		height: 28px;
		font-size: 14px;
	}
}


/*--------------------------------------------------------------------------------------------
*
*	RTL
*
*--------------------------------------------------------------------------------------------*/

html[dir="rtl"] .acf-field-object.open > .handle {
	margin: -1px -1px 0;
}

html[dir="rtl"] .acf-field-object.open > .handle .acf-icon {
	float: right;
}

html[dir="rtl"] .acf-field-object.open > .handle .li-field-order {
    padding-left: 0 !important;
    padding-right: 15px !important;
}


/*---------------------------------------------------------------------------------------------
*
*  Device
*
*---------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 850px) {
	
	tr.acf-field,
	td.acf-label,
	td.acf-input {
		display: block !important;
		width: auto !important;
		border: 0 none !important;
	}
	
	tr.acf-field {
		border-top: #ededed solid 1px !important;
		margin-bottom: 0 !important;
	}
	
	td.acf-label {
		background: transparent !important;
		padding-bottom: 0 !important;

	}
	
}