/*
 * Neutraliseert de opmaak die het actieve thema op gewone elementen zet.
 *
 * De standalone testwidget draaide op een kale pagina en ging dus uit van de
 * standaardopmaak van de browser: style.css zet bijvoorbeeld nergens een
 * font-family op een h1 of een padding op een button, omdat dat daar niet
 * nodig was. Binnen een thema staan die regels er al wel. Themify Ultra zet
 * onder meer:
 *
 *   h1,h2,h3,h4,h5,h6 { font-family: Poppins; font-weight: 700 }
 *   button            { background-image: linear-gradient(90deg,#6a4fff,#6ff6f7);
 *                       border-radius: 30px; padding: 1em 2.3em .9em; ... }
 *
 * Dit bestand zet zulke eigenschappen terug naar de browserstandaard, zodat
 * cfr-widget.css - dat 1-op-1 uit de testwidget is overgenomen - hetzelfde
 * resultaat geeft als in de standalone versie.
 *
 * De wrapper-klasse staat er twee keer in. Dat verandert niets aan wat er
 * matcht, maar tilt de specificiteit naar 0-2-0. Dat is nodig omdat Themify
 * regels als input:read-write (ook 0-2-0) gebruikt en zijn stylesheet ná die
 * van de plugin inlaadt.
 *
 * Dit bestand wordt vóór cfr-widget.css ingeladen: bij gelijke specificiteit
 * wint daardoor altijd de overgenomen opmaak, en regels die daar op een class
 * mikken (0-3-0) winnen sowieso van de element-regels hier.
 */

/* Basis van de wrapper: gelijk aan een kaal document. */
.cliffs-reservering-form.cliffs-reservering-form {
	font-size: 1rem;
	font-weight: 400;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	text-transform: none;
}

/* Koppen: thema's zetten hier vrijwel altijd een eigen lettertype op. */
.cliffs-reservering-form.cliffs-reservering-form h1,
.cliffs-reservering-form.cliffs-reservering-form h2,
.cliffs-reservering-form.cliffs-reservering-form h3 {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font-family: inherit;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: inherit;
	text-transform: none;
	text-shadow: none;
}

/* Tekst- en blokelementen. */
.cliffs-reservering-form.cliffs-reservering-form p,
.cliffs-reservering-form.cliffs-reservering-form label,
.cliffs-reservering-form.cliffs-reservering-form output,
.cliffs-reservering-form.cliffs-reservering-form legend,
.cliffs-reservering-form.cliffs-reservering-form aside,
.cliffs-reservering-form.cliffs-reservering-form article,
.cliffs-reservering-form.cliffs-reservering-form section,
.cliffs-reservering-form.cliffs-reservering-form div,
.cliffs-reservering-form.cliffs-reservering-form form {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	line-height: inherit;
	letter-spacing: normal;
	text-transform: none;
	text-shadow: none;
}

/* Knoppen. Themify geeft elke button een gradient, ronde hoeken en padding. */
.cliffs-reservering-form.cliffs-reservering-form button {
	appearance: none;
	-webkit-appearance: none;
	width: auto;
	min-width: 0;
	max-width: none;
	height: auto;
	margin: 0;
	padding: 1px 6px;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font: inherit;
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	text-shadow: none;
	transform: none;
	transition: none;
}

.cliffs-reservering-form.cliffs-reservering-form button:hover,
.cliffs-reservering-form.cliffs-reservering-form button:focus,
.cliffs-reservering-form.cliffs-reservering-form button:active {
	background: none;
	box-shadow: none;
	transform: none;
}

/* Invoervelden. De randen en radius komen uit de overgenomen opmaak. */
.cliffs-reservering-form.cliffs-reservering-form input,
.cliffs-reservering-form.cliffs-reservering-form textarea {
	min-height: 0;
	max-width: none;
	margin: 0;
	box-shadow: none;
	letter-spacing: normal;
	text-transform: none;
	line-height: normal;
}

.cliffs-reservering-form.cliffs-reservering-form input:focus,
.cliffs-reservering-form.cliffs-reservering-form textarea:focus {
	box-shadow: none;
}

.cliffs-reservering-form.cliffs-reservering-form fieldset {
	min-width: 0;
}
