/* ============================================================
   BEDEEL UI_03 R6
   FINAL PUBLIC HOME POLISH
   ============================================================ */

/* ============================================================
   HEADER
   ============================================================ */

.np4-brand-r5{
    min-width:175px !important;

    height:50px;

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

    gap:10px !important;
}

.np4-brand-lockup{
    height:38px;

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

    flex-direction:row !important;

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

.np4-brand-lockup small{
    display:none !important;
}

.np4-brand-wordmark-image{
    width:114px !important;
    height:auto !important;

    display:block !important;

    margin:0 !important;

    transform:none !important;

    object-fit:contain !important;
    object-position:left center !important;
}

.np4-brand-symbol-real{
    width:38px !important;
    height:38px !important;

    flex:
        0
        0
        38px !important;

    margin:0 !important;
}

.np4-brand-symbol-real img{
    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:cover !important;
}

/* ============================================================
   HEADER ACTION ALIGNMENT
   ============================================================ */

.np4-header-inner{
    align-items:center !important;
}

.np4-header-actions{
    align-items:center !important;
}

/* ============================================================
   LANGUAGE
   ============================================================ */

.bd-lang-button{
    min-width:34px !important;

    font-size:8px !important;
    font-weight:850 !important;
}

/* ============================================================
   HERO
   ============================================================ */

.np4-hero-copy h1{
    text-wrap:balance;
}

.np4-hero-copy p{
    max-width:500px !important;
}

/* ============================================================
   CARD TEXT
   ============================================================ */

.np4-r4-pulse-card>strong{
    min-height:30px;
}

.np4-r4-pulse-card>p{
    min-height:32px;

    color:#908c92 !important;
}

.np4-r4-signals>a small{
    color:#86828a !important;
}

.np4-post-body p{
    color:#aaa6ac !important;
}

/* ============================================================
   SVG ICON CONSISTENCY
   ============================================================ */

.np4-company-icon svg{
    width:18px !important;
    height:18px !important;

    stroke-width:1.8;
}

.np4-story-avatar,
.np4-right-avatar,
.np4-post-avatar{
    font-size:0 !important;
}

/* ============================================================
   NO RAW TEXT INSIDE BUSINESS ICONS
   ============================================================ */

.np4-company-icon{
    text-indent:0 !important;
}

/* ============================================================
   OPPORTUNITY BANNER
   ============================================================ */

.np4-r4-opportunity-banner{
    border-color:
        rgba(255,255,255,.10) !important;
}

.np4-r4-opportunity-banner>div{
    max-width:500px !important;
}

/* ============================================================
   BETTER HOVER
   ============================================================ */

.np4-story,
.np4-r4-pulse-card,
.np4-post,
.np4-right-discover>a,
.np4-r4-signals>a{
    transition:
        transform .18s ease,
        opacity .18s ease,
        border-color .18s ease,
        background .18s ease !important;
}

.np4-story:hover{
    transform:
        translateY(-2px);
}

.np4-r4-signals>a:hover{
    opacity:.88;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:820px){

    .np4-brand-r5{
        min-width:145px !important;
    }

    .np4-brand-wordmark-image{
        width:103px !important;
    }
}

@media(max-width:620px){

    .np4-brand-r5{
        min-width:auto !important;
    }

    .np4-brand-symbol-real{
        display:none !important;
    }

    .np4-brand-wordmark-image{
        width:108px !important;
    }
}

/* ============================================================
   SIGNATURE
   ============================================================ */

html::before{
    content:"BEDEEL_UI03_R6_PUBLIC";

    display:none;
}