/* Custom styles pour le thème admin GIN */

@import url("https://use.typekit.net/zdo4kwj.css");

:root {
  --gin-border-xxs: 0px;
  --gin-border-xs: 0px;
  --gin-border-s: 0px;
  --gin-border-m: 0px;
  --gin-border-l: 0px;
  --gin-border-xl: 0px;
  --custom-bg-app: #FFF;
  --custom-bgneutre-app: #f9f9f9;
  --gin-border-color-layer: #AAA;
  --gin-toolbar-width-collapsed: 63px;
  --gin-font: Termina, sans-serif;
}
.gin--dark-mode {
	--custom-bg-app: var(--gin-bg-layer);
	--custom-bgneutre-app: #222;
}
body.path-admin,
body.path-user,
body.path-devel,
body.gin--edit-form,
body.gin-login,
.toolbar {
	font-family: Termina, sans-serif !important;
}

body.path-admin,
body.gin--edit-form,
body.path-user,
body.path-devel,
body.gin-login,
.page-wrapper__node-edit-form,
.region-sticky:not(.region-sticky--is-sticky) {
	background-color: var(--custom-bg-app);
}
a:focus {
	box-shadow: none !important;
	outline: none !important;
}
/* toolbar */
.toolbar-menu-administration {
	border-right: 1px solid var(--gin-color-primary) !important;
}
[dir="ltr"] .toolbar-menu-administration .menu-item .toolbar-menu {
	/*
	opacity: 0 !important;
	transition: opacity .3s;
	z-index: -1 !important;
	display: block !important;
	*/
}
[dir="ltr"] .toolbar-menu-administration .menu-item.hover-intent > .toolbar-menu {
	box-shadow: 1px 0 0px 0px var(--gin-color-primary) !important;
	border-right: none;
	/*
	border-right: 1px solid var(--gin-border-color-layer) !important;
	opacity: 1 !important;
	transition: opacity .3s;
	display: block !important;
	*/
}
[dir="rtl"] .toolbar-menu-administration .menu-item.hover-intent > .toolbar-menu {
box-shadow: none !important;
border-left: 1px solid var(--gin-color-primary) !important;
}
.toolbar-menu__title,
.toolbar-menu__sub-title {
	font-size: var(--gin-font-size-xl) !important;
}
.toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-icon::after, 
.toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-box > a.toolbar-icon::after,
.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon:focus::after, 
.toolbar-menu-administration > .toolbar-menu > .menu-item.menu-item--active-trail > .toolbar-icon::after, 
.toolbar-menu-administration > .toolbar-menu > .menu-item.menu-item--active-trail:hover > .toolbar-icon::after, 
.toolbar-menu-administration > .toolbar-menu > .menu-item.menu-item--active-trail > .toolbar-box > a.toolbar-icon::after,
.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item .toolbar-icon {
	background: transparent !important;
}
@media (min-width: 64em) {
	.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon {
		border-radius: 50px !important;
		background: transparent !important;
		border: 1px solid transparent;
		margin-bottom: 5px;
		
	}
	.toolbar-menu-administration > .toolbar-menu > .menu-item .toolbar-menu .menu-item .toolbar-icon {
		background: transparent !important;
	}
	.toolbar-menu-administration > .toolbar-menu > .menu-item:hover > .toolbar-icon:not(.toolbar-icon-default) {
		border-color: var(--gin-color-primary-light);
	}
	.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon {
		margin-left: 6px;
	}
	.toolbar-menu-administration > .toolbar-menu > .menu-item > .toolbar-icon.is-active:not(.toolbar-icon-default) {
		border-color: var(--gin-color-primary);
	}
}
.sticky-shadow {
	display: none;
}
.region-sticky {
	border-bottom: 1px solid var(--gin-color-primary);
}
.region-sticky--is-sticky {
	opacity: .95;
	background: var(--custom-bgneutre-app) !important;
}
.layout-region-node-secondary {
	border-color: var(--gin-color-primary) !important;
	background: var(--custom-bgneutre-app) !important;
}
.layout-region-node-secondary .form-wrapper,
.layout-region-node-secondary details,
.layout-region-node-secondary .claro-details__wrapper {
	background: none !important;
}
.layout-region-node-secondary summary {
	box-shadow: none !important;
}
/* box-shadow */
.layer-wrapper,
.block-system > form,
.view-content .views-form,
.view-without-bulk .view-content,
.panel,
.admin-list,
.view-watchdog .view-content,
.views-exposed-form.views-exposed-form,
.system-status-counter,
.system-status-general-info,
.system-status-report,
.views-edit-view,
.views-preview-wrapper,
.view-block-content .view-content,
.view-files .view-content,
.system-themes-list,
.modules-tabs,
#views-entity-list,
.admin.my-workbench {
	box-shadow: none !important;
}
[dir="ltr"] .paragraphs-tabs-wrapper .field-multiple-table .draggable {
  box-shadow: none !important;
  background-color: transparent !important;
}
.paragraphs-tabs-wrapper .field-multiple-table .draggable:hover, .paragraphs-tabs-wrapper .field-multiple-table .draggable:focus-within {
  box-shadow: none !important;
}

/* focus */
.claro-details__summary::after,
.claro-details__summary:after {
  box-shadow: none !important;
}
.claro-details__summary:hover {
  background-color: transparent;
}
table tr,
table th {
  background-color: var(--custom-bg-app) !important;
}
.form-boolean {
	border-radius: 20px !important;
}
.checkbox-toggle,
.checkbox-toggle__inner {
	border-radius: 20px !important;
}
:not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:hover ~ .checkbox-toggle {
  box-shadow: none !important;
}
:not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:active ~ .checkbox-toggle .checkbox-toggle__inner, :not(.form-checkboxes):not(td):not(.media-library-item__click-to-select-checkbox):not(.field-content) > .form-type--checkbox input:focus ~ .checkbox-toggle .checkbox-toggle__inner {
  box-shadow: none !important;
}
.form-radios .form-item__label {
	border-radius: 20px !important;
}
.form-boolean--type-checkbox:checked {
	background-size: 11px;
	background-image: url("data:image/svg+xml,%3csvg width='122' height='101' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.43,63.63c-2.869-2.755-4.352-6.42-4.427-10.11c-0.074-3.689,1.261-7.412,4.015-10.281 c2.752-2.867,6.417-4.351,10.106-4.425c3.691-0.076,7.412,1.255,10.283,4.012l24.787,23.851L98.543,3.989l1.768,1.349l-1.77-1.355 c0.141-0.183,0.301-0.339,0.479-0.466c2.936-2.543,6.621-3.691,10.223-3.495V0.018l0.176,0.016c3.623,0.24,7.162,1.85,9.775,4.766 c2.658,2.965,3.863,6.731,3.662,10.412h0.004l-0.016,0.176c-0.236,3.558-1.791,7.035-4.609,9.632l-59.224,72.09l0.004,0.004 c-0.111,0.141-0.236,0.262-0.372,0.368c-2.773,2.435-6.275,3.629-9.757,3.569c-3.511-0.061-7.015-1.396-9.741-4.016L4.43,63.63 L4.43,63.63z' fill='%23fff'/%3e%3c/svg%3e");
}
.form-boolean--type-checkbox[disabled]:checked {
	background-image: url("data:image/svg+xml,%3csvg width='122' height='101' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.43,63.63c-2.869-2.755-4.352-6.42-4.427-10.11c-0.074-3.689,1.261-7.412,4.015-10.281 c2.752-2.867,6.417-4.351,10.106-4.425c3.691-0.076,7.412,1.255,10.283,4.012l24.787,23.851L98.543,3.989l1.768,1.349l-1.77-1.355 c0.141-0.183,0.301-0.339,0.479-0.466c2.936-2.543,6.621-3.691,10.223-3.495V0.018l0.176,0.016c3.623,0.24,7.162,1.85,9.775,4.766 c2.658,2.965,3.863,6.731,3.662,10.412h0.004l-0.016,0.176c-0.236,3.558-1.791,7.035-4.609,9.632l-59.224,72.09l0.004,0.004 c-0.111,0.141-0.236,0.262-0.372,0.368c-2.773,2.435-6.275,3.629-9.757,3.569c-3.511-0.061-7.015-1.396-9.741-4.016L4.43,63.63 L4.43,63.63z' fill='%2382828c'/%3e%3c/svg%3e");
}
.form-element:hover,
.ck:hover {
  border-color: var(--gin-color-text);
  box-shadow: none !important;
}
.form-element:focus,
.ck:focus {
  border-color: var(--gin-color-text) !important;
  box-shadow: none !important;
}

.button,
.button:not(:focus),
.form-actions .button,
.action-link--icon-trash.action-link {
	border: 1px solid var(--gin-color-primary) !important;
	box-shadow: none;
}
.button.button--extrasmall,
.button.button--small {
	text-transform: lowercase !important;
	padding: 7px 10px !important;
}
.paragraphs-badge {
	display: none;
}
#edit-advanced *:not(.action-link) {
	font-size: var(--gin-font-size-xxs);
	line-height: 1.4;
}
.form-actions .action-link.action-link--icon-trash,
.form-actions .action-link.action-link--icon-trash:hover,
.form-actions .action-link.action-link--icon-trash:focus,
.form-actions .action-link.action-link--icon-trash:active {
  border: 1px solid var(--gin-color-danger) !important;
  box-shadow: none !important;
}
.messages {
	padding: var(--gin-spacing-s) !important;
	font-size: var(--gin-font-size-xxs);
	border-radius: 0px !important;
	color: var(--gin-color-text) !important;
	border-left: 1px solid var(--gin-color-text) !important;
	box-shadow: none !important;
}
@media (min-width: 48em) {
  .messages {
    padding: var(--gin-spacing-l) !important;
  }
}
.messages .button--dismiss .icon-close {
	background-color: var(--gin-color-text) !important;
}
.messages .button--dismiss:focus .icon-close, .messages .button--dismiss:hover:focus .icon-close {
  background-color: transparent !important;
}
.messages .button--dismiss  {
	border-width: 0px !important;
}
.messages .button--dismiss {
	border-radius: 50px !important;
}
.messages a {
	color: var(--gin-color-text) !important;
}
.messages__header:before {
	display: none !important;
}
.messages__title,
.messages__content {
	margin: 0 !important;
}
.messages--error {
	background-color: var(--gin-bg-danger-light) !important;
}
.messages--status {
	background-color: var(--gin-bg-green-light) !important;
}
.messages--warning {
	background-color: var(--gin-bg-warning-light) !important;
}
.table-file-multiple-widget .tabledrag-cell-content {
	display: flex;
	align-items: center;
}
.tabledrag-changed {
	display: none !important;
}
.tabledrag-handle::after {
  -webkit-mask-image: url("../../../../themes/gin/dist/media/sprite.svg#drag-dots-view") !important;
          mask-image: url("../../../../themes/gin/dist/media/sprite.svg#drag-dots-view") !important;
}
.tabledrag-handle:hover::after,
.tabledrag-handle:focus::after,
.draggable.drag .tabledrag-handle::after {
  transform: scale(1) !important;
}
.draggable-table .draggable {
	background: transparent !important;
}
.draggable.drag-previous > .tabledrag-cell {
	position: relative;
	background: transparent !important;
}
.draggable.drag-previous > .tabledrag-cell::before {
  content: "";
  display: block;
  position: absolute;
  top: var(--gin-spacing-xs);
  width: 1px !important;
  height: calc(100% - var(--gin-spacing-m));
  background: var(--gin-color-warning);
  border-radius: var(--gin-border-xxs);
  left: 10px;
}
.module-list__checkbox {
	border: 0px solid #ccc !important;
}
.system-modules td {
	vertical-align: middle;
}
/* DS */
.dropbutton-single .dropbutton {
	border: none !important;
	box-shadow: none;
	margin: 0;
	height: inherit !important;
	min-height: inherit !important;
}
.dropbutton-single .dropbutton li {
	list-style: none;
	padding: 0;
	margin: 0;
	border: none !important;
}
.dropbutton {
  border: 1px solid var(--gin-color-primary) !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: inherit !important;
  text-transform: lowercase;
}
.views-ui-display-tab-actions .dropbutton {
	height: 35px !important;
}
.dropbutton__item:first-of-type ~ .dropbutton__item,
.dropbutton__item ~ .dropbutton__item:last-child {
	border: none !important;
	border-radius: 0 !important;
}
.dropbutton__item:first-of-type > * {
  padding: 10px 10px 7px 10px !important;
}
[dir="ltr"] .dropbutton--multiple > .dropbutton__item:first-of-type {
	border-right: 1px solid var(--gin-color-primary) !important;
	margin-bottom: 0px;
	border-radius: 0 !important;
}
.dropbutton--multiple.open .dropbutton {
	display: none !important;
}
.dropbutton__toggle {
  top: 1px !important;
  margin-right: -1px;
  height: auto !important;
  border-radius: 0 !important;
}
.js .dropbutton--multiple .dropbutton__item:first-of-type > * {
	border-radius: 0;
}
.dropbutton .dropbutton__items {
  padding: 0 !important;
  box-shadow: none !important;
  font-weight: normal !important;
  width: auto !important;
  box-sizing: border-box;
  border: 1px solid var(--gin-color-primary);
}
.dropbutton .dropbutton__items a {
	font-weight: 600 !important;
}
.field-plugin-settings-edit-form .form-item {
  margin-right: 15px;
}
.field-plugin-settings-editing td {
	max-width: 500px !important;
}
@media (min-width: 48em) {
  .is-horizontal .tabs--primary .tabs__link {
  	border: 1px solid transparent;
  	padding: var(--gin-spacing-xs) var(--gin-spacing-s);
  	font-weight: normal !important;
  }
  .is-horizontal .tabs--primary .tabs__link.is-active {
    background: transparent;
	border-color: var(--gin-color-primary);
  }
  .is-horizontal .tabs--primary .tabs__link:hover:not(.is-active) {
    background: transparent;
	border-color: var(--gin-color-primary-light);
  }
}
.reset-appearance.tabs__trigger {
	cursor: pointer;
}
.reset-appearance.tabs__trigger svg {
	transform: scale(1.5);
}
.reset-appearance.tabs__trigger svg path {
	stroke-width: 1px !important;
	stroke: #FFF !important;
	fill: var(--gin-color-primary);
}
.tabs {
	border: none !important;
	text-transform: lowercase;
	
}
.tabs__tab.is-active {
	border-top: 1px solid var(--gin-color-primary);
	border-color: var(--gin-color-primary) !important;
	box-shadow: none !important;
}
.tabs__link {
	font-size: var(--gin-font-size-xs);
}
.tabs__link:hover {
	background: transparent !important;
}
.tabs--primary {
	box-shadow: none !important;
    margin-top: var(--gin-spacing-l);
  }
@media (min-width: 48em) {
  .tabs--primary {
    margin-bottom: 0;
  }
}
@media (min-width: 48em) {
  .tabs__tab.is-active {
		border-top: none;
	}
  .is-horizontal .tabs--primary,
  .is-horizontal .tabs--secondary,
  .horizontal-tabs ul.horizontal-tabs-list {
    padding-top: 25px !important;
  }
  .gin--edit-form .is-horizontal .tabs--primary,
  .gin--edit-form .is-horizontal .tabs--secondary,
  .gin--edit-form .horizontal-tabs ul.horizontal-tabs-list {
    padding-top: 25px !important;
  }
}
.panel__title,
.system-status-general-info__header,
.system-status-report__requirements-group > h3,
.system-themes-list__header {
	background: none !important;
}
@media (min-width: 61em) {
	.gin-secondary-toolbar .toolbar-secondary .toolbar-tab > .toolbar-icon {
		border: 1px solid transparent !important;
	}
	.gin-secondary-toolbar .toolbar-secondary .toolbar-tab:hover > .toolbar-icon {
		border-color: var(--gin-color-primary) !important;
		color: var(--gin-color-primary) !important;
		background-color: var(--custom-bg-app) !important;
  }
	.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray {
		margin-top: -1px;
		background: var(--custom-bg-app) !important;
		box-shadow: none !important;
		border: 1px solid var(--gin-color-primary);
	}
	.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray .toolbar-lining:not(:empty) {
		padding: 0 !important;	
	}
	.gin-secondary-toolbar .toolbar-menu a,
	.gin-secondary-toolbar .toolbar-menu .menu-item span.toolbar-icon {
		border-bottom: 1px solid var(--gin-color-primary-light) !important;
	}
	/*
	.toolbar-tray:first-of-type {
		display: block !important;
	}*/
	.gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom {
		margin-top: -1px;
	}
	.gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom .toolbar-menu .menu-item--expanded ul {
	 	display: block !important;
	 }
	.gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom > ul > .menu-item,
	.gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom .toolbar-icon,
	.gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom .toolbar-icon-admin-toolbar-tools-help {
		color: var(--gin-color-primary) !important;
		background: none !important;
		display: block !important;
		opacity: 1 !important;
		text-indent: 0;
		font-weight: normal;
	}
	.gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom a:hover {
		background-color: var(--gin-color-primary) !important;
		color: var(--custom-bg-app) !important;
	}
	.gin-secondary-toolbar .toolbar-secondary .menu-item--expanded a {
		background-color: var(--custom-bgneutre-app) !important;
		color: var(--gin-color-text) !important;
		border-bottom: 1px solid var(--gin-color-primary-light) !important;
	}
	.gin-secondary-toolbar .toolbar-secondary .toolbar-menu-custom > ul.toolbar-menu > li.menu-item {
		/border-top: 1px solid var(--gin-color-primary) !important;
	}
}
.toolbar-tab--toolbar-item-toolbar-menu-gestion .toolbar-icon::before, 
.gin-secondary-toolbar .toolbar-icon-toolbar-menu-gestion:before {
	-webkit-mask-image: url("../../../../themes/gin/dist/media/sprite.svg#config-view") !important;
      mask-image: url("../../../../themes/gin/dist/media/sprite.svg#config-view") !important;
}
#toolbar-item-toolbar-menu-gestion-tray .toolbar-menu ul {
	display: block !important;
}
.toolbar-vertical #toolbar-item-toolbar-menu-gestion-tray .toolbar-icon-admin-toolbar-tools-help:before {
	-webkit-mask-image: url("../../../../themes/gin/dist/media/sprite.svg#gin-view") !important;
	mask-image: url("../../../../themes/gin/dist/media/sprite.svg#gin-view") !important;
	background-image: none !important;
	background-color: #FFF !important;
	height: 30px;
	width: 30px;
	-webkit-mask-size: 90% 90% !important;
	mask-size: 90% 90% !important;
	-webkit-mask-position: center !important;
	mask-position: center !important;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	top: 50%;
	margin-top: -15px;
}
/* GIN LOGIN */
.gin-login .toolbar-icon-default {
	width: 100%;
	text-indent: 0 !important;
	font-size: var(--gin-font-size-xxs);
	line-height: 1.2;
	display: flex;
	align-items: center;
	padding-left: 50px;
	position: relative;
	color: var(--gin-color-text) !important;
	text-transform: uppercase;
}
.gin-login .toolbar-icon-default::before {
	position: absolute;
	left: 0px;
	padding-left: 1px;
	-webkit-mask-size: 90% 90% !important;
          mask-size: 90% 90% !important;
	-webkit-mask-image: url("../../../../themes/gin/dist/media/sprite.svg#gin-view") !important;
          mask-image: url("../../../../themes/gin/dist/media/sprite.svg#gin-view") !important;
}
.gin-login .user-form-page__user-form {
	flex-basis: 100% !important;
}