/**
 * SoutienSchool — cartes cours (Porto Education–inspired)
 * Scoped to homepage course product cards (.ss-course-card).
 */

body.home .porto-products li.product.ss-course-card,
body.home ul.products li.product.ss-course-card {
	--ss-card-ink: #222529;
	--ss-card-muted: #6b7280;
	--ss-card-line: #e8ecf1;
	--ss-card-blue: var(--porto-primary-color, #0088cc);
	--ss-card-accent: #e7272d;
	list-style: none;
}

body.home .porto-products li.product.ss-course-card .product-inner,
body.home ul.products li.product.ss-course-card .product-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	border: 1px solid var(--ss-card-line);
	border-radius: 4px;
	overflow: visible;
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

body.home .porto-products li.product.ss-course-card:hover .product-inner,
body.home ul.products li.product.ss-course-card:hover .product-inner {
	border-color: #d5dde8;
	box-shadow: 0 10px 28px rgba(34, 37, 41, 0.08);
}

/* Image — less shop overlay */
body.home .porto-products li.product.ss-course-card .product-image,
body.home ul.products li.product.ss-course-card .product-image {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	background: #f3f5f8;
}

body.home .porto-products li.product.ss-course-card .product-image > a,
body.home ul.products li.product.ss-course-card .product-image > a {
	display: block;
}

body.home .porto-products li.product.ss-course-card .product-image img,
body.home ul.products li.product.ss-course-card .product-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

/* Hide shop badges / hover CTAs (keep links in DOM for a11y/SEO where needed) */
body.home .porto-products li.product.ss-course-card .labels,
body.home .porto-products li.product.ss-course-card .onhot,
body.home .porto-products li.product.ss-course-card .onsale,
body.home .porto-products li.product.ss-course-card .links-on-image,
body.home ul.products li.product.ss-course-card .labels,
body.home ul.products li.product.ss-course-card .onhot,
body.home ul.products li.product.ss-course-card .onsale,
body.home ul.products li.product.ss-course-card .links-on-image {
	display: none !important;
}

/* Content */
body.home .porto-products li.product.ss-course-card .product-content,
body.home ul.products li.product.ss-course-card .product-content {
	position: relative;
	padding: 0 1rem 1.1rem;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	text-align: left;
}

/* Teacher row overlapping image */
body.home .porto-products li.product.ss-course-card .ss-course-card__teacher,
body.home ul.products li.product.ss-course-card .ss-course-card__teacher {
	display: flex;
	align-items: flex-end;
	gap: 0.65rem;
	margin: -28px 0 0.65rem;
	min-height: 56px;
	position: relative;
	z-index: 2;
}

body.home .porto-products li.product.ss-course-card .ss-course-card__teacher--empty,
body.home ul.products li.product.ss-course-card .ss-course-card__teacher--empty {
	margin-top: 0.85rem;
	min-height: 0;
}

body.home .porto-products li.product.ss-course-card .ss-course-card__avatar,
body.home ul.products li.product.ss-course-card .ss-course-card__avatar {
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	background: #fff;
	line-height: 0;
	display: block;
}

body.home .porto-products li.product.ss-course-card .ss-course-card__avatar-img,
body.home .porto-products li.product.ss-course-card .ss-course-card__avatar img,
body.home ul.products li.product.ss-course-card .ss-course-card__avatar-img,
body.home ul.products li.product.ss-course-card .ss-course-card__avatar img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 50%;
	display: block;
	aspect-ratio: auto !important;
}

body.home .porto-products li.product.ss-course-card .ss-course-card__teacher-name,
body.home ul.products li.product.ss-course-card .ss-course-card__teacher-name {
	flex: 1 1 auto;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--ss-card-ink);
	text-decoration: none;
	padding-bottom: 0.2rem;
}

body.home .porto-products li.product.ss-course-card a.ss-course-card__teacher-name:hover,
body.home ul.products li.product.ss-course-card a.ss-course-card__teacher-name:hover {
	color: var(--ss-card-blue);
}

/* Category: hide on course cards (teacher name replaces shop taxonomy) */
body.home .porto-products li.product.ss-course-card .category-list,
body.home ul.products li.product.ss-course-card .category-list {
	display: none !important;
}

/* Title */
body.home .porto-products li.product.ss-course-card .product-loop-title,
body.home ul.products li.product.ss-course-card .product-loop-title {
	display: block;
	margin: 0 0 0.45rem;
	text-decoration: none;
}

body.home .porto-products li.product.ss-course-card .woocommerce-loop-product__title,
body.home ul.products li.product.ss-course-card .woocommerce-loop-product__title {
	font-size: 0.98rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--ss-card-ink);
	margin: 0;
	min-height: 2.7em;
}

body.home .porto-products li.product.ss-course-card .product-loop-title:hover .woocommerce-loop-product__title,
body.home ul.products li.product.ss-course-card .product-loop-title:hover .woocommerce-loop-product__title {
	color: var(--ss-card-blue);
}

/* Hide empty / shop-y ratings */
body.home .porto-products li.product.ss-course-card .rating-wrap:empty,
body.home .porto-products li.product.ss-course-card .rating-wrap:not(:has(.star-rating)),
body.home ul.products li.product.ss-course-card .rating-wrap:empty,
body.home ul.products li.product.ss-course-card .rating-wrap:not(:has(.star-rating)) {
	display: none;
}

/* Porto still prints 0-star markup — hide visually */
body.home .porto-products li.product.ss-course-card .rating-wrap:has(.star-rating[data-bs-original-title="0"]),
body.home .porto-products li.product.ss-course-card .rating-wrap:has(.star-rating[title="0"]),
body.home .porto-products li.product.ss-course-card .star-rating[data-bs-original-title="0"],
body.home .porto-products li.product.ss-course-card .star-rating[title="0"],
body.home ul.products li.product.ss-course-card .rating-wrap:has(.star-rating[data-bs-original-title="0"]),
body.home ul.products li.product.ss-course-card .rating-wrap:has(.star-rating[title="0"]),
body.home ul.products li.product.ss-course-card .star-rating[data-bs-original-title="0"],
body.home ul.products li.product.ss-course-card .star-rating[title="0"] {
	display: none !important;
}

body.home .porto-products li.product.ss-course-card .rating-wrap,
body.home ul.products li.product.ss-course-card .rating-wrap {
	margin: 0 0 0.35rem;
}

/* Price */
body.home .porto-products li.product.ss-course-card .price,
body.home ul.products li.product.ss-course-card .price {
	display: block;
	margin: 0 0 0.65rem;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--ss-card-accent);
	line-height: 1.35;
}

body.home .porto-products li.product.ss-course-card .price .from,
body.home .porto-products li.product.ss-course-card .price .subscription-details,
body.home ul.products li.product.ss-course-card .price .from,
body.home ul.products li.product.ss-course-card .price .subscription-details {
	font-weight: 600;
	font-size: 0.8em;
	color: var(--ss-card-muted);
}

/* Meta: students + reviews */
body.home .porto-products li.product.ss-course-card .ss-course-card__meta,
body.home ul.products li.product.ss-course-card .ss-course-card__meta {
	list-style: none;
	margin: auto 0 0;
	padding: 0.7rem 0 0;
	border-top: 1px solid var(--ss-card-line);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.1rem;
	font-size: 0.78rem;
	color: var(--ss-card-muted);
}

body.home .porto-products li.product.ss-course-card .ss-course-card__meta-item,
body.home ul.products li.product.ss-course-card .ss-course-card__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0;
}

body.home .porto-products li.product.ss-course-card .ss-course-card__meta-item i,
body.home ul.products li.product.ss-course-card .ss-course-card__meta-item i {
	color: var(--ss-card-blue);
	font-size: 0.85rem;
}

/* Hide leftover loop add-to-cart if Porto still prints it in content */
body.home .porto-products li.product.ss-course-card .product-content > .add-links,
body.home .porto-products li.product.ss-course-card .product-content > .button,
body.home ul.products li.product.ss-course-card .product-content > .add-links,
body.home ul.products li.product.ss-course-card .product-content > .button {
	display: none !important;
}

/* Owl carousel: avoid overflow from overlapping avatar */
body.home .porto-products.products-slider .owl-stage-outer,
body.home ul.products.products-slider .owl-stage-outer {
	padding-bottom: 4px;
	margin-bottom: -4px;
}

body.home .porto-products li.product.ss-course-card,
body.home ul.products li.product.ss-course-card {
	overflow: visible;
}

/* Tablet / mobile */
@media (max-width: 767px) {
	body.home .porto-products li.product.ss-course-card .product-content,
	body.home ul.products li.product.ss-course-card .product-content {
		padding: 0 0.75rem 0.95rem;
	}

	body.home .porto-products li.product.ss-course-card .ss-course-card__teacher,
	body.home ul.products li.product.ss-course-card .ss-course-card__teacher {
		margin-top: -24px;
		gap: 0.5rem;
	}

	body.home .porto-products li.product.ss-course-card .ss-course-card__avatar,
	body.home ul.products li.product.ss-course-card .ss-course-card__avatar {
		width: 48px;
		height: 48px;
		border-width: 2px;
	}

	body.home .porto-products li.product.ss-course-card .woocommerce-loop-product__title,
	body.home ul.products li.product.ss-course-card .woocommerce-loop-product__title {
		font-size: 0.9rem;
		min-height: 0;
	}

	body.home .porto-products li.product.ss-course-card .ss-course-card__teacher-name,
	body.home ul.products li.product.ss-course-card .ss-course-card__teacher-name {
		font-size: 0.78rem;
		line-height: 1.25;
	}

	body.home .porto-products li.product.ss-course-card .price,
	body.home ul.products li.product.ss-course-card .price {
		margin-bottom: 0.15rem;
	}
}