/* 2026 additions on top of styles.css (compiled from static/sass): language
   switch, AWS badges in the Programming list. */

/* language switch, top right in the gap above the tiles: in the flow, but pulled
   up into the container's top padding so the tiles stay where they were */
body > .container { padding-top: max(5%, 46px); }
.lang-switch {
	display: flex;
	justify-content: flex-end;
	gap: 2px;
	height: 30px;
	margin: -38px -7px 8px 0;
	font: 500 13px/1 "Roboto", sans-serif;
}
@media screen and (max-width: 499px) { .lang-switch { margin: -40px -5px 10px 0; } }
.lang-switch button {
	font: inherit;
	letter-spacing: .06em;
	color: #bbb;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 3px;
	padding: 6px 8px;
	cursor: pointer;
}
.lang-switch button:hover { color: #fff; }
.lang-switch button:focus-visible { outline: 2px solid #D3643B; outline-offset: 1px; }
.lang-switch button[aria-pressed="true"] {
	color: #fff;
	border-color: #D3643B;
	background: #D3643B;
}

/* language sweep in progress (site.js) */
.tile.sweeping { overflow: hidden; }

/* no flash of English while another language is applied on load */
.i18n-pending .tile { visibility: hidden; }

/* AWS certification badges: overlapping row, like the Codility certificates */
.aws-badges { white-space: nowrap; display: inline-block; vertical-align: middle; }
.aws-badges a { display: inline-block; position: relative; margin-right: -.64em; transition: transform .15s; }
.aws-badges img { width: 1.92em; height: auto; vertical-align: middle; }

/* both badge rows: the one under the pointer grows and comes to the front */
span.codility a { display: inline-block; position: relative; transition: transform .15s; }
.aws-badges a:hover, span.codility a:hover { transform: scale(1.25); z-index: 1; }