/*
* Created by CeLa
* Copyright 2024 by CeLa 
* Stock module styles
*/

.stock-list {}
@media(max-width: 767px){
	.stock-list.waterfall-layout .stock-item:not(:first-child) {
		margin-top: 30px;
	}
}
@media(min-width: 768px){
	.stock-list.waterfall-layout {
		column-count: 3;
		column-gap: 30px;
	}
	.stock-list.waterfall-layout .stock-item {
		margin-bottom: 30px;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
		page-break-inside: avoid;
	}
}
.stock-list.waterfall-layout .stock-item {

}
.stock-list .stock-item {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #eee;
	background-color: #f7f7f7;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.stock-list .stock-item figure.image {
	margin-bottom: 0;
	text-align: center;
}
.stock-list .stock-item figure.image img {
	object-fit: cover;
	object-position: center center !important;
	width: 100%;
	max-width: 100%;
	height: auto;
}
.stock-list .stock-item .body {
	padding: 15px;
}
.stock-list .stock-item .head {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 1.25rem;
}
.stock-list .stock-item .body .info {
	font-size: .875rem;
}

/*
 * Stock details
 */
@media(min-width: 992px){
	.stock-detail {
		display: flex;
		gap: 30px;
	}
	.stock-detail > * {
		flex: 1;
	}
}
.stock-detail figure.image a {
	/*
	display: block;
	aspect-ratio: 1 / 1;
	*/
}
@media(max-width: 991px){
	.stock-detail figure.image {
		margin-bottom: 30px;
	}
}
@media(min-width: 992px){
	.stock-detail figure.image {
		margin-bottom: 0;
	}
}
.stock-detail .image figcaption {
	margin-top: 30px;
	padding: 30px;
	background-color: #f7f7f7;
	font-size: .875rem;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.stock-detail .image figcaption ul.list-infos {
	margin-bottom: 0 !important;
}

.stock-detail .image img.img-src {
	object-fit: cover;
	object-position: center !important;
	width: 100%;
	height: auto;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.stock-detail .body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px;
	background-color: #f7f7f7;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.stock-detail .body .info {
	flex-grow: 1;
	font-size: .875rem;
}
.stock-detail .body .description {
	flex-grow: 1;	
}
.tags > label {
	margin-bottom: 10px;
}
ul.list-tags {
	display: flex;
	gap: 10px;
}
ul.list-tags li a {
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: 500;
	font-size: .75rem;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
ul.list-tags li a,
ul.list-tags li a:visited {
	background-color: var(--base-color);
	color: #fff;
}
ul.list-tags li a:hover,
ul.list-tags li a:active,
ul.list-tags li a:focus {
	background-color: var(--pri-color);
	color: #fff;
}
.stock-detail .body .button {
	margin-top: 30px;
}
a.btn-donate,
a.btn-donate:visited {
	color: rgba(255,255,255,1);
}
a.btn-donate:hover,
a.btn-donate:active,
a.btn-donate:focus {
	color: rgba(255,255,255,.6);
}

@keyframes heartbeat {
	0% {
		transform: scale( .75 );
	}
	20% {
		transform: scale( 1 );
	}
	40% {
		transform: scale( .75 );
	}
	60% {
		transform: scale( 1 );
	}
	80% {
		transform: scale( .75 );
	}
	100% {
		transform: scale( .75 );
	}
}
.heartbeat {
	display: inline-block;
	animation: heartbeat 1.5s infinite;
}


/*
 * Plugins
 */
#glightbox-body .gslide-image img {
	-webkit-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
}


/*
 * Related
 */
.related {}
.related > h2 {
	margin-bottom: 30px;
}
@media(max-width: 767px){
	.related .related-inner .related-item:not(:first-child) {
		margin-top: 30px;
	}
}
@media(min-width: 768px){
	.related .related-inner {
		display: grid;
		grid-gap: 30px;
	}
}
@media(min-width: 768px) and (max-width: 991px) {
	.related .related-inner {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media(min-width: 992px) {
	.related .related-inner {
		grid-template-columns: repeat(4, 1fr);
	}
}
.related-item {
	background-color: #f7f7f7;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.related-item figure.image {
	margin-bottom: 0;
	aspect-ratio: 4 / 3;
}
.related-item figure.image img {
	object-fit: cover;
	object-position: center !important;
	width: 100%;
	height: 100%;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.related-item .body {
	padding: 30px;
}
.related-item .body h3.head {
	margin-bottom: 0;
	font-size: 1.25rem;
}
.related-item .body .info {
	font-size: .875rem;
}