/** jQuery dialog */
.ui-dialog {
	inset-inline: unset;
	inset-block: unset;
}

#eac-dialog_acf-json p a,
#eac-dialog_grant-option p a,
#eac-dialog_elements-help p a,
#eac-dialog_html-widget p a {
	color: red;
	border-block: 0;
	border-inline: 0;
	outline: 0;
	box-shadow: none;
	text-decoration: none;
}

#eac-dialog_acf-json p,
#eac-dialog_grant-option p,
#eac-dialog_grant-medias p,
#eac-dialog_medias-fields p,
#eac-dialog_elements-help p,
#eac-dialog_html-widget p {
	font-size: 15px;
}

/** Vue d'administration des articles Options page */
.column-eac_group {
	inline-size: 12em;
}

.column-eac_field {
	inline-size: 20em;
}

.column-eac_field_saved {
	inline-size: 3em;
}

.column-eac_id {
	inline-size: 3em;
}

.column-eac_type {
	inline-size: 6em;
}

/** Les étiquettes de promotion des composants */
.eac-promotion-new:after {
	content: "New";
	background: green;
}

.eac-promotion-updated:after {
	content: "Updated";
	background: blue;
}

.eac-promotion-suppressed:after {
	content: "Removed in next version";
	background: red;
	inline-size: 150px !important;
}

div[class*="eac-promotion-"]:after {
	position: absolute;
	inset-block-end: 40px;
	font-size: 12px;
	color: white;
	inset-inline-start: 10px;
	font-weight: 600;
	border-radius: 4px;
	block-size: 26px;
	inline-size: 65px;
	text-align: center;
	line-height: 25px;
}

/** L'entête des pages de configuration */
.eac-header-settings {
	display: flex;
	flex-direction: column;
	max-inline-size: 1140px;
	margin-block: 10px 25px;
	margin-inline: auto;
	padding-block: 0 10px;
	padding-inline: 0;
	background-color: white;
	border-radius: 5px;
	-webkit-box-shadow: 0px 8px 21px 0px rgba(36, 39, 50, 0.08);
	box-shadow: 0px 8px 21px 0px rgba(36, 39, 50, 0.08);
}

/** L'entête des pages de configuration */
.eac-header {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.eac-title-main,
.eac-title-version {
	display: block;
	position: relative;
	inline-size: fit-content;
	margin-inline: auto;
}

.eac-title-version {
	font-weight: 600;
}

/** Les statistiques */
.eac-stat {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.eac-stat__item {
	display: flex;
	align-items: center;
	flex-direction: column;
	min-inline-size: 170px;
}

.eac-stat__item:not(:last-child) {
	border-inline-end: 2px solid rgba(23, 57, 97, 0.1);
}

.eac-stat__item:first-of-type,
.eac-stat__item:last-of-type {
    background-color: #FFF9FF
}

.eac-stat__item:nth-of-type(2) {
    background-color: #F1FFF2;
}

.eac-stat__count {
	font-size: 30px;
	font-weight: 600;
	margin-block: 5px;
	margin-inline: 0;
}

.eac-stat__title {
	font-size: 1.2em;
	margin-block: 0 5px;
	margin-inline: 0;
}

/** Mise en page */
.eac-elements__table-common {
	position: relative;
	display: grid;
	background-color: #f0f8ff;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 15px;
	column-gap: 10px;
	padding-block: 10px;
	padding-inline: 10px;
}

.eac-elements__table-common.wc {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: start;
}

.eac-elements__table-common.header {
	position: relative;
	display: flex;
	grid-column: 1 / -1;
	inline-size: 100%;
	padding-block: 0;
	padding-inline: 0;
}

.eac-elements__common-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	inline-size: 100%;
	background-color: white;
	border-radius: 8px;
	box-shadow: inset 2px 2px #B0E0E6;
}

/** L'onglet WC intégration */
.eac-elements__common-item.redirect.hide,
.eac-elements__common-item.breadcrumb.hide,
.eac-elements__common-item.metas.hide,
.eac-elements__common-item.request.hide,
.eac-elements__common-item.pages.hide {
	display: none;
}

.eac-elements__table-common.wc .eac-elements__common-item {
	inline-size: 100%;
	justify-content: flex-start;
}

.eac-elements__common-item.request,
.eac-elements__common-item.pages {
	margin-inline-start: 20px;
	inline-size: calc(100% - 20px) !important;
}

.eac-elements__table-common.wc .eac-elements__common-item .info {
	font-size: 15px;
	font-weight: 600;
}

.eac-elements__common-item.config {
	block-size: 56.6px;
	align-items: center;
	justify-content: space-around !important;
}

.eac-elements__common-item.config>span {
	font-size: 1.05rem !important;
}

/**----------*/
.eac-elements__common-item.header {
	inline-size: 35%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.eac-elements__item-content {
	display: inline-flex;
	align-items: center;
	font-size: 15px;
	font-weight: 600;
	margin-inline-start: 10px;
}

.eac-elements__item-content.header {
	font-size: 20px;
}

/** Le compteur du nombre d'occurrence de chaque composant */
.eac-elements__item-content .eac-elements__item-count {
	display: inline-block;
	block-size: 20px;
	inline-size: 20px;
	margin-inline-start: 5px;
	border-block: 2px solid cadetblue;
	border-inline: 2px solid cadetblue;
	border-radius: 50%;
	color: cadetblue;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

/*----------------------------------------------*/
/** Aide en ligne des composants/Fonctionnalités */
.eac-elements__table-common .eac-admin-help {
	display: inline-block;
	block-size: 20px;
	inline-size: 20px;
	margin-inline-start: 5px;
	border-block: 2px solid cadetblue;
	border-inline: 2px solid cadetblue;
	border-radius: 50%;
	vertical-align: top;
	outline: 0 !important;
	text-align: center;
}

.eac-elements__table-common .eac-admin-help::after {
	content: '?';
	font-size: 15px;
	color: cadetblue;
}

.eac-elements__table-common a,
.eac-elements__table-common a:visited,
.eac-elements__table-common a:active,
.eac-elements__table-common a:focus {
	text-decoration: none !important;
	outline: 0 !important;
}

/** CSS pour les tabs */
.eac-settings {
	inline-size: max-content;
}

.eac-settings ul,
.eac-settings li {
	background: hsla(0, 0%, 0%, 0);
	border-block: 0;
	border-inline: 0;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
	float: inline-start;
	outline: 0;
}

.eac-settings li {
	display: list-item;
	text-align: -webkit-match-parent;
}

.tabs-nav {
	list-style: none;
	margin-block: 0;
	margin-inline: 0;
	padding-block: 0;
	padding-inline: 0;
}

.tabs-nav li:first-child a {
	border-start-start-radius: 6px;
}

.tabs-nav li:last-child a {
	border-start-end-radius: 6px;
}

.tabs-nav .tab-active a {
	background: hsl(0, 100%, 100%);
	border-block-end-color: hsla(0, 0%, 0%, 0);
	color: hsl(85, 54%, 51%);
	cursor: default;
}

.tabs-nav a {
	display: block;
	block-size: 40px;
	inline-size: 140px;
	padding-inline: 5px;
	font-size: 11px;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: hsl(120, 11%, 96%);
	border-block: 1px solid hsl(210, 6%, 79%);
	border-inline: 1px solid hsl(210, 6%, 79%);
	color: hsl(215, 6%, 57%);
}

.tabs-nav li {
	margin-inline-end: 5px;
}

.tabs-stage {
	position: relative;
	block-size: auto;
	inline-size: auto;
	margin-block-end: 20px;
	border-block: 1px solid hsl(210, 6%, 79%);
	border-inline: 1px solid hsl(210, 6%, 79%);
	border-radius: 0 6px;
	border-block-start: 0;
	clear: inline-start;
}

.tabs-stage p {
	margin-block: 0;
	margin-inline: 0;
	padding-block: 20px;
	padding-inline: 20px;
	color: hsl(0, 0%, 33%);
}

/** L'onglet Informations Système  */
.tabs-stage #tab-7 .widefat tbody td:first-child {
	inline-size: 300px;
}

.tabs-stage #tab-7 .widefat tbody tr:nth-child(odd) {
	background-color: #f7f7f7;
}

/*----------------------------------------------*/
/* CSS des tabs composants et WC */
.eac-saving-box {
	inline-size: 50%;
	margin-block: 0;
	margin-inline: auto;
	text-align: center;
}

/** Les bouton de soumission des formulaires */
#eac-sumit {
	margin-block-start: 1em;
	padding-block: 5px;
	padding-inline: 10px;
	color: white;
	background-color: rgb(55, 177, 55);
	cursor: pointer;
}

#eac-elements-saved,
#eac-elements-to-save,
#eac-elements-notsaved,
#eac-wc-integration-saved,
#eac-wc-integration-to-save,
#eac-wc-integration-notsaved {
	font-size: 1.5em;
	margin-block-start: .5em;
	display: none;
}

#eac-elements-saved,
#eac-elements-to-save,
#eac-wc-integration-saved,
#eac-wc-integration-to-save {
	color: blue;
}

#eac-elements-notsaved,
#eac-wc-integration-notsaved {
	color: red;
}

#eac-form-elements,
#eac-form-wc-integration {
	padding-block: 2px 10px;
	padding-inline-end: 10px;
}

/** Cache les input checkbox standards */
#eac-form-elements input[type="checkbox"],
#eac-form-wc-integration input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}

/** Normal Track */
#eac-form-elements input[type="checkbox"].ios-switch+div,
#eac-form-wc-integration input[type="checkbox"].ios-switch+div {
	block-size: 20px;
	inline-size: 40px;
	margin-block: 15px;
	margin-inline: 1.2em;
	vertical-align: middle;
	border-block: 1px solid rgba(0, 0, 0, .4);
	border-inline: 1px solid rgba(0, 0, 0, .4);
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition-duration: .4s;
	-webkit-transition-property: background-color, box-shadow;
	transition-duration: .4s;
	transition-property: background-color, box-shadow;
	box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.4);
	background-color: red;
	cursor: pointer;
}

#eac-form-elements .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:before,
#eac-form-wc-integration .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:before,
#eac-form-elements input[type="checkbox"].ios-switch+div:before,
#eac-form-wc-integration input[type="checkbox"].ios-switch+div:before,
#eac-form-elements .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:after,
#eac-form-wc-integration .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:after,
#eac-form-elements input[type="checkbox"].ios-switch+div:after,
#eac-form-wc-integration input[type="checkbox"].ios-switch+div:after {
	position: absolute;
	inset-block-start: 17%;
	font-size: 0.7rem;
	font-weight: 600;
	color: white;
}

/*-----*/
#eac-form-elements input[type="checkbox"].ios-switch+div:before,
#eac-form-wc-integration input[type="checkbox"].ios-switch+div:before {
	content: 'NO';
	inset-inline-start: 60%;
}

html[dir='rtl'] #eac-form-elements input[type="checkbox"].ios-switch+div:before,
html[dir='rtl'] #eac-form-wc-integration input[type="checkbox"].ios-switch+div:before {
	content: 'YES';
	inset-inline-start: 60%;
}

#eac-form-elements .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:before,
#eac-form-wc-integration .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:before {
	content: 'NO';
	inset-inline-start: 60%;
}

html[dir='rtl'] #eac-form-elements .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:before,
html[dir='rtl'] #eac-form-wc-integration .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:before {
	content: 'YES';
	inset-inline-start: 60%;
}

/*-----*/
#eac-form-elements input[type="checkbox"].ios-switch+div:after,
#eac-form-wc-integration input[type="checkbox"].ios-switch+div:after {
	content: 'YES';
	inset-inline-end: 60%;
}

html[dir='rtl'] #eac-form-elements input[type="checkbox"].ios-switch+div:after,
html[dir='rtl'] #eac-form-wc-integration input[type="checkbox"].ios-switch+div:after {
	content: 'NO';
	inset-inline-end: 60%;
}

#eac-form-elements .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:after,
#eac-form-wc-integration .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:after {
	content: 'YES';
	inset-inline-end: 60%;
}

html[dir='rtl'] #eac-form-elements .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:after,
html[dir='rtl'] #eac-form-wc-integration .eac-elements__common-item.header input[type="checkbox"].ios-switch+div:after {
	content: 'NO';
	inset-inline-end: 60%;
}

/*-----*/
/** Checked Track (Blue) */
#eac-form-elements input[type="checkbox"].ios-switch:checked+div,
#eac-form-wc-integration input[type="checkbox"].ios-switch:checked+div {
	inline-size: 40px;
	background-position: 0 0;
	background-color: rgb(55, 177, 55);
}

/** Big Track */
#eac-form-elements input[type="checkbox"].bigswitch.ios-switch+div,
#eac-form-wc-integration input[type="checkbox"].bigswitch.ios-switch+div {
	display: block;
	position: relative;
	block-size: 25px;
	inline-size: 65px;
}

/** Normal Knob */
#eac-form-elements input[type="checkbox"].ios-switch+div>div,
#eac-form-wc-integration input[type="checkbox"].ios-switch+div>div {
	block-size: 18px;
	inline-size: 18px;
	margin-block-start: 1px;
	margin-inline-start: 1px;
	border-radius: inherit;
	background: #ffffff;
	-webkit-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: transform, background-color, box-shadow;
	transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
	transition-duration: 0.4s;
	transition-property: transform, background-color, box-shadow;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
	pointer-events: none;
	float: inline-start;
}

/** Puffffff */
html[dir='rtl'] #eac-form-elements input[type="checkbox"].ios-switch+div>div,
html[dir='rtl'] #eac-form-wc-integration input[type="checkbox"].ios-switch+div>div {
	float: inline-end;
}

/** Checked Knob (Blue Style) */
#eac-form-elements input[type="checkbox"].ios-switch:checked+div>div,
#eac-form-wc-integration input[type="checkbox"].ios-switch:checked+div>div {
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0);
	background-color: #ffffff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172, 1);
}

/** Big Knob */
#eac-form-elements input[type="checkbox"].bigswitch.ios-switch+div>div,
#eac-form-wc-integration input[type="checkbox"].bigswitch.ios-switch+div>div {
	block-size: 23px;
	inline-size: 30px;
}

/** Checked Big Knob (Blue Style) */
#eac-form-elements input[type="checkbox"].bigswitch.ios-switch:checked+div>div,
#eac-form-wc-integration input[type="checkbox"].bigswitch.ios-switch:checked+div>div {
	-webkit-transform: translate3d(33px, 0, 0);
	transform: translate3d(33px, 0, 0);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172, 1);
}