/**
 * Witte (classic) landingspagina — html.l2-page--light.
 * Live aan/uit: config/_landing_style.php → DATIC_LANDING_LIGHT true|false.
 */

html.l2-page--light,
html.l2-page--light body,
html.l2-page--light .wrapper,
html.l2-page--light .wrapper.bg-default {
	background: var(--datic-bg, #f7f8fa) !important;
	color: var(--datic-text, #1a1d23) !important;
}

html.l2-page--light #landing2.l2 {
	color: var(--datic-text, #1a1d23);
	background: var(--datic-bg, #f7f8fa);
}

/* Preview-balk */
.ll-preview-bar {
	position: sticky;
	top: 0;
	z-index: 40;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.55rem 1rem;
	padding: 0.55rem 1rem;
	background: #fff;
	border-bottom: 1px solid var(--datic-border, #e8ebf0);
	box-shadow: 0 4px 16px rgba(26, 29, 35, 0.06);
	font-size: 0.86rem;
	color: var(--datic-text-muted, #5c6470);
}
.ll-preview-bar strong {
	color: var(--datic-text, #1a1d23);
}
.ll-preview-bar__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}
.ll-preview-bar a {
	display: inline-flex;
	align-items: center;
	padding: 0.35rem 0.75rem;
	border-radius: 999px;
	border: 1px solid var(--datic-border, #e8ebf0);
	background: #fff;
	color: var(--datic-text, #1a1d23) !important;
	text-decoration: none !important;
	font-weight: 650;
}
.ll-preview-bar a.is-current {
	background: var(--datic-accent-soft, rgba(255, 79, 109, 0.12));
	border-color: transparent;
	color: var(--datic-accent-deep, #e83858) !important;
}
.ll-preview-bar a:hover {
	border-color: var(--datic-accent, #ff4f6d);
}

/* Hero: foto zichtbaar, lichte sluier zodat tekst leesbaar blijft */
html.l2-page--light .l2-hero {
	background: var(--datic-bg, #f7f8fa);
}
html.l2-page--light .l2-hero__media {
	opacity: 0.55;
	filter: saturate(1.05) brightness(1.02);
	animation: l2-ken 28s ease-in-out alternate infinite;
}
@media (max-width: 767px) {
	html.l2-page--light .l2-hero__media {
		opacity: 0.48;
		animation: l2-ken-mobile 28s ease-in-out alternate infinite;
	}
}
html.l2-page--light .l2-hero__shade {
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.78) 0%, rgba(247, 248, 250, 0.62) 42%, rgba(247, 248, 250, 0.28) 100%),
		radial-gradient(ellipse 70% 55% at 85% 15%, rgba(255, 79, 109, 0.1), transparent 55%);
}

html.l2-page--light .l2-nav__brand,
html.l2-page--light .l2-nav__list > li > a,
html.l2-page--light .l2-nav__parent {
	color: var(--datic-text, #1a1d23) !important;
}
html.l2-page--light .l2-nav__toggle {
	border-color: var(--datic-border, #e8ebf0);
	background: #fff;
}
html.l2-page--light .l2-nav__toggle span {
	background: var(--datic-text, #1a1d23);
}
html.l2-page--light .l2-nav__actions {
	border-top-color: var(--datic-border, #e8ebf0);
}
@media (min-width: 992px) {
	html.l2-page--light .l2-nav__list > li > a:hover,
	html.l2-page--light .l2-nav__parent:hover {
		background: rgba(26, 29, 35, 0.05);
	}
}

html.l2-page--light .l2-nav__actions .l2-btn--ghost,
html.l2-page--light .l2-nav__actions .l2-nav__store.l2-btn {
	border-color: var(--datic-border-strong, #d5dae3) !important;
	color: var(--datic-text, #1a1d23) !important;
	-webkit-text-fill-color: var(--datic-text, #1a1d23);
	background: #fff !important;
}
html.l2-page--light .l2-nav__actions .l2-btn--ghost:hover,
html.l2-page--light .l2-nav__actions .l2-nav__store.l2-btn:hover {
	border-color: var(--datic-accent, #ff4f6d) !important;
	background: var(--datic-accent-soft, rgba(255, 79, 109, 0.1)) !important;
	color: var(--datic-accent-deep, #e83858) !important;
	-webkit-text-fill-color: var(--datic-accent-deep, #e83858);
}

html.l2-page--light .l2-title,
html.l2-page--light .l2-lead,
html.l2-page--light .l2-hero__sub,
html.l2-page--light .l2-lead__stats,
html.l2-page--light .l2-live,
html.l2-page--light .l2-hero__more a {
	color: var(--datic-text, #1a1d23) !important;
}
html.l2-page--light .l2-lead,
html.l2-page--light .l2-hero__sub,
html.l2-page--light .l2-live {
	color: var(--datic-text-muted, #5c6470) !important;
}
html.l2-page--light .l2-hero__free {
	background: var(--datic-accent, #ff4f6d);
	color: #fff;
}
html.l2-page--light .l2-hero__cta .l2-btn--ghost {
	border-color: var(--datic-border-strong, #d5dae3) !important;
	color: var(--datic-text, #1a1d23) !important;
	background: #fff !important;
}
html.l2-page--light .l2-hero__cta .l2-btn--ghost:hover {
	border-color: var(--datic-accent, #ff4f6d) !important;
	color: var(--datic-accent-deep, #e83858) !important;
}
html.l2-page--light .l2-btn--solid,
html.l2-page--light .l2-btn--solid:link,
html.l2-page--light .l2-btn--solid:visited,
html.l2-page--light a.l2-btn--solid,
html.l2-page--light a.l2-btn--solid:link,
html.l2-page--light a.l2-btn--solid:visited,
html.l2-page--light a.l2-btn--solid:hover,
html.l2-page--light a.l2-btn--solid:focus,
html.l2-page--light button.l2-btn--solid {
	background: linear-gradient(165deg, var(--datic-cta-from, #ff4f6d), var(--datic-cta-to, #e83858)) !important;
	border-color: var(--datic-accent-deep, #e83858) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	box-shadow: 0 10px 24px rgba(255, 79, 109, 0.28);
}
html.l2-page--light .l2-btn--ghost.l2-btn--on-light,
html.l2-page--light .l2-btn--ghost.l2-btn--on-light:link,
html.l2-page--light .l2-btn--ghost.l2-btn--on-light:visited {
	background: #fff !important;
	border-color: var(--datic-border-strong, #d5dae3) !important;
	color: var(--datic-text, #1a1d23) !important;
}
html.l2-page--light .l2-btn--ghost.l2-btn--on-light:hover,
html.l2-page--light .l2-btn--ghost.l2-btn--on-light:focus {
	border-color: var(--datic-accent, #ff4f6d) !important;
	color: var(--datic-accent-deep, #e83858) !important;
	background: var(--datic-accent-soft, rgba(255, 79, 109, 0.08)) !important;
}
html.l2-page--light .l2-hero__logo {
	filter: none;
}
html.l2-page--light .l2-live__dot {
	background: var(--datic-accent, #ff4f6d);
}

html.l2-page--light .l2-register__panel,
html.l2-page--light .ll-side-card {
	background: #fff !important;
	color: var(--datic-text, #1a1d23);
	border: 1px solid var(--datic-border, #e8ebf0);
	box-shadow: 0 18px 48px rgba(26, 29, 35, 0.1);
}

html.l2-page--light .l2-section {
	background: #fff;
	color: var(--datic-text, #1a1d23);
}
html.l2-page--light .l2-section__title {
	color: var(--datic-text, #1a1d23) !important;
}
html.l2-page--light .l2-section__lead,
html.l2-page--light .l2-footer,
html.l2-page--light .l2-footer a {
	color: var(--datic-text-muted, #5c6470) !important;
}
html.l2-page--light .l2-footer {
	background: var(--datic-bg, #f7f8fa);
	border-top: 1px solid var(--datic-border, #e8ebf0);
}

/* Matchmaker-side card */
.ll-side-card {
	border-radius: var(--l2-radius, 1.25rem);
	padding: 1.35rem 1.25rem 1.5rem;
}
.ll-side-card__eyebrow {
	margin: 0 0 0.45rem;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--datic-accent-deep, #e83858);
}
.ll-side-card__title {
	margin: 0 0 0.55rem;
	font-family: var(--datic-display, var(--l2-font));
	font-size: 1.45rem;
	line-height: 1.2;
	color: var(--datic-text, #1a1d23);
}
.ll-side-card__text {
	margin: 0 0 1rem;
	color: var(--datic-text-muted, #5c6470);
	line-height: 1.5;
	font-size: 0.95rem;
}
.ll-side-card__list {
	margin: 0 0 1.15rem;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.55rem;
}
.ll-side-card__list li {
	display: flex;
	gap: 0.55rem;
	align-items: flex-start;
	font-size: 0.92rem;
	line-height: 1.4;
	color: var(--datic-text, #1a1d23);
}
.ll-side-card__list li i {
	color: var(--datic-accent, #ff4f6d);
	margin-top: 0.15rem;
}
.ll-side-card__actions {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}
.ll-side-card__note {
	margin: 0.75rem 0 0;
	font-size: 0.8rem;
	color: var(--datic-text-muted, #5c6470);
}

.ll-feature-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
}
@media (min-width: 768px) {
	.ll-feature-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
.ll-feature {
	padding: 1.1rem 1rem;
	border-radius: 18px;
	border: 1px solid var(--datic-border, #e8ebf0);
	background: var(--datic-surface-muted, #f7f8fa);
}
.ll-feature h3 {
	margin: 0 0 0.35rem;
	font-size: 1.05rem;
}
.ll-feature p {
	margin: 0;
	font-size: 0.92rem;
	color: var(--datic-text-muted, #5c6470);
	line-height: 1.45;
}
.ll-feature__icon {
	display: inline-flex;
	width: 2.2rem;
	height: 2.2rem;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	margin-bottom: 0.65rem;
	background: var(--datic-accent-soft, rgba(255, 79, 109, 0.12));
	color: var(--datic-accent-deep, #e83858);
}

/* ---- Volledige live landing (wizard + secties) ---- */
html.l2-page--light #landing2.l2 a:not(.l2-btn):not(.l2-nav__playbadge):not(.l2-hero__play) {
	color: var(--datic-accent-deep, #e83858);
}
html.l2-page--light .l2-reg-title,
html.l2-page--light .l2-reg-head,
html.l2-page--light .reg-progress__label,
html.l2-page--light .reg-choice-block,
html.l2-page--light .reg-step-content,
html.l2-page--light .l2-register__panel,
html.l2-page--light .l2-register__panel label,
html.l2-page--light .l2-register__panel .form-control,
html.l2-page--light .l2-register__panel p,
html.l2-page--light .l2-register__panel h2,
html.l2-page--light .l2-register__panel h3 {
	color: var(--datic-text, #1a1d23) !important;
}
html.l2-page--light .l2-register__panel .form-control,
html.l2-page--light .l2-register__panel select,
html.l2-page--light .l2-register__panel input,
html.l2-page--light .l2-register__panel textarea {
	background: #fff !important;
	border-color: var(--datic-border, #e8ebf0) !important;
	color: var(--datic-text, #1a1d23) !important;
}
html.l2-page--light .reg-pill {
	background: var(--datic-surface-muted, #f7f8fa) !important;
	border-color: var(--datic-border, #e8ebf0) !important;
	color: var(--datic-text, #1a1d23) !important;
}
html.l2-page--light .reg-pill.is-active {
	background: var(--datic-accent-soft, rgba(255, 79, 109, 0.12)) !important;
	border-color: var(--datic-accent, #ff4f6d) !important;
	color: var(--datic-accent-deep, #e83858) !important;
}
/* Stappenbolletjes: --l2-deep is op classic per ongeluk licht (bg-deep) → forceer contrast */
html.l2-page--light #landing2 .reg-progress__step {
	background: #f0f2f6 !important;
	color: #15181e !important;
	border-color: #cfd5e0 !important;
}
html.l2-page--light #landing2 .reg-progress__step.is-done {
	background: rgba(255, 79, 109, 0.14) !important;
	color: #e83858 !important;
	border-color: #ff4f6d !important;
}
html.l2-page--light #landing2 .reg-progress__step.is-active {
	background: #ff4f6d !important;
	color: #ffffff !important;
	border-color: #e83858 !important;
}
html.l2-page--light #landing2 .reg-progress__bar {
	background: #d0d5e0 !important;
}
html.l2-page--light #landing2 .reg-progress__step.is-done + .reg-progress__bar,
html.l2-page--light #landing2 .reg-progress__bar:has(+ .reg-progress__step.is-active),
html.l2-page--light #landing2 .reg-progress__bar:has(+ .reg-progress__step.is-done) {
	background: #ff4f6d !important;
}

/* Input-icoontjes (envelope/lock): donker op wit — niet --l2-deep/#f3f4f7 */
html.l2-page--light #landing2 .input-group-addon,
html.l2-page--light #landing2 .input-group-addon.bg-primary,
html.l2-page--light #loginmodal .input-group-addon,
html.l2-page--light #loginmodal .input-group-addon.bg-primary {
	background: #f0f2f6 !important;
	border-color: #d0d5e0 !important;
	color: #15181e !important;
}
html.l2-page--light #landing2 .input-group-addon .fa,
html.l2-page--light #landing2 .input-group-addon.bg-primary .fa,
html.l2-page--light #loginmodal .input-group-addon .fa,
html.l2-page--light #loginmodal .input-group-addon.bg-primary .fa {
	color: #15181e !important;
}
html.l2-page--light .l2-sso-divider,
html.l2-page--light .l2-sso-divider span {
	color: var(--datic-text-muted, #5c6470) !important;
}
html.l2-page--light .l2-sso-divider::before,
html.l2-page--light .l2-sso-divider::after {
	background: var(--datic-border, #e8ebf0) !important;
}

html.l2-page--light .l2-card,
html.l2-page--light .l2-kader,
html.l2-page--light .l2-band,
html.l2-page--light .l2-pulse,
html.l2-page--light .l2-ways,
html.l2-page--light .l2-trust,
html.l2-page--light .l2-interests,
html.l2-page--light .l2-crosspaths,
html.l2-page--light .l2-local,
html.l2-page--light .l2-story {
	color: var(--datic-text, #1a1d23);
}
html.l2-page--light .l2-section--tint,
html.l2-page--light .l2-band,
html.l2-page--light .l2-pulse {
	background: var(--datic-bg, #f7f8fa) !important;
}
html.l2-page--light .l2-card-preview,
html.l2-page--light .l2-kader {
	background: #fff !important;
	border: 1px solid var(--datic-border, #e8ebf0) !important;
	color: var(--datic-text, #1a1d23) !important;
	box-shadow: 0 10px 28px rgba(26, 29, 35, 0.06);
}
html.l2-page--light .l2-card-preview__name,
html.l2-page--light .l2-kader h3,
html.l2-page--light .l2-kader__accent {
	color: var(--datic-text, #1a1d23) !important;
}
html.l2-page--light .l2-card-preview__meta,
html.l2-page--light .l2-kader p,
html.l2-page--light .l2-mini-list li {
	color: var(--datic-text-muted, #5c6470) !important;
}
html.l2-page--light .l2-footer__links a:hover {
	color: var(--datic-accent-deep, #e83858) !important;
}
html.l2-page--light .modal-content {
	color: var(--datic-text, #1a1d23);
}

/* ---- Laatste stap / profiel afronden (index onboarding) ---- */
html.l2-page--light #index #index-basic-information .ob-hero {
	background-color: #f7f8fa !important;
	background-image:
		radial-gradient(ellipse 70% 50% at 10% -10%, rgba(255, 79, 109, 0.14), transparent 55%),
		radial-gradient(ellipse 55% 45% at 95% 0%, rgba(123, 108, 246, 0.1), transparent 50%) !important;
	background-size: auto !important;
}
html.l2-page--light #index #index-basic-information .ob-card {
	background: #ffffff !important;
	border: 1px solid #e6e9ef !important;
	box-shadow: 0 16px 40px rgba(21, 24, 30, 0.08) !important;
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-eyebrow {
	color: #e83858 !important;
}
html.l2-page--light #index #index-basic-information .ob-title {
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-lead {
	color: #5a6170 !important;
}
html.l2-page--light #index #index-basic-information .ob-fields label,
html.l2-page--light #index #index-basic-information .ob-photo-label {
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-fields .form-control,
html.l2-page--light #index #index-basic-information .ob-captcha .form-control {
	background: #ffffff !important;
	border: 1px solid #d0d5e0 !important;
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-fields .form-control::placeholder,
html.l2-page--light #index #index-basic-information .ob-captcha .form-control::placeholder {
	color: #8a92a0 !important;
}
html.l2-page--light #index #index-basic-information .ob-fields .form-control:focus,
html.l2-page--light #index #index-basic-information .ob-captcha .form-control:focus {
	border-color: #ff4f6d !important;
	box-shadow: 0 0 0 0.15rem rgba(255, 79, 109, 0.18) !important;
	background: #ffffff !important;
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-fields select.form-control option {
	background: #ffffff !important;
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-fields .help-block,
html.l2-page--light #index #index-basic-information .ob-captcha .help-block {
	color: #c0392b !important;
}
html.l2-page--light #index #index-basic-information .ob-photo-drop {
	border: 2px dashed #cfd5e0 !important;
	background: #f7f8fa !important;
}
html.l2-page--light #index #index-basic-information .ob-photo-drop:hover,
html.l2-page--light #index #index-basic-information .ob-photo-drop:focus-within {
	border-color: #ff4f6d !important;
	background: rgba(255, 79, 109, 0.06) !important;
}
html.l2-page--light #index #index-basic-information .ob-photo-placeholder {
	color: #5a6170 !important;
}
html.l2-page--light #index #index-basic-information .ob-photo-placeholder .fa {
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-photo-name,
html.l2-page--light #index #index-basic-information .ob-photo-hint {
	color: #5a6170 !important;
}
html.l2-page--light #index #index-basic-information .ob-captcha {
	background: #f7f8fa !important;
	border: 1px solid #e6e9ef !important;
}
html.l2-page--light #index #index-basic-information .ob-captcha-label,
html.l2-page--light #index #index-basic-information .ob-captcha-question {
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-captcha-hint {
	color: #5a6170 !important;
}
html.l2-page--light #index #index-basic-information .ob-crosspaths {
	border: 1px solid rgba(255, 79, 109, 0.28) !important;
	background: linear-gradient(160deg, rgba(255, 79, 109, 0.08), rgba(247, 248, 250, 0.9)) !important;
}
html.l2-page--light #index #index-basic-information .ob-crosspaths__brand {
	color: #e83858 !important;
}
html.l2-page--light #index #index-basic-information .ob-crosspaths__dot {
	background: #ff4f6d !important;
}
html.l2-page--light #index #index-basic-information .ob-crosspaths__text {
	color: #5a6170 !important;
}
html.l2-page--light #index #index-basic-information .ob-crosspaths__perk {
	background: rgba(255, 79, 109, 0.1) !important;
	border: 1px solid rgba(255, 79, 109, 0.22) !important;
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-crosspaths__check {
	background: #ffffff !important;
	border: 1px solid #e6e9ef !important;
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-crosspaths__check input {
	accent-color: #ff4f6d !important;
}
html.l2-page--light #index #index-basic-information .ob-ecosystem {
	background: #f7f8fa !important;
	border: 1px solid #e6e9ef !important;
	color: #15181e !important;
}
html.l2-page--light #index #index-basic-information .ob-ecosystem input {
	accent-color: #ff4f6d !important;
}
html.l2-page--light #index #index-basic-information #btnBasicInformation {
	color: #ffffff !important;
	background: linear-gradient(165deg, #ff4f6d, #e83858) !important;
	border: none !important;
	box-shadow: 0 8px 20px rgba(255, 79, 109, 0.32) !important;
}
html.l2-page--light #index #index-basic-information #btnBasicInformation:hover,
html.l2-page--light #index #index-basic-information #btnBasicInformation:focus {
	filter: brightness(1.04);
	color: #ffffff !important;
}
html.l2-page--light body:has(#index-basic-information) .wrapper,
html.l2-page--light body:has(#index-basic-information) .wrapper.bg-default {
	background-color: #f7f8fa !important;
	background-image:
		radial-gradient(ellipse 70% 45% at 8% -10%, rgba(255, 79, 109, 0.11), transparent 55%),
		radial-gradient(ellipse 55% 40% at 96% 0%, rgba(123, 108, 246, 0.09), transparent 50%) !important;
}

/* Hero logo op wit — transparante PNG, ~2× vorige light-maat (klassiek + matchmaker) */
html.l2-page--light .l2-hero__logo,
html.l2-page--light .l2l-logo,
html.l2-page--light #landing2.l2g .l2-hero__logo {
	filter: none !important;
	box-shadow: none !important;
	height: clamp(95px, 18.5vw, 172px) !important;
	max-height: none !important;
	width: auto !important;
	max-width: min(343px, 58vw) !important;
	margin-bottom: 1.15rem !important;
	background: transparent !important;
	object-fit: contain !important;
}

/* Matchmaker-ballonnen: lichtgrijs inkomend, koraal + witte tekst uitgaand */
html.l2-page--light #landing2 .l2g-msg--bot,
html.l2-page--light #landing2 .l2-bubble--in {
	background: #eceef2 !important;
	color: #15181e !important;
	border-color: transparent !important;
}
html.l2-page--light #landing2 .l2g-msg--bot p,
html.l2-page--light #landing2 .l2g-msg--bot a {
	color: #15181e !important;
}
html.l2-page--light #landing2 .l2g-msg--user,
html.l2-page--light #landing2 .l2-bubble--out {
	background: #ff4f6d !important;
	color: #ffffff !important;
	border-color: transparent !important;
}
html.l2-page--light #landing2 .l2g-msgs .l2g-msg--user,
html.l2-page--light #landing2 .l2g-msgs .l2g-msg--user *,
html.l2-page--light #landing2 .l2g-msgs .l2g-msg--user a:link,
html.l2-page--light #landing2 .l2g-msgs .l2g-msg--user a:visited,
html.l2-page--light #landing2 .l2g-msg--user,
html.l2-page--light #landing2 .l2g-msg--user p,
html.l2-page--light #landing2 .l2g-msg--user a,
html.l2-page--light #landing2 .l2g-msg--user span,
html.l2-page--light #landing2 .l2g-msg--user time {
	color: #ffffff !important;
}
html.l2-page--light #landing2 .l2g-typing {
	background: #eceef2 !important;
}
html.l2-page--light #landing2 .l2g-typing span {
	background: #8a92a0 !important;
}
html.l2-page--light #landing2 .l2g-composer .l2-btn.l2-btn--solid.l2g-send,
html.l2-page--light #landing2 .l2g-composer .l2-btn.l2-btn--solid.l2g-send:hover,
html.l2-page--light #landing2 .l2g-composer .l2-btn.l2-btn--solid.l2g-send:focus,
html.l2-page--light #landing2 .l2g-composer .l2g-send i,
html.l2-page--light #landing2 .l2g-composer .l2g-send .fa {
	color: #ffffff !important;
}
html.l2-page--light #landing2 .l2g-composer .l2g-send svg,
html.l2-page--light #landing2 .l2g-composer .l2g-send svg * {
	fill: #ffffff !important;
	stroke: #ffffff !important;
}

/* iPhone-knop zichtbaar op licht nav */
html.l2-page--light .l2-nav__store--ios {
	border-color: #cfd5e0 !important;
	color: #15181e !important;
	background: #f0f2f6 !important;
}
html.l2-page--light .l2-nav__store--ios .fa,
html.l2-page--light .l2-nav__store--ios .l2-nav__store-icon {
	color: #15181e !important;
}