/*
Theme Name: Listivo Child
Theme URI: https://listivotheme.com/
Author: TangibleDesign
Author URI: https://tangibledesign.net/
Description: Listivo
Template: listivo
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready
Text Domain: listivo
*/
/*  Подключение шрифтов */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

/* Фонт тегов на полноым обялание Նշանակություն */
.listivo-tags > .listivo-tag:first-child {
    background: #E5E9F0;
}
/* Лейбл сделака на коротких объявления */
.listivo-listing-card-v4__labels > .listivo-listing-card-v4__label:not(.listivo-listing-card-v4__label--featured) {
    background: rgba(255, 255, 255, 0.88);
    color: #314352;
  /*  border: 1px solid #D1DBF2; */ /* #537CD8; */
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

/* Вывод ID объявления на основной страннице обявления */
.bnakaran-listing-id {
    position: absolute !important;
    top: 15px;
    right: 15px;

    z-index: 999999 !important;

    background: rgba(0, 0, 0, 0.65);
    color: #fff;

    padding: 7px 12px;
    border-radius: 4px;

    font-size: 14px;
    font-weight: 600;
    line-height: 1;

    pointer-events: none;
}
.listivo-swiper-wrapper {
    position: relative;
}
/* Страница обявления, фон атрибута Գործարք  */
.listivo-listing-attributes-v3 .listivo-listing-attribute-v3:nth-child(2) {
    background-color: #FFD700 !important;
    color: #000 !important;
}
/* Номер заказа на странице Заказа */
.listivo-panel-head__label h1 {
    font-size: 24px !important;
    line-height: 1.4 !important;
}

.listivo-panel-head__label h1 span {
    font-size: 22px !important;
    display: inline-block;
    margin-top: 10px;
}

/* Кнопка при выборе пакета */
.listivo-panel-package__button {border: 1px solid #3d5b97;}

/* App Link Under Logo */
.e-035c229-ceb1ac4 .e-paragraph-link-base {
    color: #ffffff !important;
}

/* Форма регистрации на мобильном */
@media (max-width: 767px) {
    .listivo-login-form__chat-app {
        justify-content: flex-start;
        align-items: center;
    }
}
/*  — PWA installation block */

.pwa-install-box {
    max-width: 900px;
    margin: 40px auto;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 50px;
    box-sizing: border-box;
}

.pwa-install-action {
    flex: 0 0 252px;
    width: 252px;
    text-align: center;
}

.pwa-install-action img {
    display: block;
    width: 252px;
    height: 252px;
    max-width: 100%;
    object-fit: contain;
}

.pwa-install-action button {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
}

.pwa-install-text {
    flex: 1;
}

.pwa-install-text h2 {
    margin: 0 0 15px;
}

.pwa-install-text p {
    margin: 0;
    line-height: 1.6;
}

#pwa-install-message {
    line-height: 1.5;
}


/* Mobile */
@media (max-width: 767px) {

    .pwa-install-box {
        flex-direction: column;
        max-width: 100%;
        margin: 30px auto;
        padding: 20px;
        gap: 25px;
        text-align: center;
    }

    .pwa-install-action {
        flex: none;
        width: 200px;
    }

    .pwa-install-action img {
        width: 200px;
        height: 200px;
    }

    .pwa-install-text h2 {
        margin-bottom: 12px;
    }
}

#pwa-install-message {
    background: #f1f5f9;
    padding: 20px 25px;
    border-radius: 10px;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #e2e8f0;
}
/* Скрываем значок Рекапчы Гугла */
.grecaptcha-badge {
    visibility: hidden;
}
@media (max-width: 767px) {
    .listivo-copyrights__container small {
        display: inline-block !important;
        line-height: 12px !important;
    }
}
/* Botton to TOP */
#back-to-top {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    background: #537CD9;
    color: #fff;
    border: none;
    border-radius: 8px;
    
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
    
    cursor: pointer;
    z-index: 9999;
    
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    
    transition: opacity 0.25s ease,
                visibility 0.25s ease,
                transform 0.25s ease,
                background 0.2s ease;
    
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}

#back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#back-to-top:hover {
    background: #4168C5;
    transform: translateY(-3px);
}

@media (max-width: 767px) {
    #back-to-top {
        right: 15px;
        bottom: 15px;
        width: 42px;
        height: 42px;
        font-size: 22px;
    }
}
/* Мой лист на странице блога */
.bnakaran-list {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.bnakaran-list li {
    position: relative;
    margin: 0 0 8px 0;
    padding: 8px 12px 8px 20px;

    line-height: 1.5;

    background: #f7f8fa;
    border-radius: 4px;
}

/* Цветная вертикальная полоска */
.bnakaran-list li::before {
    content: "";
    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 4px;

    background: #537CD8;
    border-radius: 3px 0 0 3px;
}