/* =========================================================
   ASU Logo Styling
   White background + larger logo + hide extra university text
   ========================================================= */

/* ---------- Global ---------- */
.asu-official-hero-logo,
.asu-brand-logo,
.asu-admin-brand-fixed img,
.asu-public-brand img,
.brand img,
img[src*="asu-logo"] {
    object-fit: contain !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Hide duplicated old public wrapper if still exists */
.asu-public-brand.asu-logo-public {
    display: none !important;
}

.asu-logo-light-box {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   Generic white logo box
   ========================================================= */
.asu-logo-white-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 10px 14px !important;
    box-shadow: 0 10px 28px rgba(7, 35, 67, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

/* =========================================================
   ADMIN SIDEBAR
   ========================================================= */
.asu-admin-brand-fixed {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 14px !important;
    min-height: 96px !important;
    text-align: center !important;
}

.asu-admin-brand-fixed img {
    width: 150px !important;
    max-width: 150px !important;
    max-height: 84px !important;
}

/* Hide admin text beside logo */
.asu-admin-brand-text,
.asu-admin-brand-fixed strong,
.asu-admin-brand-fixed span {
    display: none !important;
}

/* Make sidebar brand centered */
.sidebar-brand,
.admin-brand,
.asu-sidebar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* White box specifically for admin */
.asu-admin-brand-fixed .asu-logo-white-box {
    padding: 1px !important;
    border-radius: 16px !important;
}

/* =========================================================
   PUBLIC CAREERS PAGE
   ========================================================= */
.brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
}

/* Hide public text next to logo */
.brand h1,
.brand h2,
.brand h3,
.brand h4,
.brand h5,
.brand h6,
.brand p,
.brand small,
.brand span:not(.asu-logo-white-box):not(.asu-logo-white-box *) {
    display: none !important;
}

/* Public listing logo */
.brand .asu-official-hero-logo,
.brand img[src*="asu-logo"],
.brand .asu-brand-logo {
    width: 170px !important;
    max-width: 170px !important;
    max-height: 96px !important;
    margin: 0 !important;
}

/* White background around public logo */
.brand .asu-logo-white-box {
    padding: 12px 16px !important;
    border-radius: 18px !important;
}

/* =========================================================
   PUBLIC JOB DETAILS PAGE
   ========================================================= */
.top-hero .asu-official-hero-logo,
.asu-official-hero-logo {
    width: 185px !important;
    max-width: 185px !important;
    max-height: 102px !important;
    margin: 0 !important;
}

/* Hide title/description near logo if present */
.top-hero .asu-brand-text,
.top-hero .asu-public-brand,
.top-hero .asu-brand-copy,
.top-hero .asu-portal-name,
.top-hero .asu-portal-subtitle {
    display: none !important;
}

/* White box for job details logo */
.top-hero .asu-logo-white-box {
    padding: 12px 16px !important;
    border-radius: 18px !important;
}

/* Force logo block to the right and neat */
.hero-inner .hero-top,
.top-hero .hero-top,
.top-hero .brand {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

/* =========================================================
   MAIN HERO PAGE (home/public index)
   ========================================================= */
.hero-brand,
.hero-top-brand,
.asu-public-hero-brand {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

/* Hide extra text around logo in hero */
.hero-brand-text,
.hero-top-brand-text,
.asu-public-hero-brand .brand-copy,
.asu-public-hero-brand h1,
.asu-public-hero-brand h2,
.asu-public-hero-brand h3,
.asu-public-hero-brand p,
.asu-public-hero-brand span:not(.asu-logo-white-box):not(.asu-logo-white-box *) {
    display: none !important;
}

/* =========================================================
   RTL / Arabic
   ========================================================= */
html[dir="rtl"] .asu-admin-brand-fixed,
html[dir="rtl"] .brand,
html[dir="rtl"] .hero-brand,
html[dir="rtl"] .hero-top-brand {
    text-align: right !important;
}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 992px) {
    .asu-admin-brand-fixed img {
        width: 132px !important;
        max-width: 132px !important;
        max-height: 74px !important;
    }

    .brand .asu-official-hero-logo,
    .brand img[src*="asu-logo"],
    .brand .asu-brand-logo {
        width: 150px !important;
        max-width: 150px !important;
        max-height: 84px !important;
    }

    .top-hero .asu-official-hero-logo,
    .asu-official-hero-logo {
        width: 165px !important;
        max-width: 165px !important;
        max-height: 92px !important;
    }
}

@media (max-width: 768px) {
    .asu-logo-white-box {
        padding: 10px 12px !important;
        border-radius: 16px !important;
    }

    .asu-admin-brand-fixed img {
        width: 120px !important;
        max-width: 120px !important;
        max-height: 68px !important;
    }

    .brand .asu-official-hero-logo,
    .brand img[src*="asu-logo"],
    .brand .asu-brand-logo {
        width: 135px !important;
        max-width: 135px !important;
        max-height: 76px !important;
    }

    .top-hero .asu-official-hero-logo,
    .asu-official-hero-logo {
        width: 145px !important;
        max-width: 145px !important;
        max-height: 82px !important;
    }
}

@media (max-width: 480px) {
    .asu-admin-brand-fixed img {
        width: 110px !important;
        max-width: 110px !important;
        max-height: 62px !important;
    }

    .brand .asu-official-hero-logo,
    .brand img[src*="asu-logo"],
    .brand .asu-brand-logo {
        width: 124px !important;
        max-width: 124px !important;
        max-height: 70px !important;
    }

    .top-hero .asu-official-hero-logo,
    .asu-official-hero-logo {
        width: 132px !important;
        max-width: 132px !important;
        max-height: 74px !important;
    }
}