/* migrated from resources/views/news/search.blade.php */
.search-page{padding-top:24px}
.search-hero{
    background:linear-gradient(135deg,#b40000,#111827);
    color:white;
    border-radius:26px;
    padding:34px;
    margin-bottom:24px;
    box-shadow:0 16px 45px rgba(0,0,0,.12)
}
.search-hero h1{font-size:38px;margin:0 0 8px}
.search-hero p{color:#f3f4f6;margin:0 0 18px}
.search-hero form{display:grid;grid-template-columns:1fr auto;gap:10px}
.search-hero input{padding:14px;border:0;border-radius:14px;font-size:16px}
.search-hero button{background:#111827;color:white;border:0;border-radius:14px;padding:0 20px;font-weight:900}
.search-info{background:white;border-radius:16px;padding:14px 18px;margin-bottom:18px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.search-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.search-card{background:white;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.07)}
.search-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e5e7eb}
.search-body{padding:16px}
.search-body h2{font-size:19px;line-height:1.3;margin:8px 0}
.search-body p{font-size:14px;color:#4b5563;line-height:1.55;margin:0}
.empty-search{background:white;border-radius:22px;padding:24px;box-shadow:0 12px 34px rgba(0,0,0,.07)}
@media(max-width:900px){
    .search-grid{grid-template-columns:1fr}
    .search-hero{padding:24px;border-radius:20px}
    .search-hero h1{font-size:28px}
    .search-hero form{grid-template-columns:1fr}
    .search-hero button{padding:14px}
}

.trending-search-box{
    background:white;
    border-radius:16px;
    padding:13px 15px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.trending-search-box strong{
    color:#111827;
}
.trending-search-box a{
    background:#eff6ff;
    color:#1146b8;
    padding:7px 10px;
    border-radius:999px;
    font-size:13px;
    font-weight:900;
}
body.dark .trending-search-box{
    background:#111827!important;
}
body.dark .trending-search-box a{
    background:#1e3a8a;
    color:#dbeafe!important;
}
@media(max-width:700px){
    .trending-search-box{
        border-radius:12px;
        padding:10px;
        font-size:13px;
    }
    .trending-search-box a{
        font-size:11px;
        padding:6px 8px;
    }
}

@media(max-width:700px){
    .search-page{
        padding:10px 10px 0!important;
    }

    .search-hero{
        padding:20px 16px!important;
        border-radius:14px!important;
        margin-bottom:14px!important;
    }

    .search-hero h1{
        font-size:27px!important;
    }

    .search-hero p{
        font-size:14px!important;
    }

    .search-grid{
        gap:12px!important;
    }

    .search-card{
        border-radius:14px!important;
    }

    .search-body{
        padding:12px!important;
    }

    .search-body h2{
        font-size:16px!important;
    }

    .search-body p{
        display:none!important;
    }
}

.trending-search-box{
    background:white;
    border-radius:16px;
    padding:13px 15px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.trending-search-box strong{
    color:#111827;
}
.trending-search-box a{
    background:#eff6ff;
    color:#1146b8;
    padding:7px 10px;
    border-radius:999px;
    font-size:13px;
    font-weight:900;
}
body.dark .trending-search-box{
    background:#111827!important;
}
body.dark .trending-search-box a{
    background:#1e3a8a;
    color:#dbeafe!important;
}
@media(max-width:700px){
    .trending-search-box{
        border-radius:12px;
        padding:10px;
        font-size:13px;
    }
    .trending-search-box a{
        font-size:11px;
        padding:6px 8px;
    }
}