/*
 ASEMANEEHA - SEARCH HEADER PHASE 11B
 Compact search controls
 Remove old menu icon
 Top/left alignment
 Public search only
*/

/* Always remove the old menu graphic inside
   the existing basic-search component. */

.asem-basic-gray-810 > div:first-child {
    display: none !important;
}

.asem-basic-gray-810
img[src*="search-menu.png"] {
    display: none !important;
}

.asem-basic-gray-810
a[href="/martyrs"]:has(img[src*="search-menu.png"]) {
    display: none !important;
}

/* Search pair layout */

.asem-search-row-810 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    direction: rtl !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 8px !important;

    width: auto !important;
    max-width: 560px !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Regular search */

.asem-basic-search-810 {
    display: flex !important;
    align-items: center !important;

    flex: 1 1 48% !important;
    width: auto !important;
    min-width: 0 !important;

    height: 36px !important;
    min-height: 36px !important;

    padding: 3px 7px !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;
}

.asem-basic-gray-810 {
    display: flex !important;
    align-items: center !important;

    flex: 1 1 auto !important;
    min-width: 0 !important;

    height: 30px !important;
    min-height: 30px !important;

    padding: 0 5px !important;
    gap: 0 !important;

    border-radius: 6px !important;
    box-sizing: border-box !important;
}

.asem-basic-input-810 {
    width: 100% !important;
    min-width: 0 !important;

    height: 30px !important;
    min-height: 30px !important;

    padding: 0 5px !important;
    margin: 0 !important;

    font-size: 13px !important;
    line-height: 1.3 !important;

    box-sizing: border-box !important;
}

.asem-basic-search-810
img[src*="magnifier.png"] {
    width: 17px !important;
    height: 17px !important;
    object-fit: contain !important;
}

.asem-basic-search-810 > div.px-2 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* Advanced search */

.asem-search-row-810
> .asem-advanced-search-810 {
    display: flex !important;
    flex: 1 1 52% !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;

    min-height: 36px !important;
    height: 36px !important;

    padding: 3px 10px !important;

    border-radius: 8px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-align: center !important;
    box-sizing: border-box !important;
}

/* Restore compact search group without
   the old 75% scaling effect. */

.asem-search-scale-810 {
    transform: none !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    width: auto !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    padding: 0 !important;
}

/* Top header alignment.
   The date remains on the right side. */

div[dir="rtl"][class*="bg-darkblue"][class*="font-notoNastaliqUrduBold"][class*="justify-between"]:has(.asem-search-row-810) {
    align-items: flex-start !important;

    padding-top: 0 !important;
    padding-bottom: 5px !important;

    box-sizing: border-box !important;
}

div[dir="rtl"][class*="bg-darkblue"][class*="font-notoNastaliqUrduBold"][class*="justify-between"]:has(.asem-search-row-810)
> div[dir="ltr"] {
    align-self: flex-start !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    transform: none !important;
    width: auto !important;
    max-width: 100% !important;
}

/* Internal public search variants */

.asem-internal-search-810 {
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 8px !important;
    flex-wrap: nowrap !important;

    min-width: 0 !important;
}

.asem-internal-search-810
> .asem-advanced-search-810 {
    min-height: 36px !important;
    height: 36px !important;

    padding: 3px 8px !important;
    border-radius: 8px !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
}

.asem-internal-basic-810 {
    min-height: 36px !important;
    min-width: 0 !important;
}

.asem-internal-basic-810 input {
    min-height: 32px !important;
    height: 32px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    font-size: 13px !important;
}

/* Desktop */

@media (min-width: 768px) {

    .asem-search-row-810 {
        width: 560px !important;
        max-width: 560px !important;
    }

    .asem-search-scale-810 {
        align-self: flex-start !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    div[dir="rtl"][class*="bg-darkblue"][class*="font-notoNastaliqUrduBold"][class*="justify-between"]:has(.asem-search-row-810) {
        justify-content: space-between !important;
    }

}

/* Mobile */

@media (max-width: 767px) {

    .asem-search-row-810 {
        width: 100% !important;
        max-width: 100% !important;

        gap: 6px !important;
    }

    .asem-search-scale-810 {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .asem-basic-search-810 {
        flex: 1 1 48% !important;

        min-width: 0 !important;

        height: 32px !important;
        min-height: 32px !important;

        padding: 2px 5px !important;
    }

    .asem-basic-gray-810 {
        height: 28px !important;
        min-height: 28px !important;

        padding: 0 3px !important;
    }

    .asem-basic-input-810 {
        height: 28px !important;
        min-height: 28px !important;

        font-size: 12px !important;
    }

    .asem-basic-search-810
    img[src*="magnifier.png"] {
        width: 15px !important;
        height: 15px !important;
    }

    .asem-search-row-810
    > .asem-advanced-search-810 {
        flex: 1 1 52% !important;

        height: 32px !important;
        min-height: 32px !important;

        padding: 2px 5px !important;

        font-size: clamp(10px, 2.8vw, 12px) !important;
        line-height: 1.3 !important;
    }

    div[dir="rtl"][class*="bg-darkblue"][class*="font-notoNastaliqUrduBold"][class*="justify-between"]:has(.asem-search-row-810) {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .asem-internal-search-810
    > .asem-advanced-search-810 {
        height: 32px !important;
        min-height: 32px !important;

        font-size: clamp(10px, 2.8vw, 12px) !important;
    }

}

/* Very small screens */

@media (max-width: 359px) {

    .asem-search-row-810 {
        gap: 4px !important;
    }

    .asem-search-row-810
    > .asem-advanced-search-810 {
        font-size: 10px !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .asem-basic-input-810 {
        font-size: 11px !important;
    }

}