/* ==========================================================
   Component : FAQ (Yoast)
   Version : 2.0.0
========================================================== */

.schema-faq{

    margin:40px 0;

}

/* ==========================================================
   FAQ Item
========================================================== */

.schema-faq-section{

    position:relative;

    background:#fff;

    border:1px solid var(--af-border);

    border-radius:var(--af-radius);

    box-shadow:var(--af-shadow);

    padding:26px 28px;

    margin-bottom:18px;

    overflow:hidden;

    transition:var(--af-transition);

}

/* نوار آبی هنگام Hover */

.schema-faq-section::before{

    content:"";

    position:absolute;

    top:0;
    right:0;

    width:0;

    height:100%;

    background:linear-gradient(
        180deg,
        var(--af-primary),
        #3b82f6
    );

    transition:.25s ease;

}

.schema-faq-section:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(15,23,42,.08);

}

.schema-faq-section:hover::before{

    width:5px;

}

/* ==========================================================
   Question
========================================================== */

.schema-faq-question{

    display:block;

    position:relative;

    padding-right:46px;

    margin-bottom:14px;

    cursor:pointer;

    color:var(--af-heading);

    font-size:22px;

    font-weight:700;

    line-height:1.9;

    transition:.25s ease;

}

/* آیکون */

.schema-faq-question::before{

    content:"?";

    position:absolute;

    right:0;
    top:4px;

    width:30px;

    height:30px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--af-primary);

    color:#fff;

    font-size:17px;

    font-weight:700;

    transition:.25s ease;

}

.schema-faq-section:hover .schema-faq-question{

    color:var(--af-primary);

}

.schema-faq-section:hover .schema-faq-question::before{

    transform:rotate(10deg) scale(1.08);

}

/* ==========================================================
   Answer
========================================================== */

.schema-faq-answer{

    margin:0;

    color:var(--af-text);

    font-size:17px;

    line-height:2.1;

}

/* ==========================================================
   Links
========================================================== */

.schema-faq-answer a{

    color:var(--af-primary);

    text-decoration:none;

    font-weight:600;

}

.schema-faq-answer a:hover{

    text-decoration:underline;

}

/* ==========================================================
   Responsive
========================================================== */

@media (max-width:768px){

    .schema-faq-section{

        padding:22px;

    }

    .schema-faq-question{

        font-size:19px;

        padding-right:42px;

    }

    .schema-faq-question::before{

        width:26px;
        height:26px;

        font-size:15px;

    }

    .schema-faq-answer{

        font-size:16px;

        line-height:2;

    }

}