/**
 * ochSubscriptions
 *
 * @version     5.2.2
 * @package     Joomla
 * @subpackage  com_ochsubscriptions
 *
 * @author      Ruud van Lent
 * @copyright   Copyright (C) 2020 - 2026 OnlineCommunityHub (J.L.R. van Lent Holding B.V.). All rights reserved.
 * @license     GNU/GPL version 3 or later
 * @link        https://onlinecommunityhub.nl
 */
.ochsubscriptions {}

.ochsubscriptions .ochsubscriptions-invoices-container, .ochsubscriptions .ochsubscriptions-subscriptions-container, .ochsubscriptions .ochsubscriptions-category-container, .ochsubscriptions .ochsubscriptions-product-crosssel-container {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: stretch;
	clear: both;
}

.ochsubscriptions .invoices-list, .ochsubscriptions .subscriptions-list, .ochsubscriptions .file-list, .ochsubscriptions .product-list {
	flex: 1 1 calc(33.333% - 1rem);
	max-width: calc(33.333% - 1rem);
	display: flex;
}

.ochsubscriptions .invoices-list-item, .ochsubscriptions .subscriptions-list-item, .ochsubscriptions .file-list-item, .ochsubscriptions .product-list-item {
	display: flex;
	flex-direction: column;
	flex: 1;
}

@media (max-width: 992px) {
	.ochsubscriptions .invoices-list, .ochsubscriptions .subscriptions-list, .ochsubscriptions .file-list, .ochsubscriptions .product-list {
		flex: 1 1 calc(50% - 1rem);
		max-width: calc(50% - 1rem);
	}
}

@media (max-width: 576px) {
	.ochsubscriptions .invoices-list, .ochsubscriptions .subscriptions-list, .ochsubscriptions .file-list, .ochsubscriptions .product-list {
		flex: 1 1 100%;
		max-width: 100%;
	}
}

.ochsubscriptions .product_image, .ochsubscriptions .file_image {
	position: relative;
	text-align: center;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ochsubscriptions .product_image img, .ochsubscriptions .file_image img {
	max-width: 100%;
	height: auto;
	display: block;
}

.ochsubscriptions .product_image a, .ochsubscriptions .file_image a {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.ochsubscriptions .file_caption, .ochsubscriptions .product_caption {
	display: flex;
	flex-direction: column;
	flex: 1;
	position: relative;
}

.ochsubscriptions .file_caption .btn, .ochsubscriptions .product_caption .btn {
	margin: 0 1rem 1rem 1rem;
	align-self: stretch;
	margin-top: auto;
}

.ochsubscriptions .accesstools_caption, .ochsubscriptions .file_caption, .ochsubscriptions .invoice_caption, .ochsubscriptions .subscription_caption, .ochsubscriptions .product_caption {
	/* make inner caption area a flex column so header aligns */
	display: flex;
	flex-direction: column;
	flex: 1;
	/* ensure headers align across row */
	align-items: stretch;
}

.ochsubscriptions .accesstools_caption .header, .ochsubscriptions .file_caption .header, .ochsubscriptions .invoice_caption .header, .ochsubscriptions .subscription_caption .header, .ochsubscriptions .product_caption .header {
	text-align: center;
	padding: 1rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
	background-color: #6c757d;
	color: #fff;
	flex: 0 0 auto;
}

.ochsubscriptions .accesstools_caption .body, .ochsubscriptions .file_caption .body, .ochsubscriptions .invoice_caption .body, .ochsubscriptions .subscription_caption .body, .ochsubscriptions .product_caption .body {
	padding: 1rem;
	flex: 1;
}

.ochsubscriptions .accesstools_caption .teaser, .ochsubscriptions .file_caption .teaser, .ochsubscriptions .invoice_caption .teaser, .ochsubscriptions .subscription_caption .teaser, .ochsubscriptions .product_caption .teaser {
	padding: 1rem;
	line-height: 1.2rem;
	margin-bottom: 1rem;
	flex: 0 0 auto;
}