/**
 * Keystone Theme - Footer Styles
 */

/* ------------------------------------------------------------------ */
/* BRAND: Swift Cargo - White Footer                                  */
/* Apply when body has .brand-swiftcargo class                        */
/* ------------------------------------------------------------------ */

body.brand-swiftcargo .has-accent-5-background-color {
	background-color: #F5F5F5 !important;  /* Off-white footer */
}

body.brand-swiftcargo .has-accent-5-background-color h3,
body.brand-swiftcargo .has-accent-5-background-color .wp-block-heading {
	color: #000000 !important;
	font-weight: 700;
}

body.brand-swiftcargo .has-accent-5-background-color,
body.brand-swiftcargo .has-accent-5-background-color p,
body.brand-swiftcargo .has-accent-5-background-color span,
body.brand-swiftcargo .has-accent-5-background-color .wp-block-navigation-item__label {
	color: #000000 !important;
}

body.brand-swiftcargo .has-accent-5-background-color a {
	color: #000000 !important;
	text-decoration: none;
}

body.brand-swiftcargo .has-accent-5-background-color a:hover {
	color: #000000 !important;  /* Black on hover */
	text-decoration: underline;
}

/* Swift Cargo - Footer legal bar border */
body.brand-swiftcargo .has-accent-5-background-color > .wp-block-group > .has-small-font-size {
	border-top: 1px solid #E86A38;
	padding-top: var(--wp--preset--spacing--30);
}

body.brand-swiftcargo .has-accent-5-background-color > .wp-block-group > .has-small-font-size {
	color: #000000;
}

body.brand-swiftcargo .has-accent-5-background-color > .wp-block-group > .has-small-font-size a {
	color: #000000 !important;
	text-decoration: none;
}

body.brand-swiftcargo .has-accent-5-background-color > .wp-block-group > .has-small-font-size a:hover {
	color: #000000 !important;
	text-decoration: underline;
}

/* ------------------------------------------------------------------ */
/* BRAND: VaaSBlock - Light Blue Footer                                 */
/* Apply when body has .brand-vaasblock class                         */
/* ------------------------------------------------------------------ */

body.brand-vaasblock .has-accent-5-background-color {
	background-color: #eeeeee !important;  /* VaaSBlock light gray footer */
}

body.brand-vaasblock .has-accent-5-background-color h3,
body.brand-vaasblock .has-accent-5-background-color .wp-block-heading {
	color: #000000 !important;
	font-weight: 700;
}

body.brand-vaasblock .has-accent-5-background-color,
body.brand-vaasblock .has-accent-5-background-color p,
body.brand-vaasblock .has-accent-5-background-color span,
body.brand-vaasblock .has-accent-5-background-color .wp-block-navigation-item__label {
	color: #000000 !important;
}

body.brand-vaasblock .has-accent-5-background-color a {
	color: #000000 !important;
}

body.brand-vaasblock .has-accent-5-background-color a:hover {
	color: #0078FF !important;
}

/* VaaSBlock - Footer legal bar border */
body.brand-vaasblock .has-accent-5-background-color > .wp-block-group > .has-small-font-size {
	border-top: 1px solid #0078FF;
	padding-top: var(--wp--preset--spacing--30);
}

body.brand-vaasblock .has-accent-5-background-color > .wp-block-group > .has-small-font-size {
	color: #000000;
}

body.brand-vaasblock .has-accent-5-background-color > .wp-block-group > .has-small-font-size a {
	color: #000000 !important;
}

body.brand-vaasblock .has-accent-5-background-color > .wp-block-group > .has-small-font-size a:hover {
	color: #0078FF !important;
}

/* ------------------------------------------------------------------ */
/* BRAND: DeFi Crypto News - Light Blue Footer                          */
/* Apply when body has .defi-crypto-news brand class                    */
/* ------------------------------------------------------------------ */

body.brand-defi .has-accent-5-background-color {
	background-color: #DFEEFF !important;  /* DeFi Light Blue footer */
}

body.brand-defi .has-accent-5-background-color h3,
body.brand-defi .has-accent-5-background-color .wp-block-heading {
	color: #000000 !important;
	font-weight: 700;
}

/* DeFi - Footer legal bar border */
body.brand-defi .has-accent-5-background-color > .wp-block-group > .has-small-font-size {
	border-top: 1px solid #0078FF;
	padding-top: var(--wp--preset--spacing--30);
}

/* Remove underlines from footer navigation links */
.has-accent-5-background-color .wp-block-navigation a,
.has-accent-5-background-color .wp-block-navigation-item__content {
	text-decoration: none !important;
}

.has-accent-5-background-color .wp-block-navigation a:hover {
	text-decoration: underline !important;
}

/* Footer navigation: match body text color, not accent */
.has-accent-5-background-color .wp-block-navigation .wp-block-navigation-item__label {
	color: var(--wp--preset--color--contrast);
}

/* Footer headings: use medium weight, appropriate size */
.has-accent-5-background-color .wp-block-heading {
	margin-bottom: var(--wp--preset--spacing--20);
}

/* Footer separator: use a faint line */
.has-accent-5-background-color .wp-block-separator {
	border: none;
	border-top: 1px solid var(--wp--preset--color--accent-6);
	height: 0;
	margin: 0;
}

/* Copyright bar */
.has-accent-5-background-color > .wp-block-group > .has-small-font-size {
	color: #FFFFFF;
}

.has-accent-5-background-color > .wp-block-group > .has-small-font-size a {
	color: #FFFFFF;
}

/* Force all footer text to be dark for DeFi brand (light background) */
body.brand-defi .has-accent-5-background-color,
body.brand-defi .has-accent-5-background-color p,
body.brand-defi .has-accent-5-background-color span,
body.brand-defi .has-accent-5-background-color h3,
body.brand-defi .has-accent-5-background-color .wp-block-heading,
body.brand-defi .has-accent-5-background-color .wp-block-navigation-item__label {
	color: #000000 !important;
}

body.brand-defi .has-accent-5-background-color a {
	color: #000000 !important;
}

body.brand-defi .has-accent-5-background-color a:hover {
	color: #0078FF !important;
}

/* Mobile: stack columns with spacing */
@media (max-width: 781px) {
	.has-accent-5-background-color .wp-block-group.is-content-justification-space-between {
		flex-direction: column;
		gap: var(--wp--preset--spacing--50);
	}

	.has-accent-5-background-color .wp-block-group.is-layout-flex:not(.is-content-justification-space-between) {
		flex-direction: column;
		gap: var(--wp--preset--spacing--50);
	}
}