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

Filename : search-results.css
File Path: /wp-content/themes/rumos-answer/assets/css/search-results.css

Build    : 005-005
Version  : 1.0
Author   : Rumos
==================================================
*/

/* ==========================================
   Search Page
========================================== */

.ra-search-page{

    padding:72px 0 80px;

}

/* ==========================================
   Search Header
========================================== */

.ra-search-header{

    margin-bottom:48px;

    text-align:center;

}

.ra-search-title{

    margin:0;

    color:#111827;

    font-size:2.5rem;

    font-weight:800;

    letter-spacing:-1px;

}

.ra-search-query{

    margin-top:16px;

    color:#6B7280;

    font-size:1rem;

}

/* ==========================================
   Results
========================================== */

.ra-search-results{

    display:flex;

    flex-direction:column;

    gap:24px;

}

/* ==========================================
   Result Card
========================================== */

.ra-search-card{

    padding:28px 32px;

    background:#ffffff;

    border:1px solid #E5E7EB;

    border-radius:18px;

    transition:.25s ease;

}

.ra-search-card:hover{

    border-color:#D4D4FF;

    box-shadow:
        0 12px 32px rgba(91,92,240,.08);

    transform:translateY(-2px);

}

/* ==========================================
   Result Title
========================================== */

.ra-search-card-title{

    margin:0 0 14px;

    font-size:1.5rem;

    font-weight:700;

    line-height:1.3;

}

.ra-search-card-title a{

    color:#111827;

    text-decoration:none;

}

.ra-search-card-title a:hover{

    color:#5B5CF0;

}

/* ==========================================
   Result Excerpt
========================================== */

.ra-search-card-excerpt{

    color:#6B7280;

    font-size:1rem;

    line-height:1.8;

}

/* ==========================================
   No Results
========================================== */

.ra-no-results{

    padding:80px 24px;

    text-align:center;

}

.ra-no-results h2{

    margin-bottom:16px;

    color:#111827;

}

.ra-no-results p{

    color:#6B7280;

}

/* ==========================================
   Pagination
========================================== */

.navigation.pagination{

    margin-top:48px;

    text-align:center;

}

.navigation.pagination .nav-links{

    display:inline-flex;

    gap:12px;

}

.navigation.pagination a,
.navigation.pagination span{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    border-radius:10px;

    border:1px solid #E5E7EB;

    text-decoration:none;

    color:#111827;

    transition:.25s ease;

}

.navigation.pagination a:hover{

    color:#ffffff;

    background:#5B5CF0;

    border-color:#5B5CF0;

}

.navigation.pagination .current{

    color:#ffffff;

    background:#5B5CF0;

    border-color:#5B5CF0;

}

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

@media (max-width:768px){

    .ra-search-page{

        padding:48px 0 64px;

    }

    .ra-search-title{

        font-size:2rem;

    }

    .ra-search-card{

        padding:24px;

    }

    .ra-search-card-title{

        font-size:1.3rem;

    }

}





.ra-search-count{

    color:#5B5CF0;

    font-size:.9em;

    font-weight:700;

}

.ra-search-header .ra-search-form{

    max-width:760px;

    margin:32px auto 0;

}

.ra-search-header .ra-search-query{

    margin-top:24px;

}