/**
 * Compact language navigation and translated-testimonial note.
 */

body.jog-layout-vlogger .jog-language-switcher {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 0;
	margin-left: clamp(.35rem, 1vw, .9rem);
	white-space: nowrap;
}

body.jog-layout-vlogger .jog-language-switcher a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	color: rgba(247, 241, 232, .72);
	font-family: "Manrope", sans-serif;
	font-size: .66rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1;
	padding: .45rem .28rem;
	text-decoration: none;
	transition: color 160ms ease;
}

body.jog-layout-vlogger .jog-language-switcher a:not(:last-child)::after {
	color: rgba(247, 241, 232, .42);
	content: "·";
	margin-left: .4rem;
}

body.jog-layout-vlogger .jog-language-switcher a:hover,
body.jog-layout-vlogger .jog-language-switcher a:focus-visible,
body.jog-layout-vlogger .jog-language-switcher a.is-active {
	color: #f7f1e8;
}

body.jog-layout-vlogger .jog-language-switcher a:focus-visible {
	outline: 2px solid #f7f1e8;
	outline-offset: 3px;
}

body.jog-layout-vlogger .jog-language-switcher a.is-active {
	font-weight: 700;
}

body.jog-layout-vlogger .vlog-translation-note {
	color: #5d5b56;
	font-size: .82rem;
	font-style: italic;
	line-height: 1.5;
	margin: .7rem 0 0;
	max-width: 34rem;
}

/* Accessible touch areas without changing the editorial appearance. */
body.jog-layout-vlogger .desktop-nav a,
body.jog-layout-vlogger .vlog-upwork-credential a,
body.jog-layout-vlogger .vlog-upwork-insight-link,
body.jog-layout-vlogger .site-footer nav a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

body.jog-layout-vlogger .vlog-share-icons button {
	min-width: 44px;
	min-height: 44px;
}

body.jog-layout-vlogger .vlog-share-icons button:focus-visible,
body.jog-layout-vlogger .vlog-social a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

/* PT-BR is the approved master measure for every localized hero. */
body.jog-layout-vlogger.jog-lang-es .vlog-hero h1,
body.jog-layout-vlogger.jog-lang-en .vlog-hero h1,
body.jog-layout-vlogger.jog-lang-pt-br .vlog-hero h1,
body.jog-layout-vlogger.jog-lang-fr .vlog-hero h1 {
	max-width: 680px;
	font-size: clamp(40px, 4.25vw, 63px);
	line-height: 1.08;
	letter-spacing: -.038em;
	text-wrap: balance;
}

body.jog-layout-vlogger.jog-lang-es .vlog-hero-content > p:not(.vlog-kicker),
body.jog-layout-vlogger.jog-lang-en .vlog-hero-content > p:not(.vlog-kicker),
body.jog-layout-vlogger.jog-lang-pt-br .vlog-hero-content > p:not(.vlog-kicker),
body.jog-layout-vlogger.jog-lang-fr .vlog-hero-content > p:not(.vlog-kicker) {
	max-width: 590px;
	line-height: 1.62;
	text-wrap: pretty;
}

@media (max-width: 1120px) {
	body.jog-layout-vlogger .desktop-nav {
		gap: .8rem;
	}

	body.jog-layout-vlogger .desktop-nav a {
		font-size: .65rem;
	}

	body.jog-layout-vlogger.jog-lang-es .vlog-hero h1,
	body.jog-layout-vlogger.jog-lang-en .vlog-hero h1,
	body.jog-layout-vlogger.jog-lang-pt-br .vlog-hero h1,
	body.jog-layout-vlogger.jog-lang-fr .vlog-hero h1 {
		max-width: 610px;
		font-size: clamp(38px, 5.2vw, 58px);
	}
}

@media (max-width: 960px) {
	body.jog-layout-vlogger .jog-language-switcher {
		margin-left: auto;
		margin-right: .55rem;
	}

	body.jog-layout-vlogger.jog-lang-es .vlog-hero h1,
	body.jog-layout-vlogger.jog-lang-en .vlog-hero h1,
	body.jog-layout-vlogger.jog-lang-pt-br .vlog-hero h1,
	body.jog-layout-vlogger.jog-lang-fr .vlog-hero h1 {
		max-width: min(92%, 650px);
	}
}

@media (max-width: 700px) {
	body.jog-layout-vlogger.jog-lang-es .vlog-hero h1,
	body.jog-layout-vlogger.jog-lang-en .vlog-hero h1,
	body.jog-layout-vlogger.jog-lang-pt-br .vlog-hero h1,
	body.jog-layout-vlogger.jog-lang-fr .vlog-hero h1 {
		max-width: 100%;
		font-size: clamp(35px, 9.7vw, 49px);
		line-height: 1.09;
		letter-spacing: -.035em;
	}

	body.jog-layout-vlogger.jog-lang-es .vlog-hero-content > p:not(.vlog-kicker),
	body.jog-layout-vlogger.jog-lang-en .vlog-hero-content > p:not(.vlog-kicker),
	body.jog-layout-vlogger.jog-lang-pt-br .vlog-hero-content > p:not(.vlog-kicker),
	body.jog-layout-vlogger.jog-lang-fr .vlog-hero-content > p:not(.vlog-kicker) {
		max-width: 100%;
		font-size: 15px;
		line-height: 1.55;
	}

	body.jog-layout-vlogger.jog-lang-es .vlog-actions,
	body.jog-layout-vlogger.jog-lang-en .vlog-actions,
	body.jog-layout-vlogger.jog-lang-pt-br .vlog-actions,
	body.jog-layout-vlogger.jog-lang-fr .vlog-actions {
		gap: 16px;
		margin-top: 26px;
	}
}

@media (max-width: 520px) {
	body.jog-layout-vlogger .brand-horizontal-logo {
		width: 148px;
	}

	body.jog-layout-vlogger .jog-language-switcher {
		margin-right: .28rem;
	}

	body.jog-layout-vlogger .jog-language-switcher a {
		min-width: 27px;
		min-height: 44px;
		font-size: .6rem;
		letter-spacing: .04em;
		padding-inline: .1rem;
	}

	body.jog-layout-vlogger .jog-language-switcher a:not(:last-child)::after {
		margin-left: .2rem;
	}
}

/* Final reading rules: natural left alignment and complete words in every language. */
body.jog-layout-vlogger .jog-vlogger-template p,
body.jog-layout-vlogger .jog-vlogger-template li,
body.jog-layout-vlogger .jog-vlogger-template blockquote,
body.jog-layout-vlogger .jog-vlogger-template figcaption {
	-webkit-hyphens: none !important;
	hyphens: none !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	text-align: left !important;
}

body.jog-layout-vlogger .jog-vlogger-template h1,
body.jog-layout-vlogger .jog-vlogger-template h2,
body.jog-layout-vlogger .jog-vlogger-template h3 {
	-webkit-hyphens: none !important;
	hyphens: none !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Keep the ZITRO statement in two intentional lines in every language. */
body.jog-layout-vlogger .vlog-zitro-description {
	display: grid;
	width: max-content;
	max-width: 100%;
	margin-inline: auto;
	justify-items: center;
	text-align: center;
}

body.jog-layout-vlogger .vlog-zitro-description span,
body.jog-layout-vlogger .vlog-zitro-description strong {
	display: block;
	font: inherit;
	white-space: nowrap;
	-webkit-hyphens: none;
	hyphens: none;
	word-break: normal;
	overflow-wrap: normal;
}

@media (max-width: 720px) {
	body.jog-layout-vlogger .vlog-zitro-description {
		font-size: clamp(15px, 4.4vw, 20px);
	}

	body.jog-layout-vlogger .footer-grid > div.footer-identity:first-child {
		display: grid;
		grid-template-columns: 108px minmax(0, 1fr);
		align-items: center;
		gap: .85rem;
	}

	body.jog-layout-vlogger .footer-identity .footer-brand,
	body.jog-layout-vlogger .footer-identity .footer-square-logo {
		width: 108px;
	}

	body.jog-layout-vlogger .footer-grid > div.footer-identity:first-child p {
		width: 100%;
		max-width: none;
		font-size: clamp(.78rem, 3.6vw, .9rem);
		line-height: 1.5;
	}

	body.jog-layout-vlogger .footer-grid > div.footer-identity:first-child p span,
	body.jog-layout-vlogger .footer-grid > div.footer-identity:first-child p span:first-child {
		max-width: 100%;
		white-space: normal;
		-webkit-hyphens: none;
		hyphens: none;
		word-break: normal;
		overflow-wrap: normal;
	}
}