* ===== GLOBAL ===== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400&display=swap');
body { 
  color: #eee; 
  font-family: 'Poppins', sans-serif;
  font-weight: 200; /* regular */
  text-align: left;

}
.right {float: right;}
.left {float: left;}
.bottom, .bottomright {
	position: absolute;
	bottom: 0;
	}
	
.bottomright {
	right: 0.4rem;
	bottom: 0.4rem;
	}

/* Smartphone : le bouton reste petit, en bas à droite du pavé */
@media screen and (max-width: 736px) {
	#content .pave .button-large.bottomright {
		position: absolute;
		display: inline-block;
		width: auto;
		min-width: 0;
		left: auto;
		right: 0.4rem;
		bottom: 0.4rem;
		font-size: 1.2rem;
	}
}

.bandeau-image {
	position: relative;
	display: block;
}

.bandeau-image img {
	display: block;
	width: 100%;
}

.bandeau-image .bandeau-titre {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.6rem 1rem;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	text-align: right;
}

.logos-mots {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75em 1em;
	list-style: none;
	margin: 0;
	padding: 0;
}
.logos-mots li {
	margin: 0;
	padding: 0;
	border: 0;
}
.logos-mots img {
	display: block;
	height: 50px;
	width: auto;
}
/* Header : la hauteur suit celle du logo */
#header > .container,
.subpage #header > .container {
	height: auto;
	min-height: 0;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

#header .col-12 {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

#header h1,
#header nav {
	position: static;
	margin: 0;
}

#logo img {
	display: block;
	width: auto;
	height: 150px;
}

.subpage #logo img {
	height: 60px;
}

/* menus déroulant */
/* Menu barrenav (plugin Menus) : horizontal, déroulant */
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

#nav li {
	position: relative;
	margin: 0;
	padding: 0;
}

/* Sous-menus */
#nav ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 18em;
	z-index: 100;
	padding: 0.5em 0;
	background: #3B4346;
	border: solid 1px #272d30;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

#nav li:hover > ul,
#nav li:focus-within > ul {
	display: block;
}

#nav ul ul a {
	display: block;
	margin: 0;
	padding: 0.5em 1em;
	font-size: 1.1em;
	white-space: nowrap;
}

#nav ul ul a:hover {
	background: #272d30;
}

.loc_sommaire {
	font-size: 1.2rem;
	color: green;
	float: right;
}

/* Cadres blancs autour des images (logos SPIP) */
.bordered-feature-image,
.feature-image {
	display: flow-root;
}

.bordered-feature-image img,
.feature-image img {
	float: none;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

/* Album photos carrées (colonne latérale) */
.album-photos {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.album-photos li {
	margin: 0;
	padding: 0;
	border: 0;
}
.album-photos a {
	display: block;
}
.album-photos img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

#content .lienplan a {
			color: grey;}
			
/* Boîtes du sommaire : même hauteur (page d'accueil uniquement) */
.homepage #content .row > [class*="col-"] {
	display: flex;
}

.homepage #content .row > [class*="col-"] > section {
	width: 100%;
}

/* Formulaires SPIP : rester dans le cadre */
.formulaire_spip,
.formulaire_spip form,
.formulaire_spip .editer-groupe,
.formulaire_spip .editer {
	max-width: 100%;
	box-sizing: border-box;
}

.formulaire_spip fieldset {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.formulaire_spip label {
	display: block;
	margin-bottom: 0.3em;
}

.formulaire_spip input.text,
.formulaire_spip input[type="text"],
.formulaire_spip input[type="email"],
.formulaire_spip textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Page 404 */
.icone-404 {
	font-size: 5em;
	line-height: 1;
	margin: 0 0 0.2em 0;
	opacity: 0.85;
}

/* Formulaire de recherche : champ arrondi + bouton loupe */
.formulaire_recherche {
	max-width: 32em;
	margin: 1.5em 0;
}

.formulaire_recherche form,
.formulaire_recherche form > div {
	display: flex;
	align-items: stretch;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Libellé masqué visuellement, lu par les lecteurs d'écran */
.formulaire_recherche label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.formulaire_recherche form input[type="search"],
.formulaire_recherche form input.text {
	flex: 1;
	min-width: 0;
	width: auto;
	height: 3rem;
	margin: 0;
	padding: 0 1.2em;
	box-sizing: border-box;
	border: 1px solid #c6c8c8;
	border-right: 0;
	border-radius: 2rem 0 0 2rem;
	background: #fff;
	font-size: 1em;
}

.formulaire_recherche form input[type="search"]:focus,
.formulaire_recherche form input.text:focus {
	outline: none;
	border-color: #d9381e;
	box-shadow: 0 0 0 2px rgba(217, 56, 30, 0.25);
}

/* Bouton : le texte « >> » est masqué et remplacé par une loupe */
.formulaire_recherche form input[type="submit"] {
	flex: none;
	width: 3.5rem;
	height: 3rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0 2rem 2rem 0;
	font-size: 0;
	cursor: pointer;
	background: #d9381e url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='15' y1='15' x2='21' y2='21'/%3E%3C/svg%3E") no-repeat center / 1.3rem;
}
.formulaire_recherche form input[type="submit"]:hover {
	background-color: #b92d15;
}

/* Barre de titre mobile : logo réduit à la hauteur de la barre */
/* Barre de titre mobile : logo centré verticalement */
@media screen and (max-width: 980px) {
	#titleBar .title {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 64px;
		line-height: 1;
	}

	#titleBar .title img {
		display: block;
		height: 60px;
		width: auto;
		margin: 0.1rem 0.1rem 0 0;
	}
}

/* Footer : ligne marques + informations masquée sur smartphone */
@media screen and (max-width: 980px) {
	#footer .desktop {
		display: none;
	}
}

/* Pavés carrés (page location) */
.pave {
	position: relative;
	aspect-ratio: 1 / 1;
	margin: 0 0 1.5em 0;
	overflow: hidden;
	background-color: #3B4346;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
}
.pave2 {
	position: relative;
	opacity: 0.6;
	aspect-ratio: 16 / 9;
	margin: 0 0 1.5em 0;
	overflow: hidden;
	background-color: #3B4346;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
}
.pave2:hover {
	opacity: 1;
}

.pave-bandeau {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0.6em 0.9em;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}

.pave-bandeau span {
	display: block;
	color: #fff;
}

.pave-mot {
	text-align: left;
	font-size: 1.1em;
}

.pave-prix {
	text-align: right;
	font-size: 0.95em;
}
.pave-prix-article {
	text-align: right;
	font-size: 1.82em;
	font-weight: 900;
	clear: right;
}

#content .pave a.pave-lien,
#content .pave a.pave-lien:link,
#content .pave a.pave-lien:visited {
	position: absolute;
	right: 0.9em;
	bottom: 0.9em;
	padding: 0.6em 1.1em;
	background: #d9381e;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
}

#content .pave a.pave-lien:hover {
	background: #b92d15;
	color: #fff;
}
/* Titre centré dans le pavé */
.pave-titre {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0.5em 1em;
	transform: translateY(-50%);
	text-align: center;
	font-size: 1.5em;
	background: rgba(0, 0, 0, 0.7);
}
#content h3.pave-titre 	{
	font-size: 2em;
}

#content .pave .pave-titre a {
	color: #fff;
	text-decoration: none;
}

#content .pave .pave-titre a:hover {
	text-decoration: underline;
}

/* Lien du prix vers la page de location */
#content .pave .pave-prix a {
	color: #fff;
	text-decoration: none;
}

#content .pave .pave-prix a:hover {
	text-decoration: underline;
}
/* Page location */
.loc-arrivee {
	overflow: hidden;
	margin: 1.5em 0;
	padding: 1em 1.5em;
	border: 1px solid #c6c8c8;
}
.loc-arrivee legend {
	padding: 0 0.5em;
	color: #d9381e;
}
.loc-arrivee-logo {
	float: right;
	margin-left: 1em;
}
.loc-prix {
	color: #6CB33C;
	font-weight: 600;
}
.loc-caution {
	color: #d9381e;
	font-weight: 300;
}

/* Liste défilante */
.loc-liste {
	max-height: 28em;
	overflow-y: auto;
	margin: 1.5em 0;
	padding: 0 1em;
	border: 1px solid #c6c8c8;
}
.loc-ligne {
	overflow: hidden;
	padding: 1em 0;
	border-bottom: 1px solid #e6e8e8;
}
/* Cases à cocher natives, visibles */
#content .loc-ligne input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: auto;
	position: static;
	opacity: 1;
	z-index: auto;
	float: left;
	width: 1.3em;
	height: 1.3em;
	margin: 0.3em 0.8em 0 0;
}

#content .loc-ligne label {
	display: block;
	margin: 0;
	padding-left: 0;
}

#content .loc-ligne input[type="checkbox"] + label:before,
#content .loc-ligne input[type="checkbox"] + label:after {
	content: none;
	display: none;
}
.loc-ligne img {
	float: right;
	margin-left: 1em;
}
.loc-ligne p {
	margin: 0.5em 0 0 0;
}
.loc-boutons {
	text-align: center;
}

/* Case à cocher du matériel d'arrivée */
#content .loc-arrivee input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: auto;
	position: static;
	opacity: 1;
	width: 1.3em;
	height: 1.3em;
	margin: 0 0.6em 0 0;
	vertical-align: middle;
}

#content .loc-arrivee label {
	display: inline;
	margin: 0;
}

#content .loc-arrivee input[type="checkbox"] + label:before,
#content .loc-arrivee input[type="checkbox"] + label:after {
	content: none;
	display: none;
}

/* Cases cochées en rouge */
#content .loc-ligne input[type="checkbox"],
#content .loc-arrivee input[type="checkbox"] {
	accent-color: #d9381e;
}

/* Récapitulatif de l'estimation */
.loc-recap table {
	width: 100%;
	margin: 1em 0;
}
.loc-recap th,
.loc-recap td {
	padding: 0.6em 0.8em;
	vertical-align: middle;
}
.loc-recap td img {
	margin-right: 0.8em;
	vertical-align: middle;
}
.loc-recap th:nth-child(n+2),
.loc-recap td:nth-child(n+2) {
	text-align: right;
	white-space: nowrap;
}
.loc-recap tfoot th {
	color: #d9381e;
}

/* Formulaire de pré-réservation */
.loc-coordonnees {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em 1.5em;
	margin: 1.5em 0;
}
.loc-champ label {
	display: block;
	margin-bottom: 0.3em;
}
.loc-champ input {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.loc-champ-large {
	grid-column: 1 / -1;
}
@media screen and (max-width: 736px) {
	.loc-coordonnees {
		grid-template-columns: 1fr;
	}
}

/* Messages du formulaire de pré-réservation */
.formulaire_loc_prereservation .erreur_message {
	display: block;
	margin: 0.3em 0 0.5em 0;
	padding: 0.5em 0.8em;
	background: #d9381e;
	color: #fff;
	font-size: 1.1em;
	font-weight: 600;
	border-radius: 3px;
}
.formulaire_loc_prereservation .reponse_formulaire {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #c6c8c8;
}
.formulaire_loc_prereservation .reponse_formulaire_erreur {
	margin: 1em 0;
	padding: 1em 1.2em;
	background: #d9381e;
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
	border: 0;
	border-radius: 3px;
}

/* Après l'envoi : le bandeau de confirmation remplace les textes d'introduction */
#content:has(.formulaire_loc_prereservation .reponse_formulaire_ok) .loc-consignes,
#content:has(.formulaire_loc_prereservation .reponse_formulaire_ok) .loc-prereservation-texte {
	display: none;
}

/* Liste des demandes de location (administrateur) */
.loc-table-defil {
	overflow-x: auto;
}
.loc-demandes {
	display: table;
	table-layout: auto;
	width: 100%;
	min-width: 62em;
	margin: 0.51em 0;
	border-collapse: collapse;
}
.loc-demandes th,
.loc-demandes td {
	padding: 0.6em 0.8em;
	vertical-align: top;
	text-align: left;
	box-sizing: border-box;
	overflow-wrap: anywhere;
}
.loc-demandes th:nth-child(1), .loc-demandes td:nth-child(1),
.loc-demandes th:nth-child(2), .loc-demandes td:nth-child(2),
.loc-demandes th:nth-child(5), .loc-demandes td:nth-child(5),
.loc-demandes th:nth-child(6), .loc-demandes td:nth-child(6),
.loc-demandes th:nth-child(7), .loc-demandes td:nth-child(7) {
	white-space: nowrap;
}
.loc-demandes th:nth-child(3), .loc-demandes td:nth-child(3),
.loc-demandes th:nth-child(4), .loc-demandes td:nth-child(4) {
	min-width: 6em;
}
.loc-demandes .loc-lignes {
	margin: 0;
	padding-left: 0.21em;
}
.loc-demandes tr.loc-nouvelle td {
	background: #fff4dc;
}
.loc-demandes tr.loc-resa td {
	background: #e0f3df;
}
.loc-demandes th:nth-child(5), .loc-demandes td:nth-child(5),
.loc-demandes th:nth-child(6), .loc-demandes td:nth-child(6) {
	text-align: right;
}
.loc-demandes th:nth-child(8), .loc-demandes td:nth-child(8),
.loc-demandes th:nth-child(9), .loc-demandes td:nth-child(9) {
	white-space: nowrap;
}

/* Messages du formulaire de modification */
.formulaire_loc_modifier .erreur_message {
	display: block;
	margin: 0.3em 0 0.5em 0;
	padding: 0.5em 0.8em;
	background: #d9381e;
	color: #fff;
	font-size: 1.1em;
	font-weight: 600;
	border-radius: 3px;
}
.formulaire_loc_modifier .reponse_formulaire {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #c6c8c8;
}
.formulaire_loc_modifier .reponse_formulaire_erreur {
	margin: 1em 0;
	padding: 1em 1.2em;
	background: #d9381e;
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
	border: 0;
	border-radius: 3px;
}
/* Confirmation après modification d'une demande */
.loc-message {
	margin: 1em 0;
	padding: 0.8em 1.2em;
	background: #e0f3df;
	border-left: 4px solid #4c9a2a;
}

/* Bouton de suppression d'une demande */
.loc-supprimer {
	margin-top: 2em;
}
#content a.loc-btn-suppr,
#content a.loc-btn-suppr:link,
#content a.loc-btn-suppr:visited {
	display: inline-block;
	padding: 0.6em 1.1em;
	background: #d9381e;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
}
#content a.loc-btn-suppr:hover {
	background: #b92d15;
	color: #fff;
}

/* Barre de titre mobile : le lien enveloppe le logo */
@media screen and (max-width: 980px) {
	#titleBar .title a {
		display: block;
		line-height: 0;
	}
}

/* Pagination précédent / suivant : centrée, sur une seule ligne */
#content .pagination {
	margin: 1.5rem 0;
	text-align: center;
}

#content .pagination ul,
#content .pagination-items {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .pagination li {
	margin: 0;
	padding: 0;
}

#content .pagination a,
#content .pagination strong,
#content .pagination .on {
	display: inline-block;
	padding: 0.4rem 1rem;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	border: 1px solid #c6c8c8;
	border-radius: 3px;
}

#content .pagination a {
	color: #d9381e;
}

#content .pagination a:hover {
	background: #d9381e;
	border-color: #d9381e;
	color: #fff;
}

/* ===== Partie DJ : formulaire de demande ===== */

.dj-intro p { margin-bottom: 1.5em; }

.dj-demande fieldset.dj-bloc {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 1em 1.2em 1.2em;
	margin: 0 0 1.5em;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}
.dj-bloc legend { font-weight: bold; padding: 0 .5em; }

/* Grille : 2 colonnes, 3 pour la date et les heures, 1 pour les champs larges */
.dj-grille { display: flex; flex-wrap: wrap; gap: 1em 1.5em; }
.dj-champ { flex: 1 1 calc(50% - 1.5em); min-width: 0; }
.dj-champ-tiers { flex: 1 1 calc(33.333% - 1.5em); min-width: 0; }
.dj-champ-large { flex: 0 0 100%; }
.dj-champ-demi { flex: 0 1 calc(50% - 1.5em); min-width: 0; }

.dj-champ label,
.dj-label { display: block; font-weight: bold; margin-bottom: .3em; }
.dj-champ input[type="text"],
.dj-champ input[type="date"],
.dj-champ input[type="time"],
.dj-champ input[type="number"],
.dj-champ input[type="tel"],
.dj-champ input[type="email"],
.dj-champ select,
.dj-champ textarea { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }

/* Heures : liste des heures + liste des minutes côte à côte */
.dj-heure { display: flex; align-items: center; gap: .5em; }
.dj-heure select { flex: 1 1 0; min-width: 0; }

/* Cases à cocher et boutons radio : affichage natif forcé
   (le thème les masque et dessine ses propres cases) */
.dj-demande input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}
.dj-demande input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}
.dj-demande input[type="checkbox"],
.dj-demande input[type="radio"] {
	display: inline-block;
	float: none;
	position: static;
	opacity: 1;
	z-index: auto;
	width: 1.2em;
	height: 1.2em;
	margin: 0 .4em 0 0;
	vertical-align: middle;
}
.dj-demande input[type="checkbox"] + label,
.dj-demande input[type="radio"] + label {
	display: inline-block;
	padding: 0;
	margin: 0 1.5em 0 0;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
}
/* On supprime les pseudo-cases dessinées par le thème */
.dj-demande input[type="checkbox"] + label:before,
.dj-demande input[type="checkbox"] + label:after,
.dj-demande input[type="radio"] + label:before,
.dj-demande input[type="radio"] + label:after {
	display: none !important;
	content: none !important;
}
.dj-cases { display: flex; flex-wrap: wrap; gap: .6em 2em; }
.dj-case { display: inline-flex; align-items: center; }

.dj-aide { font-size: .9em; opacity: .8; margin: 0; }
.dj-demande .erreur_message { display: block; color: #b00020; font-size: .9em; margin-bottom: .3em; }
.dj-boutons { margin: 0; }

/* Champ piège anti-spam : hors écran */
.dj-piege {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Smartphone : un seul champ par ligne */
@media (max-width: 736px) {
	.dj-champ,
	.dj-champ-demi,
	.dj-champ-tiers { flex: 0 0 100%; }
	.dj-demande fieldset.dj-bloc { padding: .8em; }
}

/* ===== Partie DJ : tableau d'administration des demandes ===== */
.dj-table-defil { overflow-x: auto; }
.dj-demandes { width: 100%; border-collapse: collapse; font-size: .9em; }
.dj-demandes th,
.dj-demandes td { border: 1px solid #ddd; padding: .5em .6em; vertical-align: top; text-align: left; }
.dj-demandes th { background: #f3f3f3; white-space: nowrap; }

/* Statuts : jaune (nouvelle), bleu (rencontre), orange pâle (devis envoyé),
   orange (devis signé, contrat envoyé), vert (date bloquée), gris (refusée) */
.dj-demandes tr.dj-nouvelle td { background: #fff8d6; }
.dj-demandes tr.dj-rencontre td { background: #e3f0fb; }
.dj-demandes tr.dj-devis td { background: #fdeccc; }
.dj-demandes tr.dj-devis_signe td,
.dj-demandes tr.dj-contrat td { background: #fcd9a8; }
.dj-demandes tr.dj-bloquee td { background: #e3f4e1; }
.dj-demandes tr.dj-refusee td { background: #eee; color: #666; }
.dj-statut { font-weight: bold; white-space: nowrap; }

.dj-alerte { display: inline-block; color: #b00020; font-weight: bold; }
.dj-attention { display: inline-block; color: #a85a00; font-weight: bold; }
.dj-retour { font-size: .85em; }

/* Colonnes Soirée et Lieu : première ligne en gras (type de soirée, commune) */
.dj-demandes .dj-soiree-type { font-weight: bold; }
.dj-demandes .dj-lieu-commune { font-weight: bold; }
.dj-demandes .dj-invites { font-weight: bold; }
.dj-demandes .dj-lieu-type { font-weight: normal; }

/* Formulaire montant / note dans le tableau, messages de retour */
.dj-form-montant { min-width: 10em; }
.dj-form-montant input[type="text"],
.dj-form-montant textarea { width: 100%; box-sizing: border-box; margin-bottom: .4em; font-size: .95em; }
.dj-form-montant button { font-size: .9em; }
.dj-sr { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.dj-message { margin: 0 0 1em; font-weight: bold; }

/* Page de modification d'une demande */
.dj-liens { margin-top: 1.5em; }
.dj-supprimer { color: #b00020; }

/* Bouton « Modifier ma demande » (message de confirmation du formulaire public) */
.dj-bouton {
	display: inline-block;
	padding: .5em 1em;
	border: 1px solid currentColor;
	border-radius: 4px;
	font-weight: bold;
	text-decoration: none;
}