/* Soft polish — layout/positions untouched; tokens + states only */
:root {
	--dnar-text: #343437;
	--dnar-muted: #6b6b6e;
	--dnar-blue: #0095fb;
	--dnar-blue-hover: #0077c8;
	--dnar-brand: #328bf4;
	--dnar-surface: #f7f4f5;
	--dnar-border: #e4e4e3;
	--dnar-radius: 4px;
	--dnar-radius-lg: 6px;
	--dnar-ease: 160ms ease;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}

body {
	color: var(--dnar-text);
}

h1, h2, h3, h4, .jumbotron h1 {
	text-wrap: balance;
}

p {
	text-wrap: pretty;
}

/* Focus: mouse quiet, keyboard visible (overrides additional.css outline:none) */
a:focus-visible,
.btn:focus-visible,
button:focus-visible,
.form-control:focus-visible,
.navbar-toggle:focus-visible,
.nav-pills > li > a:focus-visible {
	outline: 2px solid var(--dnar-blue) !important;
	outline-offset: 2px;
}

.btn {
	border-radius: var(--dnar-radius);
	transition:
		background-color var(--dnar-ease),
		color var(--dnar-ease),
		border-color var(--dnar-ease),
		box-shadow var(--dnar-ease),
		transform 100ms ease;
}

.btn:active:not(:disabled) {
	transform: translateY(1px);
}

.btn-default {
	letter-spacing: 0.06em;
}

.form-control {
	border-radius: var(--dnar-radius);
	border-color: #d0d0cf;
	transition: border-color var(--dnar-ease), box-shadow var(--dnar-ease);
}

.form-control:focus {
	border-color: var(--dnar-blue);
	box-shadow: 0 0 0 3px rgba(0, 149, 251, 0.14);
}

/* Поиск домена / перенос / анализ — без рамки при клике */
.form-control.main-search-input:focus,
.form-control.main-search-input:focus-visible {
	border-color: #d0d0cf;
	box-shadow: none;
	outline: none !important;
}
.form-control.main-search-input:focus + .input-group-btn .btn,
.form-control.main-search-input:focus-visible + .input-group-btn .btn,
.input-group:has(.main-search-input) > .input-group-btn > .btn:focus,
.input-group:has(.main-search-input) > .input-group-btn > .btn:focus-visible,
.input-group:has(.main-search-input) > .input-group-btn > .btn:active {
	border-color: #d0d0cf;
	box-shadow: none;
	outline: none !important;
}

.navbar-default {
	border-color: var(--dnar-border);
	box-shadow: 0 1px 0 rgba(52, 52, 55, 0.04);
}

.navbar-default .navbar-nav > li > a {
	transition: color var(--dnar-ease);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: var(--dnar-text);
}

.jumbotron {
	background-color: var(--dnar-surface);
}

.jumbotron-brand {
	background-color: var(--dnar-brand);
}

.nav-pills > li > a {
	border-radius: var(--dnar-radius);
	transition: background-color var(--dnar-ease), color var(--dnar-ease);
}

.feedback-form {
	border-radius: var(--dnar-radius-lg);
	box-shadow: 0 2px 12px rgba(52, 52, 55, 0.08);
	-webkit-box-shadow: 0 2px 12px rgba(52, 52, 55, 0.08);
}

.thumbnail,
.promo-wrapper,
.price-list-item,
.card-wrapper {
	border-radius: var(--dnar-radius-lg);
}

.thumbnail,
.promo-wrapper {
	transition: box-shadow var(--dnar-ease);
}

.modal-content {
	border-radius: var(--dnar-radius-lg);
	border-color: var(--dnar-border);
	box-shadow: 0 8px 28px rgba(52, 52, 55, 0.14);
}

.domain-search .form-control,
.domain-search .btn {
	border-radius: var(--dnar-radius);
}

a {
	transition: color var(--dnar-ease);
}

.show-more {
	transition: border-color var(--dnar-ease), color var(--dnar-ease);
}

/* Dual cabinet login modal */
#dnarLoginModalHeader .modal-dialog {
	width: 520px;
	max-width: calc(100vw - 20px);
}
#dnarLoginModalHeader .modal-body > p {
	margin: 0 0 16px;
	text-align: center;
}
#dnarLoginModalHeader .modal-body > .row {
	display: flex;
}
#dnarLoginModalHeader .modal-body > .row > .col-xs-6 {
	display: flex;
	flex-direction: column;
	float: none;
	text-align: center;
}
#dnarLoginModalHeader .modal-body > .row > .col-xs-6:first-child {
	border-right: 1px solid #ddd;
	padding-right: 20px;
}
#dnarLoginModalHeader .modal-body > .row > .col-xs-6:last-child {
	padding-left: 20px;
}
#dnarLoginModalHeader .modal-body > .row > .col-xs-6 > p:first-of-type {
	font-size: 15px;
	font-weight: 700;
	color: #343437;
	margin: 0 0 8px;
	line-height: 1.2;
}
#dnarLoginModalHeader .modal-body > .row > .col-xs-6 > p + p {
	font-size: 12px;
	color: #666;
	margin: 0 0 12px;
	line-height: 1.35;
}
#dnarLoginModalHeader .modal-body > .row > .col-xs-6 > div {
	margin-top: auto;
}
#dnarLoginModalHeader .modal-body .btn-wide + .btn-wide {
	margin-top: 8px;
}

.pay-brand-yoomoney { color: #9226F6; }
.pay-brand-robo { color: #0188cd; }
.pay-brand-kassa { color: #fc0000; }