/* Additions to the mirrored site. Everything here is ours; nothing in this
   file came from the origin.

   The footer band and the agreement links are required by iyzico before a
   virtual POS application is accepted. The artwork is the white variant,
   which is why it sits on the footer's #8f8f8f grey alongside the existing
   white footer text and social icons. */

.elg-footer-legal {
	width: 100%;
	flex: 0 0 auto;
	box-sizing: border-box;
	padding: 4px 16px 18px;
	text-align: center;
}

.elg-footer-legal p {
	margin: 0;
	padding: 0;
}

.elg-footer-legal .elg-links {
	margin-bottom: 12px;
}

.elg-footer-legal .elg-links a {
	font: normal normal 10px 'Roboto', Arial, sans-serif;
	line-height: 18px;
	color: #ffffff;
	text-decoration: underline;
	white-space: nowrap;
}

.elg-footer-legal .elg-links a:hover {
	text-decoration: none;
}

.elg-footer-legal .elg-links .sep {
	font: normal normal 10px 'Roboto', Arial, sans-serif;
	color: #ffffff;
	opacity: 0.55;
	margin: 0 9px;
}

.elg-footer-legal .elg-band img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

/* Narrow screens: stack the links rather than letting them overflow. */
@media (max-width: 560px) {
	.elg-footer-legal .elg-links a {
		display: block;
		white-space: normal;
		line-height: 22px;
	}

	.elg-footer-legal .elg-links .sep {
		display: none;
	}
}

/* The agreement pages themselves, until their text is written.

   The mirrored pages paint no background of their own and rely on the
   browser's default white. These pages state it, so they render the same
   way whatever the surrounding surface is. */
.elg-legal-page-wrap {
	width: 100%;
	flex: 1 0 auto;
	background: #ffffff;
}

.elg-legal-page {
	width: 100%;
	box-sizing: border-box;
	max-width: 860px;
	margin: 0 auto;
	padding: 56px 24px 72px;
}

.elg-legal-page h1 {
	font: normal normal 28px 'Roboto', Arial, sans-serif;
	color: #000000;
	margin: 0 0 18px;
}

.elg-legal-page p {
	font: normal normal 15px 'Roboto', Arial, sans-serif;
	line-height: 24px;
	color: #444444;
	margin: 0;
}

.elg-legal-page a {
	color: #444444;
	text-decoration: underline;
}

/* The agreement text itself. Kept to plain structural elements so whoever
   writes it can use ordinary headings, lists and a definitions table without
   needing to touch this file. */
.elg-legal-page h2 {
	font: normal normal 19px 'Roboto', Arial, sans-serif;
	color: #000000;
	margin: 34px 0 12px;
}

.elg-legal-page h3 {
	font: normal normal 15px 'Roboto', Arial, sans-serif;
	font-weight: bold;
	color: #000000;
	margin: 22px 0 8px;
}

.elg-legal-page p + p {
	margin-top: 12px;
}

.elg-legal-page ul,
.elg-legal-page ol {
	font: normal normal 15px 'Roboto', Arial, sans-serif;
	line-height: 24px;
	color: #444444;
	margin: 12px 0;
	padding-left: 22px;
}

.elg-legal-page li {
	margin: 6px 0;
}

.elg-legal-page strong {
	color: #222222;
}

.elg-legal-page table {
	width: 100%;
	border-collapse: collapse;
	margin: 16px 0;
	font: normal normal 14px 'Roboto', Arial, sans-serif;
	color: #444444;
}

.elg-legal-page th,
.elg-legal-page td {
	border: 1px solid #dddddd;
	padding: 9px 12px;
	text-align: left;
	vertical-align: top;
}

.elg-legal-page th {
	width: 34%;
	background: #f6f6f6;
	color: #222222;
	font-weight: bold;
}

/* Marks a value nobody has supplied yet, so an unfilled blank is obvious
   on the page rather than quietly shipping as real text. */
.elg-legal-page .elg-todo {
	background: #fff3cd;
	color: #6b5200;
	padding: 1px 5px;
	border-radius: 2px;
}