/**
 * Pandao Booking - customer account. Uses the variables of the plugin
 * (front.css): --pdb-accent, --pdb-border, --pdb-radius…
 *
 * @package PandaoBooking
 */

.pdb-account__head {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 1em;
	justify-content: space-between;
}

.pdb-account__hello {
	font-size: 1.3em;
	font-weight: 700;
	margin: 0;
}

.pdb-account__tabs {
	border-bottom: 1px solid var(--pdb-border);
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.5em;
	margin: var(--pdb-gap) 0;
}

.pdb-account__tab {
	border-bottom: 3px solid transparent;
	color: inherit;
	font-weight: 600;
	margin-bottom: -1px;
	padding: 0.5em 0;
	text-decoration: none;
}

.pdb-account__tab:hover,
.pdb-account__tab:focus-visible {
	border-bottom-color: var(--pdb-border);
}

.pdb-account__tab.is-current {
	border-bottom-color: var(--pdb-accent);
}

.pdb-account__section + .pdb-account__section {
	margin-top: calc(var(--pdb-gap) * 2);
}

.pdb-account__bookings {
	display: grid;
	gap: 0.8em;
}

.pdb-account-booking {
	border: 1px solid var(--pdb-border);
	border-radius: var(--pdb-radius);
	padding: 1em 1.1em;
}

.pdb-account-booking--cancelled,
.pdb-account-booking--stayed {
	background: var(--pdb-surface);
}

.pdb-account-booking__head {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em 1em;
	justify-content: space-between;
	margin-bottom: 0.4em;
}

.pdb-account-booking__units {
	font-size: 1.05em;
}

.pdb-account-booking__stay {
	margin-bottom: 0.6em;
}

.pdb-account-booking__foot {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	gap: 0.8em 1em;
	justify-content: space-between;
}

.pdb-account-booking__amount {
	font-weight: 600;
	margin: 0;
}

.pdb-account-booking__amount .pdb-meta {
	display: block;
	font-weight: 400;
}

.pdb-status--stayed {
	background: var(--pdb-surface);
	color: var(--pdb-muted);
}

.pdb-account__grid {
	display: grid;
	gap: 0 1em;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
}

.pdb-account__grid .pdb-field {
	margin-bottom: 0.9em;
}

.pdb-account__email a,
.pdb-account__links a {
	margin-left: 0.5em;
}

.pdb-account__links a:first-child {
	margin-left: 0;
}

.pdb-account__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em;
}

.pdb-account--login {
	max-width: 30rem;
}

.pdb-account--login .login-remember label {
	align-items: center;
	display: inline-flex;
	font-weight: 400;
	gap: 0.4em;
}

.pdb .pdb-account--login .login-submit input[type="submit"] {
	background: var(--pdb-accent);
	border: 0;
	border-radius: var(--pdb-radius);
	color: var(--pdb-accent-text);
	cursor: pointer;
	font-weight: 600;
	padding: 0.75em 1.4em;
	width: auto;
}