/* =================================
   QORAN SEARCH PAGE
================================= */


.search-wrapper{

    direction:rtl;
    background:#F5F7F2 !important;
    min-height:100vh;
    padding:90px 0;

}


/* Search Card */

.search-box{

    background:#ffffff !important;

    border-radius:24px !important;

    padding:35px !important;

    border:1px solid rgba(15,75,55,.08) !important;

    box-shadow:
    0 18px 45px rgba(0,0,0,.08) !important;

    margin-bottom:35px !important;

    transition:.35s ease;

}


.search-box:hover{

    transform:translateY(-5px);

    box-shadow:
    0 25px 55px rgba(0,0,0,.14) !important;

}



/* Result Card */

.ayah-card{

    background:#ffffff !important;

    border-radius:24px !important;

    padding:32px !important;

    margin-bottom:25px !important;

    border-right:5px solid #D4AF37 !important;

    border-left:none !important;

    box-shadow:
    0 18px 45px rgba(0,0,0,.08) !important;

    transition:.35s ease;

}


.ayah-card:hover{

    transform:translateY(-5px);

    box-shadow:
    0 25px 55px rgba(0,0,0,.14) !important;

}


/* Result Title */

.result-title{

    background:#ffffff !important;

    border-radius:24px !important;

    padding:25px !important;

    box-shadow:
    0 18px 45px rgba(0,0,0,.08);

    margin-bottom:25px;

}



/* Translation */

.translation-box{

    background:#F0F5F1 !important;

    border-radius:20px;

    padding:22px;

    line-height:2.3;

}



/* Input */

.search-form input{

    background:#FAFCF9 !important;

    color:#22313f !important;

}


.search-form input::placeholder{

    color:#888 !important;

}



/* Button */

.search-form button{

    background:#0F4C3A !important;

    color:white !important;

}


.search-form button:hover{

    background:#0A3D30 !important;

}