/*
 ASEMANEEHA - PHASE 820C
 MARTYR DESKTOP HEADER - EDGE TO EDGE

 Scope:
   Desktop only, 1024px and wider
   Martyr detail legacy header only

 No changes to menu handlers or React.
*/

@media screen and (min-width: 1024px) {

    .asem-martyr-legacy-816 {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /*
      Target the real desktop strip directly.
      Stretch it across the viewport rather than
      just the width of its existing container.
    */

    .asem-martyr-legacy-816 > div.bg-darkblue-100 {
        position: relative !important;

        width: 100vw !important;
        max-width: none !important;
        min-width: 100vw !important;

        left: 50% !important;
        right: auto !important;

        transform: translateX(-50%) !important;

        margin: 0 !important;
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        direction: rtl !important;
        justify-content: space-between !important;

        padding-left: 16px !important;
        padding-right: 16px !important;

        overflow: visible !important;
    }

    /*
      In case Phase 20A marked this same strip,
      override its auto-width rule explicitly.
    */

    .asem-martyr-legacy-816
    > div.bg-darkblue-100.asem-martyr-desktop-topline-target {
        width: 100vw !important;
        max-width: none !important;
        min-width: 100vw !important;

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

        justify-content: space-between !important;
    }

    /*
      Keep the original menu and text interactions.
      This only adjusts their horizontal alignment.
    */

    .asem-martyr-legacy-816
    > div.bg-darkblue-100
    > div:last-child {
        text-align: right !important;
        direction: rtl !important;
    }
}