/*
 Theme Name:   African Foodmarket Child
 Description:  Woodmart Child Theme for AfricanFood Market
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.3.0
 Text Domain:  african-foodmarket-child
*/

/*
 General site styling lives in Woodmart (Theme Settings, Theme Settings → Custom CSS, Elementor/Woodmart widgets).
 This file only holds CSS for features that come from this child theme.
*/

/* Featured stores [afm_featured_stores] (inc/modules/featured-stores.php): banner edge-to-edge, name + meta below.
   Uses Woodmart's CSS variables; the name also carries Woodmart's .wd-entities-title. */
.afm-featured-stores .afm-store-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background-color: var(--bgcolor-white);
	border: 1px solid var(--brdcolor-gray-300);
	border-radius: var(--wd-brd-radius);
}
.afm-featured-stores .afm-store-card__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 625 / 300; /* Dokan's store banner size */
	object-fit: contain; /* never crop a store's own banner, e.g. wider ones */
}
.afm-featured-stores .afm-store-card__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 16px 16px;
	border-top: 1px solid var(--brdcolor-gray-200);
}
.afm-featured-stores .afm-store-card__name {
	margin: 0;
	font-size: 16px;
}
.afm-featured-stores .afm-store-card:hover .afm-store-card__name {
	color: var(--wd-entities-title-color-hover);
}
.afm-featured-stores .afm-store-card__meta {
	margin: 0;
	color: var(--wd-text-color);
	font-size: 13px;
}
@media (max-width: 767px) {
	.afm-featured-stores .afm-store-card__body {
		padding: 10px 12px 12px;
	}
	.afm-featured-stores .afm-store-card__name {
		font-size: 14px;
	}
	.afm-featured-stores .afm-store-card__meta {
		font-size: 12px;
	}
}