/* =========================================================
 * DiscoverMarket v2 — global footer restyle
 * Loaded site-wide. Scoped to `body.dmv2-chrome` so it only applies on the
 * front-end and never leaks into wp-admin. Restyles the existing
 * footer-main14.php markup (CMS widgets/menus preserved) to the v2 language.
 * Tokens come from css/dm-tokens.css. See docs/DESIGN_SYSTEM.md §4 (chrome).
 *
 * Every selector is prefixed `body.dmv2-chrome` to win specificity over the
 * theme's css/style.css (which loads earlier). No markup changes — containers
 * only. !important is used sparingly, only on shorthand the theme sets inline
 * or with stubborn !important of its own.
 * ========================================================= */

/* ---------------------------------------------------------
 * 1. Footer band — dark v2 surface + Montserrat
 * ------------------------------------------------------- */
body.dmv2-chrome footer.footer-wrapper {
	/* Overrides the inline background-color: #011d2b on the element. */
	background-color: var(--dm-bg-inverse) !important;   /* #08070D */
	background-image:
		radial-gradient(120% 90% at 12% 0%, rgba(26, 95, 212, 0.18) 0%, rgba(26, 95, 212, 0) 55%),
		radial-gradient(110% 80% at 92% 8%, rgba(26, 154, 212, 0.12) 0%, rgba(26, 154, 212, 0) 50%);
	font-family: var(--dm-font);
	color: rgba(255, 255, 255, 0.72);
	letter-spacing: 0;
}

body.dmv2-chrome footer.footer-wrapper .container,
body.dmv2-chrome footer.footer-wrapper .inner-container {
	font-family: var(--dm-font);
}

body.dmv2-chrome footer.footer-wrapper .inner-container {
	padding-top: 72px;
	padding-bottom: 16px;
}

/* ---------------------------------------------------------
 * 2. Headings & lede copy
 * ------------------------------------------------------- */
body.dmv2-chrome footer.footer-wrapper .pageTitle h2 {
	font-family: var(--dm-font);
	color: var(--dm-ink-on-dark);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.2;
	margin-bottom: 14px;
}

body.dmv2-chrome footer.footer-wrapper .ftbox1 p,
body.dmv2-chrome footer.footer-wrapper .footer-left p {
	color: rgba(255, 255, 255, 0.62);
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0;
	max-width: 440px;
}

/* Column titles (Industries / Propositions / Company …) */
body.dmv2-chrome footer.footer-wrapper .ftbox h6,
body.dmv2-chrome footer.footer-wrapper .accordian_title {
	font-family: var(--dm-font);
	color: var(--dm-ink-on-dark);
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.02em;
	text-transform: none;
	padding-bottom: 18px;
}

/* ---------------------------------------------------------
 * 3. Footer logo
 * ------------------------------------------------------- */
body.dmv2-chrome footer.footer-wrapper .footer-left .footer-logo {
	width: auto;
	max-width: 210px;
	margin-bottom: 22px;
}
body.dmv2-chrome footer.footer-wrapper .footer-logo img {
	width: auto;
	max-width: 100%;
	height: auto;
}

/* ---------------------------------------------------------
 * 4. Footer navigation menus
 * ------------------------------------------------------- */
body.dmv2-chrome footer.footer-wrapper .footer-nav li {
	padding-bottom: 13px;
}
body.dmv2-chrome footer.footer-wrapper .footer-nav li:last-child {
	padding-bottom: 0;
}
body.dmv2-chrome footer.footer-wrapper .footer-nav li a,
body.dmv2-chrome footer.footer-wrapper .footer-nav li a span {
	color: rgba(255, 255, 255, 0.66);
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.4;
	transition: color 0.18s ease;
}
body.dmv2-chrome footer.footer-wrapper .footer-nav li a:hover,
body.dmv2-chrome footer.footer-wrapper .footer-nav li a:hover span,
body.dmv2-chrome footer.footer-wrapper .footer-nav li.selected a,
body.dmv2-chrome footer.footer-wrapper .footer-nav li.selected a span {
	color: var(--dm-indigo-soft);   /* Pale Blue Lily on dark = legible */
	text-decoration: none;
}
/* "Industries / Technology" tech links — keep them as readable headings */
body.dmv2-chrome footer.footer-wrapper .footer-nav .tech-menu-link a {
	font-family: var(--dm-font);
	color: rgba(255, 255, 255, 0.66);
	font-weight: 400;
	font-size: 14.5px;
	letter-spacing: 0;
	text-transform: none;
	padding-bottom: 0;
	margin-top: 0;
}
body.dmv2-chrome footer.footer-wrapper .footer-nav .tech-menu-link a:hover {
	color: var(--dm-indigo-soft);
}
body.dmv2-chrome footer.footer-wrapper .footer-nav .tech-menu-link sup img {
	width: 14px;
	height: auto;
	vertical-align: super;
	opacity: 0.85;
}

/* Generic footer link colour fallback (theme sets #D9D9D9) */
body.dmv2-chrome footer.footer-wrapper a {
	color: rgba(255, 255, 255, 0.66);
}
body.dmv2-chrome footer.footer-wrapper a:hover {
	color: var(--dm-indigo-soft);
}

/* ---------------------------------------------------------
 * 5. Newsletter / MC4WP form — pill input + pill button
 * ------------------------------------------------------- */
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter {
	margin-top: 8px;
	max-width: 460px;
}
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .mc4wp-form-fields .row {
	gap: 10px;
	flex-wrap: nowrap;
	align-items: stretch;
}
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .form-control {
	height: 52px;
	border-radius: var(--dm-r-pill) !important;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.06);
	color: var(--dm-ink-on-dark);
	font-family: var(--dm-font);
	font-size: 15px;
	font-weight: 500;
	padding: 0 22px;
	transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .form-control::placeholder,
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter input.form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.45) !important;
	opacity: 1 !important;
}
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .form-control:focus {
	outline: none;
	border-color: var(--dm-indigo);
	background: rgba(255, 255, 255, 0.09);
	box-shadow: 0 0 0 3px rgba(26, 95, 212, 0.25);
}
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .custom-button {
	height: 52px;
	border-radius: var(--dm-r-pill) !important;
	background: var(--dm-indigo);
	border: 1px solid var(--dm-indigo);
	color: var(--dm-ink-on-dark);
	font-family: var(--dm-font);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.01em;
	padding: 0 28px;
	white-space: nowrap;
	box-shadow: var(--dm-shadow-sm);
	transition: background 0.18s ease, border-color 0.18s ease, transform 0.12s ease;
}
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .custom-button:hover {
	background: var(--dm-indigo-deep);
	border-color: var(--dm-indigo-deep);
	color: var(--dm-ink-on-dark);
	transform: translateY(-1px);
}
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .custom-button:active {
	transform: translateY(0);
}
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .mc4wp-response {
	color: rgba(255, 255, 255, 0.72);
	font-size: 13.5px;
	padding-top: 12px;
}
body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .mc4wp-response a {
	color: var(--dm-indigo-soft);
}

/* ---------------------------------------------------------
 * 6. Social icons — rounded v2 tiles
 * ------------------------------------------------------- */
body.dmv2-chrome footer.footer-wrapper .social-icons.icon-rounded li a {
	width: 44px;
	height: 44px;
	border-radius: var(--dm-r-md);          /* 14px */
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.82);
	font-size: 17px;
	padding-top: 0;
	transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.12s ease;
}
body.dmv2-chrome footer.footer-wrapper .social-icons.icon-rounded li a:hover {
	background: var(--dm-indigo);
	border-color: var(--dm-indigo);
	color: var(--dm-ink-on-dark);
	transform: translateY(-2px);
}
body.dmv2-chrome footer.footer-wrapper .social-icons li a i {
	line-height: 1;
}

/* ---------------------------------------------------------
 * 7. Bottom bar — divider, ISO badge, legal nav, copyright
 * ------------------------------------------------------- */
body.dmv2-chrome footer.footer-wrapper .bottom {
	margin-top: 56px;
	padding: 28px 0 36px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.55);
}
body.dmv2-chrome footer.footer-wrapper .bottom .iso-certificate img {
	opacity: 0.92;
}

/* Legal / bottom nav (Privacy · Terms) */
body.dmv2-chrome footer.footer-wrapper .bottom-nav li::after {
	background-color: rgba(255, 255, 255, 0.3);
	width: 3px;
	height: 3px;
}
body.dmv2-chrome footer.footer-wrapper .bottom-nav li a,
body.dmv2-chrome footer.footer-wrapper .bottom-nav li a span {
	color: rgba(255, 255, 255, 0.6);
	font-family: var(--dm-font);
	font-size: 13.5px;
	font-weight: 500;
	transition: color 0.18s ease;
}
body.dmv2-chrome footer.footer-wrapper .bottom-nav li a:hover,
body.dmv2-chrome footer.footer-wrapper .bottom-nav li a:hover span,
body.dmv2-chrome footer.footer-wrapper .bottom-nav li.selected a,
body.dmv2-chrome footer.footer-wrapper .bottom-nav li.selected a span {
	color: var(--dm-ink-on-dark);
	text-decoration: none;
}

/* Copyright */
body.dmv2-chrome footer.footer-wrapper .copyright {
	color: rgba(255, 255, 255, 0.55);
	font-family: var(--dm-font);
	font-size: 13.5px;
	font-weight: 500;
}
body.dmv2-chrome footer.footer-wrapper .copyright .text-pre {
	color: rgba(255, 255, 255, 0.8);
}
body.dmv2-chrome footer.footer-wrapper .copyright strong {
	color: var(--dm-indigo-soft);
	font-weight: 600 !important;
}

/* ---------------------------------------------------------
 * 8. Floating WhatsApp button — light v2 polish only
 *    (markup is injected on prod; restyle is appearance-only,
 *     position/behaviour untouched). Brand green retained.
 * ------------------------------------------------------- */
body.dmv2-chrome .bottom-whatsapp-icon a {
	border-radius: var(--dm-r-pill);
	box-shadow: 0 10px 30px rgba(8, 7, 13, 0.25);
	transition: background 0.18s ease, transform 0.12s ease;
}
body.dmv2-chrome .bottom-whatsapp-icon a:hover {
	transform: translateY(-2px);
}

/* ---------------------------------------------------------
 * 9. Responsive
 * ------------------------------------------------------- */
@media (max-width: 1200px) {
	body.dmv2-chrome footer.footer-wrapper .inner-container {
		padding-top: 56px;
	}
	body.dmv2-chrome footer.footer-wrapper .footer-right {
		padding-left: 0;
	}
}

@media (max-width: 768px) {
	body.dmv2-chrome footer.footer-wrapper .inner-container {
		padding-top: 44px;
	}
	body.dmv2-chrome footer.footer-wrapper .ftbox1 p,
	body.dmv2-chrome footer.footer-wrapper .footer-left p {
		max-width: 100%;
	}
	/* The footer-left logo (show-lg) is a tall symbol mark on mobile —
	   constrain it so it doesn't dominate the column. */
	body.dmv2-chrome footer.footer-wrapper .footer-left .footer-logo {
		max-width: 150px;
		margin-left: auto;
		margin-right: auto;
	}
	body.dmv2-chrome footer.footer-wrapper .footer-left .footer-logo img {
		max-height: 96px;
		width: auto;
	}
	body.dmv2-chrome footer.footer-wrapper .bottom-newsletter {
		max-width: 100%;
	}
	/* Stack input + button so neither is clipped on narrow screens */
	body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .mc4wp-form-fields .row {
		flex-wrap: wrap;
	}
	body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .mc4wp-form-fields .col,
	body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .mc4wp-form-fields .col-auto {
		flex: 0 0 100%;
		max-width: 100%;
	}
	body.dmv2-chrome footer.footer-wrapper .bottom-newsletter .custom-button {
		width: 100%;
	}
	body.dmv2-chrome footer.footer-wrapper .bottom {
		margin-top: 40px;
		padding: 24px 0 28px;
	}
}

@media (max-width: 575px) {
	body.dmv2-chrome footer.footer-wrapper .social-icons.icon-rounded li a {
		width: 42px;
		height: 42px;
	}
	body.dmv2-chrome footer.footer-wrapper .copyright {
		margin-top: 8px;
	}
}