/**
 * My Downloads page (page slug "my-downloads") — minimal, dense download grid
 * for the customer's All Access extensions.
 *
 * The page renders `[downloads all_access_customer_downloads_only="yes"]`, which
 * outputs EDD's standard product grid (`.edd_downloads_list.edd_download_columns_3`,
 * markup reused from the public marketing shop). For logged-in paying customers
 * the marketing chrome (category tags, sales descriptions, big promo images) is
 * noise, so this restyles the same markup into a compact card grid: a small
 * thumbnail, the extension name, and a download button — nothing else. The grid
 * auto-fits as many columns as the width allows (about 4 on desktop, 2 on
 * tablet, 1 on phones).
 *
 * Scoped to `.rpress-mydownload-wrap` (the Oxygen section wrapping the shortcode)
 * so no other EDD download grid is affected. The download links are left exactly
 * as EDD All Access generates them (tokenised URLs).
 */

.rpress-mydownload-wrap {
	max-width: 1180px;
	margin: 0 auto;
	padding: 8px 18px 56px;
}

/* The shortcode wrapper sits in an Oxygen flex row; without this it shrinks to
   one column's worth of content and the auto-fit grid can't expand. */
.rpress-mydownload-wrap .ct-shortcode {
	width: 100% !important;
	flex: 1 1 100% !important;
}

/* Auto-fit dense grid: as many ~235px columns as fit, down to 1 on phones. */
.rpress-mydownload-wrap .edd_downloads_list {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)) !important;
	gap: 18px !important;
	margin: 0 !important;
	width: 100%;
}

/* Compact card: flex column so the button pins to the bottom and every card in
   a row keeps the same height. */
.rpress-mydownload-wrap .edd_download {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column;
	background: #fff;
	border: 1px solid #ECECF1;
	border-radius: 14px;
	overflow: hidden !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
	transition: box-shadow .2s ease, transform .2s ease;
}

.rpress-mydownload-wrap .edd_download:hover {
	box-shadow: 0 12px 26px rgba(16, 24, 40, .12);
	transform: translateY(-3px);
}

.rpress-mydownload-wrap .edd_download_inner {
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	display: flex !important;
	flex-direction: column;
	flex: 1;
}

/* Small contained thumbnail. */
.rpress-mydownload-wrap .edd_download_image {
	display: block !important;
	margin: 0 !important;
	height: auto !important;
	background: #F6F6F8;
}

.rpress-mydownload-wrap .edd_download_image a {
	display: block;
}

.rpress-mydownload-wrap .edd_download_image img {
	width: 100% !important;
	height: 128px !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 0 !important;
}

.rpress-mydownload-wrap .edd_download_inner_contents {
	height: auto !important;
	margin: 0 !important;
	padding: 16px !important;
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 14px;
}

.rpress-mydownload-wrap .edd_download_title {
	margin: 0 !important;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 700;
}

.rpress-mydownload-wrap .edd_download_title a {
	color: #101828 !important;
	text-decoration: none;
}

/* Hide the marketing chrome — not needed for paying customers. */
.rpress-mydownload-wrap .edd-download-category {
	display: none !important;
}

.rpress-mydownload-wrap .edd_download_excerpt {
	display: none !important;
}

/* Full-width brand download button, pinned to the bottom of the card. */
.rpress-mydownload-wrap .edd_download_buy_button {
	margin-top: auto !important;
}

.rpress-mydownload-wrap .edd_download_buy_button .button,
.rpress-mydownload-wrap .edd_download_buy_button a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100% !important;
	box-sizing: border-box;
	text-align: center;
	background: linear-gradient(180deg, #F57351, #EF643D) !important;
	border: none !important;
	color: #fff !important;
	padding: 10px 14px !important;
	border-radius: 9px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	box-shadow: 0 2px 8px rgba(239, 100, 61, .28);
}

.rpress-mydownload-wrap .edd_download_buy_button .button:hover,
.rpress-mydownload-wrap .edd_download_buy_button a:hover {
	filter: brightness(1.05);
}

/* Pagination row spans the full grid width. */
.rpress-mydownload-wrap .edd_download_pagination,
.rpress-mydownload-wrap .pagination {
	grid-column: 1 / -1;
	text-align: center;
	margin-top: 8px;
}