/* Logo wrapper with polygon background */
.navbar-brand.logo-wrapper {
    position: relative;
    padding: 10px 25px 10px 20px;
    margin-left: -15px;
}

.navbar-brand.logo-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #2c5282 0%, #4299e1 100%);
    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
    z-index: -1;
    border-radius: 0 0 0 10px;
}