/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-es422hh2wb] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-es422hh2wb] {
    flex: 1;
}

.top-row[b-es422hh2wb] {
    background: white; /*linear-gradient(135deg, #e60000 0%, #ff0000 50%, #cc0000 100%);*/
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 4rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
}

.logo-container[b-es422hh2wb] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.logo[b-es422hh2wb] {
    height: 40px;
    width: auto;
    object-fit: contain;
    background: transparent;
}

.vodafone-logo[b-es422hh2wb] {
    /* filter: brightness(0) invert(1); */
}

.iss-logo[b-es422hh2wb] {
    /* filter: brightness(0) invert(1); */
}

.header-title[b-es422hh2wb] {
    color: white;
    text-align: right;
}

.header-title h4[b-es422hh2wb] {
    color: white;
    font-weight: 600;
    margin: 0;
}

.header-title small[b-es422hh2wb] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.875rem;
}

@media (max-width: 640.98px) {
    .top-row[b-es422hh2wb] {
        height: 3.5rem;
        padding: 0 1rem;
    }
    
    .logo[b-es422hh2wb] {
        height: 30px;
    }
    
    .header-title h4[b-es422hh2wb] {
        font-size: 1rem;
    }
    
    .header-title small[b-es422hh2wb] {
        font-size: 0.75rem;
    }
}

@media (min-width: 641px) {
    .page[b-es422hh2wb] {
        flex-direction: column;
    }

    .top-row[b-es422hh2wb] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-es422hh2wb], article[b-es422hh2wb] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}