/*
Пользовательские стили для сайта Rantala.
Автор: Павел Сойфер
vk.com/pavelsoyfer
*/

/******************************************************************************
 ГЛОБАЛЬНЫЕ СТИЛИ
 *****************************************************************************/

    /* Переменные */
    :root {
        --light-gray: #f0eeeb;
        --warm-gray: #d6d2ce;
        --cool-gray: #C4C8CA;
        --dark-gray: #797979;
        --yellow: #DDC483;
        --light-green: #96A397;
        --mid-green: #4A675C;
        --dark-green: #26362C;
    }
    
    @media(max-width: 980px) {
    .tl-fancybox-container {
        max-width: 100vw !important;
    }
    .tl-fancybox-active {
        overflow: hidden !important;
    }
    .tl-fancybox-active .t450 {
        width: 0;
        max-width: none !important;
        display: none;
    }
    .tl-with-fancybox {
        position: fixed;
    }
}


    /* МЕТАДАННЫЕ КАРТОЧЕК НОМЕРОВ НА ГЛАВНОЙ */
        /* Метаданные номера (площадь, гости, цена) */
        .t799__text ul {
            display: flex !important;
            margin-top: 12px;
            margin-bottom: 0;
            list-style: none;
            padding: 0 !important;
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            font-weight: 600;
            color: var(--dark-green);
        }
    
        /* Элемент списка метаданных*/
        .t799__text ul li {
            display: flex;
            align-items: center;
        }
        
        /* Разделитель */
        .t799__text ul li:not(:last-child):after {
            content: "";
            display: block;
            width: 5px;
            height: 5px;
            border-radius: 3px;
            background-color: var(--yellow);
            margin: 0 12px;
        }
    
        /* Кнопка */
        .t799__button {
            margin-top: 34px;
            width: 220px;
            height: 50px;
            padding: 0;
            letter-spacing: 1.5px;
            font-size: 14px;
        }



/******************************************************************************
 СТИЛИ ВЕРСИИ ДЛЯ ПК 
 *****************************************************************************/
@media screen and (min-width: 960px) {

/* ГЛОБАЛЬНЫЕ СТИЛИ ПК *******************************************************/
    /* ВЕРХНИЙ КОЛОНТИТУЛ */
        /* Левый контейнер меню */
        .t446__leftwrapper {
            padding-left: 24px;
            padding-right: 0 !important;
        }
    
        /* Правый контейнер меню */
        .t446__rightwrapper {
            padding-right: 24px;
            padding-left: 0 !important;
        }
    
        /* Первая кнопка (телефон) */
        .t446__right_buttons_but:nth-child(1) a {
            padding: 0;
            margin: 0;
            margin-right: calc(-12px + 40px);
        }
    
        /* Вторая кнопка */
        .t446__right_buttons_but:nth-child(2) td {
            letter-spacing: 1px;
            font-weight: 700 !important;
        }
    
        /* Фикс схлопывающегося меню на диапазоне 980–1200 */
        @media screen and (max-width: 1200px) {
            .t446__list {font-size: 0;}
            .t446__list_item:first-child {padding-left: 0 !important;}
            .t446__list_item:last-child {padding-right: 0 !important;}
            .t446__list_item {padding: 0 10px !important;}
            .t446__right_buttons_but:nth-child(1) a {
                margin-right: calc(-12px + 20px);
            }
            .t446__imglogo {max-width: 150px !important;}
        }
 

    
/* ГЛАВНАЯ СТРАНИЦА **********************************************************/
    /* СЛАЙДЕР ФОТОГРАФИЙ */
    .t604 {
        position: relative;
        z-index: 99;
    }
    
    
    /* КАРТОЧКИ НОМЕРОВ */
        /* Контейнер с колонками */
        .t799 .t-container {
            display: flex;
            align-items: center;
        }
    
        /* Колонка с галереей */
        .t799 .t-col_7 {
            max-width: 640px;
            margin-left: 40px;
        }
        .t799 .t-col_7.t799-col_top {
            margin-left: 20px;
            margin-right: 40px;
        }
    
        /* Контейнеры галереи */
        .t799 .t-slds {overflow: visible;}
    
        /* Стрелки */
        .t799 .t-slds__arrow-left {left: -16px;}
        .t799 .t-slds__arrow-right {right: -16px;}
    
        /* Заголовок карточки */
        .t799__title {letter-spacing: 1px;}
        .t799__title:after {
            content: "";
            display: block;
            width: 20px;
            height: 3px;
            background-color: var(--yellow);
            margin-top: 16px;
            margin-left: 1px;
            margin-bottom: 24px;
        }
    
        /* Метаданные номера (площадь, гости, цена) */
        .t799__text ul {
            display: flex !important;
            margin-top: 12px;
            margin-bottom: 0;
            list-style: none;
            padding: 0 !important;
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            font-weight: 600;
            color: var(--dark-green);
        }
    
        /* Элемент списка метаданных*/
        .t799__text ul li {
            display: flex;
            align-items: center;
        }
        
        /* Разделитель */
        .t799__text ul li:not(:last-child):after {
            content: "";
            display: block;
            width: 5px;
            height: 5px;
            border-radius: 3px;
            background-color: var(--yellow);
            margin: 0 12px;
        }
    
        /* Кнопка */
        .t799__button {
            margin-top: 34px;
            width: 220px;
            height: 50px;
            padding: 0;
            letter-spacing: 1.5px;
            font-size: 14px;
        }
}





/******************************************************************************
 СТИЛИ МОБИЛЬНОЙ ВЕРСИИ
 *****************************************************************************/
@media screen and (max-width: 959px) {
    
/* ГЛОБАЛЬНЫЕ СТИЛИ МОБИЛЬНОЙ ВЕРСИИ *****************************************/
    /* ВЕРХНИЙ КОЛОНТИТУЛ */
        /* Полоса верхнего колонтитула */
        .t280__menu__content {
            padding: 0 12px;
            border-bottom: 1px solid transparent;
            transition: border-color 0.2s ease;
        }
        .t280__main_opened .t280__menu__content {
            border-bottom-color: rgba(0, 0, 0, 0.05);
        }
    
        /* Контейнер выпадающего меню */
        .t280__menu__container {
            height: 100% !important;
            min-height: 740px !important;
            display: flex !important;
            flex-direction: column;
            justify-content: space-between;
        }

        /* Контейнер ссылок навигации */
        .t280__main_opened .t280__menu {
            padding-top: calc(51px + 5vh) !important;
            transform: none !important;
            top: 0 !important;
            flex-grow: 1;
        }
    
        /* Пункты меню */
        .t280__menu__item {
            text-align: left;
            font-size: 32px !important;
        }
    
        /* Нижняя область с описанием и сообществами */
        .t280__bottom {
            flex-grow: 0;
            padding-top: 30px !important;
            padding-bottom: 40px !important;
        }
    
        /* Описание (контент внизу меню) */
        .t280__descr {
            text-align: left;
            display: flex;
            flex-direction: column;
            font-weight: 500 !important;
        }
    
        /* Телефон и адрес */   
        .t280__bottom a[href*="tel"], 
        .t280__bottom a[href*="contacts"] {
            font-weight: 500;
            color: var(--dark-green) !important;
        }
    
        /* Телефон */

        /* Адрес */
        .t280__bottom a[href*="contacts"] {
            margin-top: -10px;
            position: relative;
            line-height: 1.2;
        }
    
        /* Подписи к телефону и адресу */
        .t280__bottom a[href*="tel"]:after, 
        .t280__bottom a[href*="map"]:after {
            display: block;
            font-size: 12px;
            font-weight: 500;
            color: var(--dark-gray);
            margin-top: 8px;
        }
        .t280__bottom a[href*="tel"]:after {
            content: "Нажмите, чтобы позвонить";
            margin-top: 4px;
        }
        .t280__bottom a[href*="map"]:after {
            content: "Нажмите на адрес, чтобы перейти к\00a0карте";
            margin-bottom: -10px;
        }
    
        /* Кнопка «Забронировать» */
        .t280__bottom a[href*="book"] {
            display: flex;
            height: 50px;
            width: 180px;
            padding: 0 20px;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 700;
            color: var(--dark-green) !important;
            border: 3px solid;
            border-color: var(--yellow);
            letter-spacing: 1.5px;
        }
    
        /* Иконки сообществ */
        .t-sociallinks__wrapper {display: flex;}
        .t-sociallinks__item {
            margin: 0 !important;
            margin-right: 12px !important;
        }
        .t-sociallinks__item svg {
            width: 42px;
            height: 42px;
        }
    
    
    /* БЛОКИ С ЗАГОЛОВКАМИ TL01 (.t050) И ТЕКСТОМ TX01 (.t004)  */
    h2.t050__title,
    .t050__descr,
    .t004 .t-text {text-align: left;}
    
    @media screen and (max-width: 639px) {
        h2.t050__title {font-size: 24px !important;        }
        
        h2.t050__title + .t050__descr {margin-top: 12px !important;}
        
        .t050__descr,
        .t004 .t-text {
            font-size: 18px !important;
            padding-top: 0 !important;
        }
    }
    

    
/* ГЛАВНАЯ СТРАНИЦА ***********************************************************
    /* ОБЛОЖКА */
    @media screen and (max-width: 639px) {
        /* Фикс мобильного оверлея */
        .index_intro_mobile-overlay .tn-atom {
            background-color: rgba(0, 0, 0, 0) !important;
}

        /* Текст и курсив в обложке */
        .index_intro_h1, 
        .index_intro_script-1, 
        .index_intro_script-2 {
            top: auto !important;
            bottom: 25vh;
}
        .index_intro_h1 {margin-bottom: 109px;}
        .index_intro_script-1 {margin-bottom: 39px;}
    }
    
    
    /* КАРТОЧКИ НОМЕРОВ */
        /* Контейнер с колонками */
        .t799 .t-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    
        /* Колонки */
        .t799 .t-container .t-col {margin-bottom: 0;}
        .t799 .t-container .t-col_7 {margin-bottom: 20px;}
    
        /* Колонка с галереей */
        .t799 .t-col_7 {order: 1;}
        .t799 .t-col_5 {order: 2;}
    
        /* Галерея */
        .t799 .t-slds {overflow: visible;}
    
        /* Стрелки */
        .t799 .t-slds__arrow-left {left: -12px;}
        .t799 .t-slds__arrow-right {right: -12px;}
    
        /* Заголовок карточки */
        .t799__title {
            font-size: 16px !important;
            letter-spacing: 1px;
            margin-bottom: 6px;
        }
    
        /* Текст */
        .t799__text {font-size: 15px !important;}
    
        /* Метаданные номера */
        .t799__text ul li {
            flex-shrink: 0;
            font-size: 13px;
        }
    
        /* Разделитель */
        .t799__text ul li:not(:last-child):after {
            margin: 0 10px;
            width: 4px;
            height: 4px;
        }
    
        /* Кнопка */
        .t799__button {
            margin-top: 16px;
            width: 180px;
            height: 40px;
            letter-spacing: 1px;
            font-size: 12px;
        }
    
    
    /* УДОБСТВА */
        /* Пункт */
        .t491__col {margin-bottom: 20px;}
        t491__col:last-child {margin-bottom: 0;}
    
        /* Иконка */
        .t491__img {
            width: 24px !important;
            margin-right: 12px;
        }

        /* Текст */
        .t491__title {
            font-size: 14px !important;
            font-weight: 500 !important;
        }
    
}