.row-container {
    display: flex;
    gap: 1rem; /* Add some space between the items */
    width: 100%;
    align-items: center; /* Vertically center items */
}

.row-child {
    flex-grow: 1; /* Default grow factor if not specified by inline style */
    flex-shrink: 1; /* Allow shrinking when content is too wide */
    flex-basis: 0; /* Ensures grow factor is the primary determinant of size */
    min-width: 0; /* Prevent children from overflowing */
    max-width: 100%; /* Prevent children from exceeding their allocated space */
}


/* 관리자 모드에서는 .block-item으로 감싸져 있음 */
.row-child .block-navigation {
    width: 100%; /* Navigation should fill its container */
    max-width: 100%; /* But not exceed it */
}

.row-child .block-logo,
.row-child .block-login-button,
.row-child .block-user-profile {
    max-width: 100%; /* Don't exceed container */
}