/* =========================================================
   ZNILATHOSS SPORTS
   SEARCH
   نفس عرض منطقة البطاقات
   ========================================================= */

.search-container {
    width: 100%;
    max-width: 100%;

    margin: 0 auto 15px;

    box-sizing: border-box;
}


/* خانة البحث */

#searchInput {
    display: block;

    width: 100%;
    max-width: 100%;

    height: 46px;

    padding: 0 16px;

    box-sizing: border-box;

    border: 1px solid #d0d5dd;
    border-radius: 10px;

    background: #ffffff;

    color: #101828;

    font-size: 14px;

    outline: none;

    direction: rtl;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* عند الضغط على البحث */

#searchInput:focus {

    border-color: #0b1f3a;

    box-shadow:
        0 0 0 3px rgba(11, 31, 58, 0.10);

}


/* النص داخل الخانة */

#searchInput::placeholder {

    color: #98a2b3;

}


/* =========================================================
   رسالة عدم وجود نتائج
   ========================================================= */

.search-no-results {

    width: 100%;

    margin: 12px 0;

    padding: 16px;

    box-sizing: border-box;

    text-align: center;

    border-radius: 10px;

    background: #f8fafc;

    border: 1px solid #e2e8f0;

    color: #667085;

    font-size: 14px;

}