/*
Theme Name: New-RaTeN
Theme URI: https://www.fl.ru/users/raten/portfolio/
Author: RaTeN
Author URI: https://raten-portfolio.ru/port/
Description: Андрей Левдиков
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: all-in
Text Domain: raten
*/


.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px;
    position: absolute;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; 
}


.text_block #ez-toc-container{
    display: none;
}


.agree{
    .wpcf7-form-control-wrap {
        display: none;
    }
}

.wpcf7-not-valid-tip{
    display: none !important;
}

.wpcf7-list-item{
    margin: 0 !important;
}

.wpcf7 form .wpcf7-response-output{
    display:none !important;
}

.feedback_form {
    .checkbox {
        span {
            color: #fff;
            a{
                color: #fff;
            }
        }
    }
}

.accordion_item {
    .head{
        width: 100%;
        text-align: left;
    }
}

.solutions {
     .solution {
         .features {
             .icon {
                img {
                    height:12px;
                }
            }
        }
    }
}


.what_we_automate {
    & .tab_content {
        & .features {
            & .icon {
                &, img {
                    height:12px;
                }
            }
        }
    }
}


.ez-toc-link{
    font-size: 13px;
    line-height: 138.462%;
    transition: opacity .2s linear;
    opacity: .4;
    color: var(--dark_color);
    text-decoration: none;
    display: block;
}

.ez-toc-link:not(:last-child){    
    margin-bottom: var(--inner_gap_s);
}

#ez-toc-container ul{
    list-style:none;
}

#ez-toc-container ul ul{
    padding-left: var(--block_padding_s);
}

.pagination {
    span {
        display: flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        width: 54px;
        font-size: var(--font_size_s);
        font-weight: 500;
        line-height: calc(100% + 6px);
        transition: .2s linear;
        text-decoration: none;
        opacity: .3;
        color: currentColor;
        aspect-ratio: 1 / 1;

        &.current {
            opacity: 1;
            background: var(--light_color);
        }
    }
}


.solution_components {
    & .item {
        .info {
            text-align: left;
        }
    }
}

.form {
    .is-error{
        input{
            border-color: var(--form_error_color);
            &::placeholder{
                color:var(--form_error_color);
            }
        }
    }
    .input
    {
        &.wpcf7-not-valid{
            border-color: var(--form_error_color);
            &::placeholder{
                color:var(--form_error_color);
            }
        }
    }
    
}



.form {
    .checkbox{
        .wpcf7-form-control-wrap{
            display: none;
        }
    }
    .checkbox:has(:checked) .check
    {
        background: var(--primary_color);

        img
        {
            opacity: 1;
        }
    }
    .checkbox:has(.wpcf7-not-valid) .check
    {
        background: var(--form_error_color);
        opacity: 0.3;
    }

    .cf7-error-message{
        display: none;
    }

    .is-error .check
    {
        background: var(--form_error_color);
        opacity: 0.3;
    }
}

.mob_menu {
    .menu{
        list-style: none;
    }
}

.quiz {
    & .relevant_case {
        .case.quiz-case-item-default {
            background: none;
        }
    }
}

.modal {
    /* Базовые стили закрытого окна */
    opacity: 0;
    transform: scale(0.95) translateY(20px);
    pointer-events: none;
    
    /* У закрытого окна НЕТ transition, 
       поэтому при снятии [open] оно закроется мгновенно */

    &::backdrop {
        background-color: rgba(0, 0, 0, 0);
        backdrop-filter: none;
    }

    /* Стили открытого окна */
    &[open] {
        opacity: 1;
        transform: scale(1) translateY(0);
        pointer-events: auto;

        /* Плавность применяется ТОЛЬКО при открытии */
        transition: opacity 0.4s ease, transform 0.4s ease;

        /* Стартовая точка анимации окна */
        @starting-style {
            opacity: 0;
            transform: scale(0.95) translateY(20px);
        }

        /* Подложка при открытом окне */
        &::backdrop {
            background-color: rgba(0, 0, 0, 0.5);
            /* Обязательно задаем transition для самой подложки */
            transition: background-color 0.4s ease;

            /* Стартовая точка анимации подложки */
            @starting-style {
                background-color: rgba(0, 0, 0, 0);
            }
        }
    }
}

form.submitting .submit_btn {
    pointer-events: none !important; /* Отключает клики мышкой */
    opacity: 0.5 !important;         /* Делает кнопку полупрозрачной */
    cursor: not-allowed !important;  /* Меняет курсор на знак запрета */
}