/*
SEULE FEUILLE OU !important EST AUTORISE
Les regles doivent etre le plus specifique possible
*/

/*
Cette feuille permet d'ecraser des regles definies en dur dans des blocs
d4c auxquels nous n'avons pas acces.
Elle est ammenee a disparaitre une fois les CSS triees dans
l'ordre par le prestataire (nos CSS doivent etre definies en
dernier dans les pages, pour prendre le dessus sans utilisation
de !important)
*/

body {
	background: none !important;
}
footer {
	text-align: left !important;
}
footer figure {
	margin: 0 !important;
}

.card {
	border-radius: 10px !important;
}

.d4c-dataset-reuses .g-recaptcha {
	display: none !important;
}

/* Supprimer le fond gris des outils d4c */
.js-quickedit-main-content {
	background: none !important;
}

/* Position fenetre */
.d4c-mapbuilder__main-panel {
	top: 10px !important;
	left: 46px !important;
}
@media screen and (max-width: 768px) {
	.d4c-mapbuilder__main-panel {
		top: 36% !important;
	}
}

.search-submit,
.search-submit:focus,
.search-submit:active,
.search-submit:hover {
	background-color: unset !important;
}

.card-container > .card.gris,
.d4c-dataset-admin-button {
	background: none !important;
	transition: .15s !important;
	border-color: #1986c7 !important;
	border-width: 3px !important;
	border-style: solid !important;
	border-radius: 10px !important;
	text-decoration: none !important;
	color: black !important;
}
.card-container > .card:hover,
.d4c-dataset-admin-button:hover {
	background-color: rgba(20, 185, 237, .7) !important;
	border-color: rgb(30, 84, 163) !important;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, .3) !important;
	text-decoration: none !important;
	color: black !important;
}

/*******************************************/
/**              PAGINATION               **/
/*******************************************/
#block-views-block-actualite-block-1 .pagination {
	width: 80% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.pagination,
.stat-pagination {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 0.3rem !important;
	margin: 20px 0 !important;
	padding: 1rem !important;
	background: rgb(var(--blanc)) !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
	justify-content: center !important;
}

.pagination > a,
.pagination > li > a,
.pager__item a,
.pagination > span,
.stat-pagination > a,
.stat-pagination > span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 2.4rem !important;
	height: 2.4rem !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 12px !important;
	font-size: 1.2rem !important;
	font-weight: bold !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		transform 0.15s ease,
		box-shadow 0.2s ease;
	box-sizing: border-box;
	color: #1f2937 !important;
	background: #f8fafc !important;
	border: 1px solid #dbe3ec !important;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a {
	border-radius: 12px !important;
}

.pagination > a:hover,
.pagination > li > a:hover,
.pager__item a:hover,
.stat-pagination > a:hover {
	background: rgb(var(--darkblue)) !important;
	color: rgb(var(--blanc)) !important;
	border-color: rgb(var(--darkblue)) !important;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Page active */
.pagination > span,
.pager__item.is-active.active a,
.pagination li.active a,
.stat-pagination > span {
	background-color: rgb(var(--darkblue)) !important;
	color: rgb(var(--blanc)) !important;
	border: 1px solid rgb(var(--darkblue)) !important;
	cursor: default !important;
}

.pagination > a:first-child,
.pagination > a:last-child,
.stat-pagination > a:first-child,
.stat-pagination > a:last-child {
	padding: 0 1rem !important;
}

/* Responsive */
@media (max-width: 768px) {
	.pagination {
		gap: 0.35rem !important;
		padding: 0.75rem !important;
		border-radius: 12px !important;
	}

	.pagination > a,
	.pagination > span {
		min-width: 2.1rem !important;
		height: 2.1rem !important;
		padding: 0 0.7rem !important;
		font-size: 0.88rem !important;
		border-radius: 10px !important;
	}
}

.pager__item a:hover,
.pagination li a:hover {
	background-color: rgb(var(--darkblue)) !important;
	color: rgb(var(--blanc)) !important;
}

.pager__item.is-active.active a,
.pagination li.active a {
	background-color: rgb(var(--darkblue)) !important;
	color: rgb(var(--blanc)) !important;
}

.pager__item.pager__item--last,
.pager__item.pager__item--first,
.pager__item.pager__item--next span[aria-hidden="true"],
.pager__item.pager__item--previous span[aria-hidden="true"],
.pager__item.pager__item--next .visually-hidden,
.pager__item.pager__item--previous .visually-hidden,
.pagination li a[aria-label="Previous"] span[aria-hidden="true"],
.pagination li a[aria-label="Next"] span[aria-hidden="true"] {
	display: none !important;
}

.pager__item.pager__item--next a,
.pager__item.pager__item--previous a,
.pagination li a[aria-label="Previous"],
.pagination li a[aria-label="Next"] {
	position: relative !important;
	transition: background-position 275ms ease-in-out !important;
}

.pager__item.pager__item--next a:hover,
.pager__item.pager__item--previous a:hover,
.pagination li a[aria-label="Previous"]:hover,
.pagination li a[aria-label="Next"]:hover {
	background-color: rgb(var(--darkblue)) !important;
	background-position: 0 100% !important;
}

.pager__item.pager__item--next a:hover:before,
.pager__item.pager__item--previous a:hover:after,
.pagination li a[aria-label="Previous"]:hover:before,
.pagination li a[aria-label="Next"]:hover:after {
	color: rgb(var(--blank)) !important;
}

.pager__item.pager__item--previous a:before,
.pagination li a[aria-label="Previous"]:before {
	content: "\f177" !important;
	font-family: 'FontAwesome' !important;
}

.pager__item.pager__item--next a:after,
.pagination li a[aria-label="Next"]:after {
	content: "\f178" !important;
	font-family: 'FontAwesome' !important;
}

/* Boutons */
.organization-actions button,
.add-organization-button button,
.add-harvest-button button,
.search-bar-content .btn,
.harvest-actions .btn,
.d4c-list-search-btn,
.d4c-list-actions a {
	border: 2px solid rgb(var(--bouton)) !important;
  border-radius: 100px !important;
  padding: 5px 15px !important;
  color: rgb(var(--bouton)) !important;
  background: transparent !important;
  text-decoration: none !important;
  position: relative !important;
  z-index: 10 !important;
}
.organization-actions button:hover,
.add-organization-button button:hover,
.add-harvest-button button:hover,
.search-bar-content .btn:hover,
.harvest-actions .btn:hover,
.d4c-list-search-btn:hover,
.d4c-list-actions a:hover {
color: rgb(var(--blanc)) !important;
border-color: rgb(var(--bouton)) !important;
background: rgb(var(--bouton)) !important;
}
.harvest-actions .btn-danger {
	border-color: #dc3545 !important;
	color: #dc3545 !important;
}
.harvest-actions .btn-danger:hover {
	border-color: #dc3545 !important;
	background-color: #dc3545 !important;
}

.d4c-list-search-btn {
margin: auto !important;
}

/* Catalogue */
#main.widget-opendata {
	overflow-x: unset !important;
}
#main.widget-opendata .dataset,
#main.widget-opendata #filter {
	border-radius: 20px !important;
	overflow: hidden !important;
}
#main.widget-opendata .dataset {
	margin-left: unset !important;
}

/* Page organisation */
.organization-page .organization-header {
	margin: 25px auto !important;
}
.div-datasets {
  border: none !important;
  padding: 0 !important;
}

/* Liste organisations */
.organization-tile {
	border-radius: 20px !important;
}
.search-bar input {
	border-radius: 16px !important;
}