/* Окно донатов. Цвета — из палитры инструмента: #074a7b и оранжевый кнопки .btn-donate */

.donate {
	box-sizing: border-box;
	width: calc(100% - 32px);
	max-width: 600px;
	margin: auto;
	padding: 28px 28px 24px;
	border: none;
	border-radius: 8px;
	background: #fff;
	color: #111;
	font-size: 15px;
	line-height: 1.5;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.donate::backdrop {
	background: rgba(0, 0, 0, 0.6);
}

.donate__close {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	background: none;
	color: #888;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}

.donate__close:hover {
	color: #111;
}

.donate__title {
	margin: 0 0 8px;
	font-size: 22px;
	line-height: 1.3;
}

.donate__intro {
	margin: 0 0 18px;
	color: #444;
}

.donate__tabs {
	display: flex;
	gap: 6px;
	margin-bottom: 18px;
}

.donate__tab {
	flex: 1 1 0;
	min-width: 0;
	padding: 8px 6px;
	border: 1px solid #d5dde5;
	border-radius: 4px;
	background: #fff;
	color: #074a7b;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

.donate__tab[aria-selected="true"] {
	border-color: #074a7b;
	background: #074a7b;
	color: #fff;
}

.donate__panel[hidden],
.donate__qrbox[hidden] {
	display: none;
}

.donate__table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border: 1px solid #d5dde5;
	font-size: 15px;
}

.donate__table th,
.donate__table td {
	padding: 10px 12px;
	border: 1px solid #d5dde5;
	text-align: left;
	vertical-align: middle;
}

.donate__table th {
	background: #f1f4f7;
	font-weight: 600;
}

.donate__table th:not(:first-child),
.donate__coin,
.donate__net {
	width: 1%;
	white-space: nowrap;
}

.donate__row {
	cursor: pointer;
}

.donate__row:hover td,
.donate__row.is-current td {
	background: #f5f9fc;
}

.donate__addr {
	display: block;
	width: 100%;
	padding: 0;
	border: none;
	background: none;
	color: #074a7b;
	font-family: Menlo, Consolas, monospace;
	font-size: 14px;
	line-height: 1.45;
	text-align: left;
	word-break: break-all;
	cursor: pointer;
}

.donate__addr:hover {
	text-decoration: underline;
}

.donate__hint {
	margin: 8px 0 0;
	color: #7a8a99;
	font-size: 13px;
}

.donate__hint.is-done {
	color: #2e7d32;
}

.donate__qrbox {
	margin-top: 16px;
	text-align: center;
}

.donate__qr {
	display: block;
	width: 180px;
	height: 180px;
	margin: 0 auto 6px;
}

.donate__qr-caption {
	margin-bottom: 10px;
	color: #7a8a99;
	font-size: 13px;
}

.donate__deeplink {
	display: inline-block;
	padding: 0.6rem 1.2rem;
	border-radius: 4px;
	font-size: 15px;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.donate__deeplink {
	border: 1px solid #074a7b;
	color: #074a7b !important;
}

.donate__warning {
	margin: 14px 0 0;
	padding: 8px 12px;
	border-left: 3px solid #ff5722;
	background: #fff4ef;
	font-size: 13px;
	text-align: left;
}

.donate__verify {
	margin: 18px 0 0;
	color: #7a8a99;
	font-size: 13px;
}

@media all and (max-width: 520px) {
	.donate {
		padding: 24px 16px 18px;
	}
	.donate__tab {
		font-size: 14px;
	}
}

@media all and (max-width: 360px) {
	.donate__qr {
		width: 150px;
		height: 150px;
	}
	.donate__table th,
	.donate__table td {
		padding: 8px;
	}
	.donate__addr {
		font-size: 13px;
	}
}

/* тема задает отступы таблицам и абзацам в контенте — внутри окна свои */
.donate p.donate__intro {
	margin: 0 0 16px;
}

.donate table.donate__table {
	margin: 0;
}

.donate p.donate__hint {
	margin: 8px 0 0;
}

.donate p.donate__warning {
	margin: 12px 0 0;
}

.donate p.donate__verify {
	margin: 16px 0 0;
}

/* Кнопка в шапке инструмента — рядом с «Настройками», в их стиле (класс seomacros_settings_link).
   У обеих кнопок margin-left: auto, поэтому «Настройки» после доната прижимаем вплотную */
.seomacros_title__buttons .donate__open {
	margin-left: auto;
}

.seomacros_title__buttons .donate__open + .seomacros_settings_link {
	margin-left: 10px;
}

@media all and (max-width: 700px) {
	.seomacros_title__buttons .donate__open {
		margin-left: 0;
	}
}

@media all and (max-width: 520px) {
	.seomacros_title__buttons .donate__open,
	.seomacros_title__buttons .donate__open + .seomacros_settings_link {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 0;
		flex: 1 1 0;
		width: auto;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}

@media all and (max-width: 520px) {
	.seomacros_title__buttons .donate__open,
	.seomacros_title__buttons .donate__open + .seomacros_settings_link {
		white-space: nowrap;
	}
}

@media all and (max-width: 360px) {
	.seomacros_title__buttons .donate__open,
	.seomacros_title__buttons .donate__open + .seomacros_settings_link {
		font-size: 15px;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
}

/* На узких экранах три колонки сжимают адрес до 8–10 символов в строке — перестраиваем:
   адрес во всю ширину, под ним «USDT · TRC20» */
@media all and (max-width: 520px) {
	.donate__table thead {
		display: none;
	}
	.donate__table,
	.donate__table tbody {
		display: block;
	}
	.donate__table .donate__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
		border-top: 1px solid #d5dde5;
	}
	.donate__table .donate__row:first-child {
		border-top: none;
	}
	.donate__table .donate__row td {
		border: none;
		background: none;
	}
	.donate__table .donate__row:hover,
	.donate__table .donate__row.is-current {
		background: #f5f9fc;
	}
	.donate__table .donate__row td:first-child {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		padding: 10px 12px 2px;
	}
	.donate__table .donate__coin,
	.donate__table .donate__net {
		width: auto;
		padding: 0 0 10px;
		color: #7a8a99;
		font-size: 13px;
	}
	.donate__table .donate__coin {
		padding-left: 12px;
	}
	.donate__table .donate__net::before {
		content: "\00a0·\00a0";
	}
}

/* При открытии фокус получает заголовок (autofocus), а не крестик — иначе браузер
   сразу рисует рамку фокуса на крестике. Клавиатурная навигация (Tab) рамку сохраняет */
.donate__title:focus {
	outline: none;
}

/* Галочка: ровная тонкая линия цвета текста вместо символа ✓ */
.donate__check {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: .3em;
	vertical-align: -.14em;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}