/*================================================
Price Page CSS - Static copy without Elementor
=================================================*/

/*================================================
Block 1 — Widget wrapper rules
=================================================*/
.prc-el {
    display: block;
    position: relative;
}
.prc-widget {
    margin-bottom: 20px;
}
.prc-download {
    padding-top: 100px;
    margin-bottom: 20px;
}

/*================================================
Block 2 — Pricing Area base rules (from hospa-main.css:19395-19518)
=================================================*/
.prc-tabs .nav {
    display: flex;
    justify-content: center;
    border: none;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
}
.prc-tabs .nav .nav-item {
    margin-right: 12px;
}
.prc-tabs .nav .nav-item:last-child {
    margin-right: 0;
}
.prc-tabs .nav .nav-item .nav-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #C4DCF3;
    background-color: var(--whiteColor);
    color: var(--blackColor);
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    transition: 0.6s;
    text-transform: uppercase;
}
.prc-tabs .nav .nav-item .nav-link:hover,
.prc-tabs .nav .nav-item .nav-link.active {
    background-color: #C4DCF3;
}
.prc-tabs .tab-pane {
    padding-bottom: 100px;
}
.prc-tabs .tab-pane .prc-item {
    margin-bottom: 70px;
}
.prc-tabs .tab-pane .prc-item h3,
.prc-tabs .tab-pane .prc-item .h3 {
    font-size: 25px;
    border-bottom: 1px solid #F2F4F6;
    margin-bottom: 25px;
	padding-bottom: 25px;
}
.prc-tabs .tab-pane .prc-item .list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.prc-tabs .tab-pane .prc-item .list-abo {
    width: 100%;
    padding: 32px;
    background-color: #D6D2F1;
    border-radius: 20px;
}
.prc-tabs .tab-pane .prc-item .list li,
.prc-tabs .tab-pane .prc-item .list-abo li {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #F2F4F6;
    margin-bottom: 25px;
    color: var(--blackColor);
	font-weight: 600;
}

.prc-tabs .tab-pane .prc-item .list li.no-border {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
    padding-bottom: 25px;
    margin-bottom: 25px;
    font-weight: 600;
    color: var(--blackColor);
}
.prc-tabs .tab-pane .prc-item .list li.no-border-last {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 25px;
    font-weight: 600;
    color: var(--blackColor);
}
.prc-tabs .tab-pane .prc-item .list li span,
.prc-tabs .tab-pane .prc-item .list-abo li span {
    display: flex;
    align-items: center;
}
.prc-tabs .tab-pane .prc-item .list li span i {
    font-size: 25px;
    margin-right: 10px;
    color: var(--optionalColor);
}
.prc-tabs .tab-pane .prc-item .list li .price {
    font-size: 17px;
	min-width: auto;
    white-space: nowrap;
	text-align: right;
	margin-left: 25px;
}
.prc-tabs .tab-pane .prc-item .list li:last-child {
    margin-bottom: 0;
}
.prc-tabs .tab-pane .prc-item:last-child {
    margin-bottom: 0;
}

/*================================================
Block 4 — Media queries from hospa-responsive.css
=================================================*/
@media only screen and (max-width: 767px) {
    .prc-download {
        padding-top: 50px;
    }
    .prc-tabs .nav {
        margin-bottom: 30px;
    }
    .prc-tabs .nav .nav-item {
        margin-right: 2px;
        margin-top: 1.5px;
        margin-bottom: 1.5px;
    }
    .prc-tabs .nav .nav-item .nav-link {
        padding: 5px 7px;
        font-size: 10px;
    }
    .prc-tabs .tab-pane {
        padding: 30px 20px;
    }
    .prc-tabs .tab-pane .prc-item {
        margin-bottom: 50px;
    }
    .prc-tabs .tab-pane .prc-item h3 {
        font-size: 20px;
    }
    .prc-tabs .tab-pane .prc-item .list li {
        font-size: 14px;
    }
    .prc-tabs .tab-pane .prc-item .list li .price {
        font-size: 14px;
    }
    /* style.css overrides at max-width: 767px */
    .prc-tabs .tab-pane .prc-item .list li .price {
        min-width: auto !important;
        white-space: nowrap !important;
    }
    .prc-tabs .tab-pane .prc-item .list li {
        gap: 8px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .prc-tabs .nav {
        margin-bottom: 30px;
    }
    .prc-tabs .nav .nav-item {
        margin-right: 2px;
        margin-top: 1.5px;
        margin-bottom: 1.5px;
    }
    .prc-tabs .nav .nav-item .nav-link {
        padding: 5px 7px;
        font-size: 10px;
    }
    .prc-tabs .tab-pane {
        padding: 50px;
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .prc-tabs .nav {
        margin-bottom: 30px;
    }
    .prc-tabs .nav .nav-item {
        margin-right: 2px;
        margin-top: 1.5px;
        margin-bottom: 1.5px;
    }
    .prc-tabs .nav .nav-item .nav-link {
        padding: 5px 7px;
        font-size: 10px;
    }
    .prc-tabs .tab-pane {
        padding: 50px;
    }
}

/*================================================
Block 5 — Customizer Additional CSS rules
=================================================*/
.prc-tabs .nav .nav-item {
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
    .prc-tabs .tab-pane .prc-item .list li .price {
        min-width: 25%;
        text-align: right;
    }
}

/*================================================
Block 6 — Filter behaviour
=================================================*/

/* Кнопка фильтра заменила ссылку — возвращаем курсор */
.prc-tabs .nav .nav-item .nav-link { cursor: pointer; }

/* При активном фильтре видимый блок теряет отступ снизу,
   как раньше последний блок в своей панели. Специфичность (0,5,0)
   совпадает с .prc-item:last-child, но объявлена позже, поэтому побеждает
   и его, и мобильное правило из медиазапроса. */
.prc-tabs.is-filtered .tab-pane .prc-item { margin-bottom: 0; }

/*================================================
Block 7 — Категории третьего уровня
=================================================*/

/* Опция темы скрывает иконку-стрелку внутри любого .faq-accordion-wrap
   (см. css_code в настройках). На странице цен услуги всех уровней —
   обычные строки прайса, стрелка им нужна, поэтому возвращаем её
   с более специфичным селектором. */
.prc-tabs .tab-pane .prc-item .accordion-body .list li span i.ti-arrow-down-right {
    display: block;
}

/* Список третьего уровня сдвинут вправо — визуально он вложен в
   категорию второго уровня. */


.prc-tabs .tab-pane .prc-item .accordion-body .prc-l3 h4 {
    font-size: 18px;
    margin: 25px 0 15px;
}

.prc-tabs .tab-pane .prc-item .accordion-body .prc-l3:first-child h4 {
    margin-top: 0;
}



/*================================================
Block 8 — Описание услуги
=================================================*/

/* Строка с описанием перестаёт быть flex-строкой: «наименование + цена»
   уезжает во внутренний .prc-row, который повторяет прежнюю раскладку один в
   один, а описание встаёт под ним блочным элементом во всю ширину li.

   Изначально перенос делался через flex-wrap на самом li, но на мобильных
   (.price имеет min-width: 25%) первая строка переставала помещаться и цена
   уезжала на отдельную строку — поэтому здесь вложенный flex-контейнер.

   Селекторы повторяют Block 2 и Block 7: обёртки .tab-content в разметке
   страницы цен нет — tab-pane.php выводит .tab-pane прямо в .prc-tabs, —
   поэтому лишний .tab-content в селекторе просто обнулил бы правило. */
.prc-tabs .tab-pane .prc-item .list li.prc-with-desc,
.prc-tabs .tab-pane .prc-item .list-abo li.prc-with-desc {
    display: block;
}

.prc-tabs .tab-pane .prc-item .list li.prc-with-desc .prc-row,
.prc-tabs .tab-pane .prc-item .list-abo li.prc-with-desc .prc-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.prc-tabs .tab-pane .prc-item .list li .prc-desc,
.prc-tabs .tab-pane .prc-item .list-abo li .prc-desc {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.45;
    text-align: left;
	font-weight: 400;
    padding-left: 35px;
}

@media only screen and (max-width: 767px) {
    .prc-tabs .tab-pane .prc-item .list li.prc-with-desc .prc-row,
    .prc-tabs .tab-pane .prc-item .list-abo li.prc-with-desc .prc-row {
        gap: 8px;
    }

    .prc-tabs .tab-pane .prc-item .list li .prc-desc,
    .prc-tabs .tab-pane .prc-item .list-abo li .prc-desc {
        font-size: 12px;
    }
}
/*================================================
Added by Alex — Описание услуги
=================================================*/

.prc-item .faq-accordion-wrap .accordion-item {
	border-top: none;
	margin-bottom: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.prc-item .faq-accordion-wrap .accordion-item .accordion-body {
	border-radius: 20px;
    background-color: #E1E6EB;
    padding: 80px 100px;
    margin-top: 25px;
}
.accordion-body .prc-l3 {margin-top: 25px}
.accordion-body .prc-l3:first-child {margin-top: 0px}
@media only screen and (max-width: 767px) {
.prc-item .faq-accordion-wrap .accordion-item .accordion-body {
	padding: 25px;
}

.prc-tabs .tab-pane .prc-item .list li .price {
    min-width: 15%;}
}
.prc-item h2 {
    border-bottom: 1px solid #F2F4F6;
    padding-bottom: 25px;
}