/* Partnervertikalerna (branschpartner, konsultpartner, kompetenspartner,
   foreningspartner, proptech, techpartner, socialpartner, partners) -
   se inc/partner-verticals.php. Bygger på commerce.css/portal.css för
   allt utom bannern och partnerkatalogen (Partners-aggregatet), som är
   unikt för den här funktionen. */

/* VERTIKAL-BANNER - ersätter legacy header.php:s is_*-flaggekedja
   (färgad rad direkt under huvudmenyn, se
   template-parts/module/vertical-banner.php). */
.ff-vertical-banner {
	display: block;
	background: var(--ff-dark);
	text-decoration: none;
}
.ff-vertical-banner__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px var(--ff-container-pad);
	flex-wrap: wrap;
}
.ff-vertical-banner__label {
	font-family: var(--ff-font-mono);
	word-spacing: -0.2em;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fff;
}
.ff-vertical-banner__cta {
	font-size: 13px;
	font-weight: 600;
	color: var(--ff-green-light);
}
.ff-vertical-banner:hover .ff-vertical-banner__cta { color: var(--ff-green); }

/* PARTNERS-AGGREGATET (/partners-start/) - katalog över vertikalerna. */
.ff-partner-index {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 12px;
}
.ff-partner-index__item {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 22px;
	background: var(--ff-card-bg);
	border: 1px solid var(--ff-border);
	color: var(--ff-dark);
	text-decoration: none;
}
.ff-partner-index__item:hover { border-color: var(--ff-green); }
.ff-partner-index__label { font-size: 16px; font-weight: 700; }
.ff-partner-index__cta { font-size: 13px; color: var(--ff-blue); }

@media (max-width: 640px) {
	.ff-partner-index { grid-template-columns: 1fr; }
}