/**
 * Styles for the account products page
 *
 * body_class: account products bg-light
 *
 * @author      Jim Mock
 * @copyright   2022, ON1
 */

/*------------------------------------------------------------------------------
 * Content
 -----------------------------------------------------------------------------*/
body.account.products table.table {
	border-bottom: 2px solid #eaeaea;
	border-top: 2px solid #eaeaea;
	color: #303030;
}

/* body.account.products table.table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #f6f6f7; } */

body.account.products table.table td {
	/* border-color: #f6f6f7; */
	border-bottom: 2px solid #eaeaea;
	padding: 0.75rem 0.625rem;
	vertical-align: middle;
}

body.account.products table td img {
	height: 48px;
	width: 48px;
}

body.account.products table td.product-name { width: 100%; }

@media (max-width: 575.98px) {
	body.account.subscriptions .bg-white.rounded.p-2-half { padding: 1.5rem !important; }
}

/*------------------------------------------------------------------------------
 * Individual product
 -----------------------------------------------------------------------------*/
body.account.product #site-main #account-product p { margin-bottom: 1.875rem; }
body.account.product #site-main #account-product p:last-child { margin-bottom: 0; }

body.account.product #site-main #account-product .product-icon {
	height: auto;
	width: 120px;
}

@media (max-width: 575.98px) {
	body.account.product #site-main #account-product .bg-white.rounded.p-2-half { padding: 1.5rem !important; }
	body.account.product #site-main #account-product .download-button { margin-top: 1rem; }
}

body.account.product #site-main #account-product table td { width: 50%; }

body.account.product #site-main #account-product form#offline-password-verification label {
	color: #7c7c7d;
	display: block;
	font-size: 0.875rem;
	margin-bottom: 0;
}

body.account.product #site-main #account-product form#offline-password-verification .form-control {
	border: 1px solid #eaeaea;
	border-left: none;
	border-radius: 0;
	border-right: none;
	border-top: none;
	color: #303030;
	max-width: 300px;
}

body.account.product #site-main #account-product form#offline-password-verification .form-control:focus { border-color: #0a7efa; }

/*------------------------------------------------------------------------------
 * Mobile
 -----------------------------------------------------------------------------*/
/* Phones & small screens */
@media only screen and (min-width: 320px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 2) {
	body.account.products #site-main table td.view-details { white-space: initial; }
}