/*
|--------------------------------------------------------------------------
| FAQ Suggestions
|--------------------------------------------------------------------------
*/

.horam-faq-suggest{
    margin-top:14px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.horam-faq-item{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:2px 10px;
}

.horam-faq-question{
    font-weight:500;
}

.horam-faq-answer{
    color:#6b7280;
    line-height:1.8;
}
/*
|--------------------------------------------------------------------------
| FAQ Suggest Box
|--------------------------------------------------------------------------
*/

.horam-faq-suggest{
    margin-top:14px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

/*
|--------------------------------------------------------------------------
| FAQ Item
|--------------------------------------------------------------------------
*/

.horam-faq-item{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    overflow:hidden;
    transition:all .25s ease;
    cursor:pointer;
    box-shadow:
        0 2px 10px rgba(0,0,0,.03);
}

.horam-faq-item:hover{
    border-color:#2563eb;
    transform:translateY(-1px);
}

/*
|--------------------------------------------------------------------------
| Question
|--------------------------------------------------------------------------
*/

.horam-faq-question{
    padding:5px;
    font-size:14px;
    font-weight:600;
    color:#111827;
    position:relative;
}

/*
|--------------------------------------------------------------------------
| "Did You Mean?"
|--------------------------------------------------------------------------
*/

.horam-faq-question::before{
    content: '💡 شاید منظورت اینه؟';
  font-size: 12px;
  color: #2563eb;
  margin-bottom: 8px;
  font-weight: 500;
  padding: 0 0 0 10px;
}

/*
|--------------------------------------------------------------------------
| Arrow
|--------------------------------------------------------------------------
*/

.horam-faq-question::after{
    content:'+';
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    font-size:20px;
    color:#94a3b8;
    transition:.25s ease;
}

/*
|--------------------------------------------------------------------------
| Active Arrow
|--------------------------------------------------------------------------
*/

.horam-faq-item.active
.horam-faq-question::after{
    transform:
        translateY(-50%)
        rotate(45deg);
    color:#2563eb;
}

/*
|--------------------------------------------------------------------------
| Answer
|--------------------------------------------------------------------------
*/

.horam-faq-answer{
    max-height:0;
    overflow:hidden;
    opacity:0;
    padding:0 18px;
    line-height:2;
    color:#475569;
    font-size:13px;
    transition:
        max-height .35s ease,
        opacity .25s ease,
        padding .25s ease;
}

/*
|--------------------------------------------------------------------------
| Active Answer
|--------------------------------------------------------------------------
*/

.horam-faq-item.active
.horam-faq-answer{

    max-height:300px;

    opacity:1;

    padding:
        0 18px 18px;
}