/**
 * Dirigent Promotions Shortcode Styles
 *
 * Styles for [dsfw_promotions] shortcode frontend display
 *
 * @since 1.12.0
 */

/* Container */
.dsfw-promotions-list {
	margin: 0;
	padding: 0;
}

/* Individual promotion section */
.dsfw-promotion-section {
	margin-bottom: 3rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #e0e0e0;
}

.dsfw-promotion-section:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* Header with title and link */
.dsfw-promotion-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 1.5rem;
	padding-bottom: 0.75rem;
	border-bottom: 2px solid #6B9B37;
	gap: 1rem;
}

/* Promotion title */
.dsfw-promotion-title {
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.3;
}

.dsfw-promotion-title a {
	color: #6B9B37;
	text-decoration: none;
	transition: color 0.2s ease;
}

.dsfw-promotion-title a:hover {
	color: #5A8A2E;
}

/* View All link */
.dsfw-promotion-link {
	display: inline-flex;
	align-items: center;
	font-size: 0.9rem;
	font-weight: 500;
	color: #B33A3A;
	text-decoration: none;
	transition: color 0.2s ease;
	white-space: nowrap;
}

.dsfw-promotion-link:hover {
	color: #922E2E;
	text-decoration: underline;
}

/* Products container */
.dsfw-promotion-products {
	margin: 0;
}

/* WooCommerce product grid adjustments */
.dsfw-promotion-products .woocommerce ul.products {
	margin: 0;
}

.dsfw-promotion-products .woocommerce ul.products li.product {
	margin-bottom: 1.5rem;
}

/* Responsive breakpoints */

/* Tablet */
@media (max-width: 992px) {
	.dsfw-promotion-section {
		margin-bottom: 2.5rem;
		padding-bottom: 1.5rem;
	}

	.dsfw-promotion-title {
		font-size: 1.35rem;
	}
}

/* Mobile */
@media (max-width: 768px) {
	.dsfw-promotion-section {
		margin-bottom: 2rem;
		padding-bottom: 1rem;
	}

	.dsfw-promotion-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}

	.dsfw-promotion-title {
		font-size: 1.25rem;
	}

	.dsfw-promotion-link {
		font-size: 0.85rem;
	}
}

/* Small mobile */
@media (max-width: 480px) {
	.dsfw-promotion-title {
		font-size: 1.1rem;
	}

	.dsfw-promotion-header {
		margin-bottom: 1rem;
		padding-bottom: 0.5rem;
	}
}