/* CHINATRAVEL_HOME_FLOAT_REQUEST_TOUR_STYLE_V1 */

.ct-home-mobile-float-request{
    display:none;
}


@media (max-width:767px){

    /*
     * ОБЩАЯ ПЛАВАЮЩАЯ СТРОКА:
     *
     * [ Календарь туров ] [ Запросить тур ]
     */

    .ct-home-mobile-float-calendar-wrap{
        position:fixed!important;

        left:14px!important;
        right:14px!important;
        bottom:18px!important;

        width:auto!important;

        z-index:9999;

        display:flex!important;
        flex-direction:row!important;
        align-items:stretch!important;
        gap:8px!important;
    }


    /*
     * Левая кнопка — существующий календарь.
     * Убираем самостоятельное позиционирование,
     * поскольку теперь им управляет wrapper.
     */

    .ct-home-mobile-float-calendar-wrap
    .ct-home-mobile-float-calendar{

        position:relative!important;

        left:auto!important;
        right:auto!important;
        bottom:auto!important;

        flex:1 1 0!important;
        min-width:0!important;
        width:auto!important;

        min-height:54px!important;

        margin:0!important;

        padding:8px 10px!important;

        gap:7px!important;

        border-radius:26px!important;
    }


    /*
     * Правая кнопка — запрос тура.
     * Светло-золотая, чтобы визуально отличаться
     * от красного календаря.
     */

    .ct-home-mobile-float-request{

        position:relative;

        display:flex!important;
        align-items:center;

        flex:1 1 0;
        min-width:0;

        min-height:54px;

        margin:0;
        padding:8px 10px;

        gap:7px;

        box-sizing:border-box;

        border:1px solid #d59d2f;
        border-radius:26px;

        background:
            linear-gradient(
                135deg,
                #ffd873 0%,
                #e8b748 100%
            );

        color:#72120f!important;
        text-decoration:none!important;

        box-shadow:
            0 8px 24px rgba(120,70,0,.22);

        font-size:13px;
        line-height:1.2;

        -webkit-tap-highlight-color:transparent;

        transition:
            transform .16s ease,
            box-shadow .16s ease;
    }


    .ct-home-mobile-float-request:hover,
    .ct-home-mobile-float-request:focus{

        color:#72120f!important;
        text-decoration:none!important;
    }


    .ct-home-mobile-float-request:active{
        transform:scale(.97);
    }


    /*
     * Иконка письма
     */

    .ct-home-mobile-float-request__icon{

        display:flex;
        align-items:center;
        justify-content:center;

        flex:0 0 35px;

        width:35px;
        height:35px;

        border-radius:50%;

        background:#fff;

        color:#a71917;

        font-size:18px;
        line-height:1;

        box-shadow:
            0 2px 7px rgba(90,40,0,.12);
    }


    .ct-home-mobile-float-request__text{

        display:flex;

        flex-direction:column;

        flex:1 1 auto;
        min-width:0;

        gap:1px;
    }


    .ct-home-mobile-float-request__small{

        display:block;

        color:#8b4310;

        font-size:8px;
        line-height:1;

        font-weight:700;

        letter-spacing:.05em;

        text-transform:uppercase;

        white-space:nowrap;
    }


    .ct-home-mobile-float-request__title{

        display:block;

        color:#72120f;

        font-size:13px;
        line-height:1.15;

        font-weight:700;

        white-space:nowrap;
    }


    /*
     * Немного ужимаем существующий календарь,
     * чтобы две кнопки гарантированно помещались
     * в одну строку.
     */

    .ct-home-mobile-float-calendar__icon{

        flex:0 0 35px!important;

        width:35px!important;
        height:35px!important;
    }


    .ct-home-mobile-float-calendar__text{

        flex:1 1 auto!important;
        min-width:0!important;
    }


    .ct-home-mobile-float-calendar__title{

        font-size:13px!important;
        white-space:nowrap!important;
    }


    /*
     * Крестик относится ко всему блоку.
     * Оставляем его справа сверху.
     */

    .ct-home-mobile-float-calendar-close{

        top:-10px!important;
        right:-9px!important;
    }


    /*
     * Очень узкие телефоны
     */

    @media (max-width:370px){

        .ct-home-mobile-float-calendar-wrap{

            left:7px!important;
            right:7px!important;

            gap:5px!important;
        }


        .ct-home-mobile-float-calendar-wrap
        .ct-home-mobile-float-calendar,
        .ct-home-mobile-float-request{

            min-height:50px!important;

            padding:7px 7px!important;

            gap:5px!important;
        }


        .ct-home-mobile-float-calendar__icon,
        .ct-home-mobile-float-request__icon{

            flex-basis:31px!important;

            width:31px!important;
            height:31px!important;

            font-size:16px!important;
        }


        .ct-home-mobile-float-calendar__new,
        .ct-home-mobile-float-request__small{

            display:none!important;
        }


        .ct-home-mobile-float-calendar__title,
        .ct-home-mobile-float-request__title{

            font-size:11.5px!important;
        }
    }
}

/* /CHINATRAVEL_HOME_FLOAT_REQUEST_TOUR_STYLE_V1 */