@use "../../variables/colors" as colors;

@use "vertical";
@use "dynamic";
@use "id";

.edd-sections-wrap {
	clear: both;
	width: 100%;

	.section-wrap {
		background-color: #fff;
		border-left: 1px solid #e5e5e5;

		.row-title {
			width: 30%;
		}

		.editable {
			display: block;
			padding: 3px;
		}

		.customer-section:not(:last-child) {
			border-bottom: 1px solid #eee;
			padding-bottom: 20px;
		}

		.customer-section table {
			margin-bottom: 20px;
		}

		.section-content {
			border: none;
			display: grid;
			gap: 20px;
			padding: 20px;

			h2,
			> p,
			> .edd-form-group {
				margin: 0;
			}
		}

		.avatar-wrap {
			text-align: center;
			display: flex;
			flex-direction: column;
			gap: 8px;
			align-items: center;
			justify-content: center;
		}

		img.avatar {
			border-radius: 5px;
		}

		.info-wrapper {
			min-height: 125px;
			overflow: visible;
		}

		a.delete {
			color: #ff0000;
			margin-right: 5px;
			text-decoration: none;
		}

		.notice-container {
			padding-left: 20px;
			padding-right: 20px;
			margin-left: -20px;
			margin-right: -20px;
		}

		.edd-repeatable-row-standard-fields {
			border: none;
		}
	}
}

@media screen and (max-width: 810px) and (min-width: 656px) {
	.edd-sections-wrap .section-wrap .widefat td,
	.widefat th {
		max-width: 100% !important;
		display: table-cell;
	}
}

@media screen and (max-width: 781px) {

	#edd-item-tab-wrapper,
	/** [1] */
	.edd-sections-wrap .section-wrap {
		margin: 0;
	}

	#edd-item-tab-wrapper-list .dashicons {
		/** [1] */
		font-size: 18px;
	}

	.edd-item-has-tabs .edd-sections-wrap .section-wrap {
		border-top: 1px solid #e5e5e5;
		border-left: 0;
		margin-top: -1px;
	}
}

@media screen and (max-width: 656px) {
	.edd-sections-wrap .section-wrap {
		.widefat td.no-items,
		.widefat td.column-primary,
		.widefat th.column-primary {
			width: 100px !important;
			display: table-cell;
			overflow: hidden;
			text-align: left;
		}
	}
}

.edd-section-content__actions {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;

	.edd-form-group {
		margin-bottom: 0 !important;
		margin-right: auto;
	}
}

.section-content--is-dynamic:first-of-type .edd-section-content__remove {
	display: none;
}