/* Specific styles for my account page
 *
 */

.account-doggy-img-responsive {
	position: absolute;
	right: 50px;
	top: 120px;
}
.bendie-account-avatar {
    display: flex;
    align-items: flex-start;
    gap: 1rem; /* space between avatar and text */
}
.bendie-account-name {
    margin: 0; /* remove default <p> spacing */
}
.bendie-button1.bendie-button-logout {
	padding: 1rem 2rem !important;
	font-size: var(--wp--preset--font-size--large) !important;
	cursor: pointer !important;	
	text-decoration: none !important;
	margin-top: 10px !important;	
}

/* downloads table */
.bendie-downloads-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 -1px 24px 0;
    text-align: left;
	border-radius: 5px;
}
.bendie-downloads-table th {
    padding: 1em;
	font-weight: 700;
	line-height: 1.5em;
	border-collapse: collapse;
}
.bendie-downloads-table td {
	padding: 1em;
	border-top: 1px solid rgba(0, 0, 0, .1);
    vertical-align: middle;
    line-height: 1.5em;
}
.purchased-product-picture {
	width: 80px;
	height: auto;
}
/* Login spinner */
.bendie-button1.loading-wait {
	color: transparent;
}
.login-loading-spinner {
	position: absolute !important;
	z-index: 999 !important;
	height: 45px !important;
	width: auto !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
} 

/* ipad and transition display settings */
@media only screen and (max-width: 1300px) and (min-width: 769px) {
	.account-doggy-img-responsive {
		right: -10px !important;
		width: 20vw !important; 
	}
	.bendie-downloads-table {
		width: 60vw !important;
	}
	.bendie-downloads-table th {
		padding: 0.5em !important;
		font-size: 90% !important;
	}
	.bendie-downloads-table td {
		padding: 0.5em !important;
		font-size: 80% !important;
	}
}

/* downloads table for phone displays - this is when woo-commerce defaults seem to switch */
@media only screen and (max-width: 768px) {
	.account-doggy-img-responsive {
		display: block !important;
		position: static !important;
		margin-top: 120px !important;
		float: unset !important;
		width: 40vw !important; 
	}	
	.account-heading-spacer-responsive {
		display: none !important;
	}
	.bendie-downloads-table {
		width: 95vw !important;
		position: relative !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
	}
	.bendie-downloads-table th {
		padding: 0.5em !important;
		font-size: 90% !important;
	}
	.bendie-downloads-table td {
		padding: 0.5em !important;
		font-size: 80% !important;
	}
	.purchased-product-picture {
		width: 120px !important;
	}
}

/* usual mobile settings, when header changes to sticky */
@media only screen and (max-width: 550px) {
	.account-doggy-img-responsive {
		margin-top: 0px !important;
	}
}