/*
Theme Name: Тема для сайта
Version: 1.0
Description: Индивидуальная оригинальная тема
Author: Александр
Author URI: https://dms-tut.ru
*/


/***************RESET**********************/

*{
	outline: none !important
}

/* Кнопка-ссылка в навигации "ДМС для Юр.лиц" */
.ind_nav a.nav-btn-highlight,
.ind_nav a.nav-btn-highlight:link,
.ind_nav a.nav-btn-highlight:visited {
	background: #f6e57d !important;
	color: #232537 !important;
	text-decoration: none !important;
	border-bottom: none !important;
	padding: 6px 16px !important;
	border-radius: 14px !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	transition: background-color 0.25s ease;
	display: inline-block;
}
.ind_nav a.nav-btn-highlight:hover {
	background: #f9efad !important;
	text-decoration: none !important;
}




.text_alert {
    padding: 40px 0;
}

.fancybox-content {
    padding: 30px;
}

.form_block, .shadow {
    padding: 0;
}

.uppercase {
    text-transform: uppercase;
}

input.alert{
	border-color:red!important;
}

.popup{
	background:none;
}
.valid_alert{
	font-size:12px;
	color:red;
	line-height:1;
	display:none;
}
/* style_index.css задаёт .errorMessage:before {content:''; background-image:url(28.svg); 14×14}.
   Если span пустой и JS вынужденно показал его (.show()/.css('display','block')) —
   иконка торчит как «маленький белый квадратик». Скрываем :before у пустых
   .errorMessage / .help-block / .valid_alert, чтобы не было фантомной иконки. */
.errorMessage:empty:before,
.help-block:empty:before,
.valid_alert:empty:before {
	display: none !important;
	content: none !important;
}
.errorMessage:empty,
.help-block:empty {
	display: none !important;
}
/* .title_pop — всплывашка подсказки datepicker (text из data-title parent-а).
   На прямой ссылке $program пуст → data-title="" → появляется пустой белый
   квадратик (background:#fff, box-shadow). Прячем пустой. */
.title_pop:empty {
	display: none !important;
}

/* Валидация радио-группы Муж/Жен: красная рамка вокруг контейнера .man_woman
   (класс ставит/снимает highlight/unhighlight в footer-5.php). У самого radio
   border не виден, поэтому подсвечиваем родительский блок. */
/* При ошибке валидации пола — красим текст label «Муж»/«Жен» в красный.
   Сообщение «Выберите пол» появляется под блоком (errorPlacement в footer-5.php). */
.man_woman.has-error-gender label,
.man_woman.has-error-gender label a {
	color: #d63638 !important;
}
/* «Выберите пол» — центрирование задаётся inline в JS через .css()
   в errorPlacement (footer-5.php), чтобы гарантированно победить
   любую внешнюю специфичность. См. footer-5.php ≈ строка 335. */

/* На прямой ссылке у застрахованного поле «Дата рождения» активное — нужна
   иконка календаря. Базовый стиль в style_index.css:373 скрывает её для
   обычной страницы (там поле disabled). Возвращаем и переставляем в правый
   угол: в style_index.css:329 унаследовано left:139px от старой вёрстки,
   поэтому перекрываем на right:16px (как сделано для .input_type_4). */
#sendform.sendform-direct-link .pupop_form_str.insurant_bl .input_type_3 .ui-datepicker-trigger {
	display: block;
	left: auto;
	right: 16px;
}
.search_results_total a{
	display:inline-block;
}
.slider_btn.radio_bth .ui-button .ui-button-text span{
	margin-top:0px;
}
.no_options{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding: 20px 0px;
}
.no_options_result{
	text-align:center;
	padding:20px 0;
}

div#all_cl>ul>li>span {
    font-size: 14px;
    display: block;
    /*margin-left: -35px;*/
    margin-bottom: 10px;
}


/* Иконки опций в карточках результатов поиска */
.organization_item svg {
	fill: #fff;
    max-width: 16px;
    max-height: 16px;
    margin-top: 3px;
    margin-bottom: 10px;
}

.organization_item input:checked + label svg {
    fill: #ff6424;
}

#organization_str .organization_item span.ui-button-text span {
    display: block;
}

.search_results_item_price {
    width: 32%;
    }

    .search_results_item_head {
    width: 68%;
}

.organization_results .organization_item svg {
    fill: #000
}

/* #insured_str, .datepicker — удалены, см. calc-new.css */

.clinics_result_str {
    padding-right: 17px;
}

.title_pop {
    font-size:12px;
    line-height: 1.25;
}
.calc_alert{
	background: #fff;
    display: none;
    min-width: 316px;
    color: #f00;
    font-size: 13px;
    margin-top: 5px;
    border-radius: 3px;
	line-height: 28px;
	padding-left: 13px;
}

.my_radio_circle{
	left:5px !important;
}

input.kladr_id {
    padding: 0;
    margin: 0;
    border: none;
    height: 0px;
    position: absolute;
}
.documents_block .col-md-8{
	display:block;
}
.documents_block_item a{
	display:inline-block;
	position:relative;
	padding-top:50px;
}
.documents_block_item a:hover{
	text-decoration: none;
}
.documents_block_item a img{
	position:absolute;
	top:0;
	left:50%;
	width: 45px;
	transform: translate(-50%,0);
}
.documents_block_item{
	float: left;
	max-height: 110px;
	margin-right:10px;
}

#ui-datepicker-div{
	z-index:20 !important;
}

.clinics_result_str{
	transition: color .25s ease;
	line-height: 1.3;
	margin-bottom: 10px;
}

/* #clinics_str input — удалено, см. calc-new.css */

.clinics_result_str:hover{
	color:#ff6424;
}
.clinics_result_div{
	line-height:1.2;
	padding:8px 30px 8px 8px;
}


/* Сдерживаем Bootstrap row negative margins внутри формы */
.pupop_form {
    overflow-x: hidden;
}

/* Dadata suggestions — поверх Magnific Popup (z-index: 1046) и Fancybox (z-index: 99999) */
.suggestions-suggestions {
    z-index: 100000 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}
.suggestions-suggestion {
    white-space: normal !important;
    word-break: break-word !important;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.pupop_form {
		padding: 30px 25px;
	}
}

@media only screen and (max-width : 1200px){
	#alert{
		width:100% !important;
		max-width: 400px !important;
		min-width: auto !important;
	}
	
	
	.form_success{
		min-width: auto !important;
		width:300px !important;
	}
	#alert.fancybox-content{
		padding: 0px 30px 30px;
		text-align: center;
	}
#alert.fancybox-content .text_alert{
	padding: 30px 0 20px;
}
#alert.fancybox-content .button{
	padding:10px 50px;
}
}


@media only screen and (max-width : 700px){
	.documents_block_item span{
		font-size:12px;
		line-height:1.2;
	}
	.text_block_results ul{
		padding-left:20px;
	}
	.slider_btn.radio_bth .ui-button b{
		font-size:10px;
	}
	.text_block_results ul li{
		font-size:15px;
	}
	.ui-buttonset input{
		width:auto !important;
	}
	
}
@media only screen and (max-width : 400px){

	.citizenship_choice .ui-button{
		width:250px;
	}
	
		.form_success{
			min-width: auto !important;
			width:300px !important;
		}
		
		#alert.fancybox-content{
			padding: 0px 30px 30px;
			text-align: center;
			max-width: 89% !important;
		}
		.calc_alert{
			font-size:12px;
			min-width: 260px
		}
}

.clinics_result_str[data-type='none']:before {
		display: none;
}
.clinics_result_str[data-type='none']{
pointer-events: none;
}


div#all_cl .clinic_type {
    margin-bottom: -3px;
    margin-top: -2px;
    color: #9e9e9e;
    margin-left: -16px;
}

/* ======= Кнопка "Наверх" с прогресс-кольцом ======= */
#scroll-to-top {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 48px;
    height: 48px;
    background: rgba(28, 28, 35, 0.85);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    /* Появление */
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(0.85);
    transition: opacity 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
                visibility 0.4s,
                transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 9998;
    /* Свечение */
    box-shadow: 0 0 10px rgba(246, 229, 125, 0.25);
    /* Float-анимация (depth-3 принцип: элемент "живёт" в пространстве) */
    animation: stt-float 4s ease-in-out infinite;
    animation-play-state: paused;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
#scroll-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    animation-play-state: running;
}
#scroll-to-top:hover {
    background: rgba(40, 40, 50, 0.95);
    box-shadow: 0 0 18px rgba(246, 229, 125, 0.45);
}
#scroll-to-top:hover .stt-arrow {
    transform: translateY(-2px);
}

/* Стрелка */
.stt-arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff;
    display: block;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Кольцо прогресса */
.stt-ring {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg); /* Начало кольца сверху */
}
.stt-ring__fill {
    /* circumference = 2π × 19 ≈ 119.4 */
    stroke-dasharray: 119.4;
    stroke-dashoffset: 119.4; /* 0% прогресса = полностью скрыто */
    transition: stroke-dashoffset 0.1s linear;
}

/* Float-анимация (GPU-safe: только transform) */
@keyframes stt-float {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-5px) scale(1); }
}

/* Reduced motion — отключаем анимации по стандарту accessibility */
@media (prefers-reduced-motion: reduce) {
    #scroll-to-top {
        animation: none !important;
        transition: opacity 0.2s, visibility 0.2s !important;
    }
    .stt-ring__fill {
        transition: none !important;
    }
}